@cloudoperators/juno-ui-components 2.33.0 → 2.35.0

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

@@ -0,0 +1,67 @@
+import { default as React, ChangeEvent, KeyboardEvent, MouseEvent } from 'react';
+export interface SearchInputProps extends Omit<React.HTMLProps<HTMLInputElement>, "onClick"> {
+    /**
+     * Specifies the name attribute for the input element.
+     */
+    name?: string;
+    /**
+     * Determines the visual styling variant of the SearchInput component.
+     * - "default": Standard search input styling.
+     * - "hero": A larger search input intended for standalone use on a dedicated search page, akin to the initial Google search page.
+     * - "rounded": A search input with rounded edges.
+     */
+    variant?: "rounded" | "hero" | "default";
+    /**
+     * Disables the search input when set to true.
+     */
+    disabled?: boolean;
+    /**
+     * Custom placeholder text displayed in the search input.
+     */
+    placeholder?: string;
+    /**
+     * Initial value for the search input.
+     */
+    value?: string;
+    /**
+     * Controls the autocomplete attribute of the input element.
+     * Pass a valid autocomplete value.
+     * We do not enforce validity.
+     */
+    autoComplete?: string;
+    /**
+     * Determines whether to show the 'Clear' button.
+     */
+    clear?: boolean;
+    /**
+     * Pass an optional CSS class to apply to the search input.
+     */
+    className?: string;
+    /**
+     * Callback function invoked when a search is triggered, either by pressing the 'Enter' key or by clicking the search icon.
+     */
+    onSearch?: (_value: string) => void;
+    /**
+     * Click handler for the search icon.
+     */
+    onClick?: (_event: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
+    /**
+     * Change handler for the search input.
+     */
+    onChange?: (_event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * KeyPress handler for the search input. By default, triggers the onSearch function when the 'Enter' key is pressed.
+     */
+    onKeyPress?: (_event: KeyboardEvent<HTMLInputElement>) => void;
+    /**
+     * Click handler for the 'Clear' button.
+     */
+    onClear?: (_event: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
+}
+/**
+ * A SearchInput is a controlled input component for searching.
+ * It provides a text field to enter a search query and optional clear and search icons.
+ * Three styling variants are supported: "rounded", "hero", and "default".
+ */
+export declare const SearchInput: React.FC<SearchInputProps>;
+//# sourceMappingURL=SearchInput.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchInput/SearchInput.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAuB,WAAW,EAAE,aAAa,EAAE,UAAU,EAAe,MAAM,OAAO,CAAA;AAKvG,OAAO,oBAAoB,CAAA;AAE3B,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC1F;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC7E;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC1D;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC9D;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,IAAI,CAAA;CAC9E;AA8DD;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuFlD,CAAA"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,78 @@
+import { default as React } from 'react';
+/** A component to hold a secret text, e.g. an SSH key, and conceal or reveal as needed. */
+export declare const SecretText: React.FC<SecretTextProps>;
+type ValueChangeHandler = (value: string) => void;
+export interface SecretTextProps extends Omit<React.HTMLAttributes<HTMLTextAreaElement>, "onCopy" | "onPaste"> {
+    /** Whether the secret field should autocomplete. */
+    autoComplete?: string;
+    /** Pass a custom className to the Secret input field. */
+    className?: string;
+    /** Whether the Clear button is rendered. */
+    clear?: boolean;
+    /** Whether the Copy button is rendered. */
+    copy?: boolean;
+    /** A small text to display for a second to confirm the secret's content was copied to the clipboard. */
+    copyConfirmtext?: string;
+    /** Disable the Clear button */
+    disableClear?: boolean;
+    /** Disable the Copy button */
+    disableCopy?: boolean;
+    /** Whether the Secret's input is disabled. */
+    disabled?: boolean;
+    /** Disable the Paste button */
+    disablePaste?: boolean;
+    /** Disable the Hide/Reveal button */
+    disableToggle?: boolean;
+    /** A small text to display information regarding any errors in the context of the Secret. */
+    errortext?: string;
+    /** A small text to display giving more information and context about the Secret. */
+    helptext?: string;
+    /** Pass an id  */
+    id?: string;
+    /** Whether the Secret's content is invalid. */
+    invalid?: boolean;
+    /** A label to display above the SecretText's textarea. */
+    label?: string;
+    /** The name of the SecretText's textarea. */
+    name?: string;
+    /** A handler to execute when the Secret's input area looses focus. */
+    onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;
+    /** A handler to execute when the Secret's content changes. */
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
+    /** A handler to execute when the user clears the Secret's content using the Clear button. */
+    onClear?: () => void;
+    /** A handler to execute when the user copies the Secret's content to the clipboard. */
+    onCopy?: ValueChangeHandler;
+    /** A handler to execute when the SecretText textarea receives focus */
+    onFocus?: React.FocusEventHandler<HTMLTextAreaElement>;
+    /** A handler to execute when the user hides the Secret's content. */
+    onHide?: () => void;
+    /** A handler to execute when the user pastes text from the clipboard into the SecretText. */
+    onPaste?: ValueChangeHandler;
+    /** A handler to execute when the user reveals the Secret's content. */
+    onReveal?: () => void;
+    /** A handler to execute when the visibility of the SecretText's content is toggled, i.e. this will be run when the content is revealed and when it is hidden. */
+    onToggle?: () => void;
+    /** Whether a button to paste text content even in hidden mode is rendered. */
+    paste?: boolean;
+    /** Pass a placeholder to the SecretText's textarea */
+    placeholder?: string;
+    /** Whether the SecretText content is read only, i.e. can not be edited..*/
+    readOnly?: boolean;
+    /** Whether the SecretText is required. Passing `true` will render a small required marker to the label. This will only have an effect when a label is passed, too.  */
+    required?: boolean;
+    /** Whether the secret's content is revealed / legible. */
+    reveal?: boolean;
+    /** A small text to display giving information in the context of the secret, e.g. when it was successfully validated or matches specific requirements, etc.  */
+    successtext?: string;
+    /** Whether a button to toggle visibility of the SecretText's content should be rendered. */
+    toggle?: boolean;
+    /** Whether the Secret's content was successfully validated. */
+    valid?: boolean;
+    /** The value of the SecretText, i.e. the Secret's content.  */
+    value?: string;
+    /** Pass a className to the outer wrapper element */
+    wrapperClassName?: string;
+}
+export {};
+//# sourceMappingURL=SecretText.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SecretText.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/SecretText/SecretText.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqC,MAAM,OAAO,CAAA;AAuDzD,2FAA2F;AAC3F,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgPhD,CAAA;AAGD,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEjD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5G,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wGAAwG;IACxG,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,qCAAqC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,6FAA6F;IAC7F,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kBAAkB;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IACxD,6FAA6F;IAC7F,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,uFAAuF;IACvF,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,uEAAuE;IACvE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACtD,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,6FAA6F;IAC7F,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,iKAAiK;IACjK,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uKAAuK;IACvK,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+JAA+J;IAC/J,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4FAA4F;IAC5F,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}

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

@@ -0,0 +1,130 @@
+import { default as React } from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import('./SecretText.component').SecretTextProps>;
+    argTypes: {
+        onBlur: {
+            control: boolean;
+        };
+        onChange: {
+            control: boolean;
+        };
+        onClear: {
+            control: boolean;
+        };
+        onCopy: {
+            control: boolean;
+        };
+        onFocus: {
+            control: boolean;
+        };
+        onHide: {
+            control: boolean;
+        };
+        onPaste: {
+            control: boolean;
+        };
+        onReveal: {
+            control: boolean;
+        };
+        onToggle: {
+            control: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    args: {};
+};
+export declare const withValue: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    args: {
+        value: string;
+    };
+};
+export declare const revealWithValue: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    args: {
+        reveal: boolean;
+        value: string;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithLabel: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    args: {
+        label: string;
+    };
+};
+export declare const WithValueWithLabel: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    args: {
+        label: string;
+        value: string;
+    };
+};
+export declare const RequiredWithLabel: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    args: {
+        required: boolean;
+        label: string;
+    };
+};
+export declare const NoClearNoToggleNoPaste: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    args: {
+        value: string;
+        clear: boolean;
+        toggle: boolean;
+        paste: boolean;
+    };
+};
+export declare const Disabled: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    args: {
+        disabled: boolean;
+    };
+};
+export declare const ReadOnly: {
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    args: {
+        readOnly: boolean;
+        disablePaste: boolean;
+        label: string;
+        value: string;
+        helptext: string;
+    };
+};
+//# sourceMappingURL=SecretText.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SecretText.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/SecretText/SecretText.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGzB,wBAgCC;AAMD,eAAO,MAAM,OAAO;;;;;CAGnB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;CAMrB,CAAA;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;CAe3B,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;CAKrB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;CAO9B,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;;;;CAM7B,CAAA;AAED,eAAO,MAAM,sBAAsB;;;;;;;;;;CAQlC,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;CAKpB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;CAkBpB,CAAA"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,69 @@
+import { default as React } from 'react';
+export type SelectContextProps = {
+    truncateOptions: boolean;
+    addOptionValueAndLabel: (value: unknown, label: unknown, children: unknown) => void;
+};
+export declare const SelectContext: React.Context<SelectContextProps | undefined>;
+export interface SelectProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "value" | "defaultValue" | "onChange"> {
+    /** Pass an aria-label to the Select toggle button */
+    ariaLabel?: string;
+    /** The children to render as options. Use the SelectOption component, and SelectDivider if needed. */
+    children?: React.ReactNode;
+    /** Pass a custom className to the internal Select toggle button */
+    className?: string;
+    /** Pass a defaultValue to use as an uncontrolled component that handles its state internally. When setting `multiple` on the Select pass an Array instead of a string.  */
+    defaultValue?: string;
+    /** Whether the Select is disabled */
+    disabled?: boolean;
+    /** Whether the Select has an error, e.g. when loading options. When validated negatively, use `invalid` instead. */
+    error?: boolean;
+    /** A small message rendered in red text below the Select toggle. */
+    errortext?: React.ReactNode;
+    /** A small, neutral text rendered below the Select toggle to explain meaning and significance of the Select element */
+    helptext?: React.ReactNode;
+    /** Pass an id to the Select toggle */
+    id?: string;
+    /** Whether the Select has been validated unsuccessfully / negatively */
+    invalid?: boolean;
+    /** Pass a label to render in the Select toggle button */
+    label?: string;
+    /** Whether the Select is busy loading options. Will show a Spinner in the Select toggle. */
+    loading?: boolean;
+    /** Whether multiple options of the Select can be selected. When passing true, pass an array containing one or multiple options as `value` / `defaultValue` respectively. */
+    multiple?: boolean;
+    /** Pass a name attribute to the Select to be transmitted when used in a form. */
+    name?: string;
+    /** Handler to be executed when the selected value changes */
+    onChange?: (value?: string | number | string[]) => void;
+    /** Handle for openning of select */
+    open?: boolean;
+    /** LEGACY: Handler to be executed when the Select value changes. Here for backwards compatibility with apps based on older versions of Select. Use onChange instead. */
+    onValueChange?: (...args: unknown[]) => unknown;
+    /** A placeholder to render when no value has been selected. Default is "Select…". */
+    placeholder?: string;
+    /** Whether a selection is required. Will show a small required marker next to the label. If no label is used, no marker will be visible. */
+    required?: boolean;
+    /** A note to render below the Select toggle in case the selected value has been positively validated. Will set the visible state of the Select toggle to `valid`. */
+    successtext?: React.ReactNode;
+    /** Whether long texts in options will be truncated with "…" or not. Default is false. The Select toggle label will always be truncated. */
+    truncateOptions?: boolean;
+    /** Whether the Select was positively validated. Will show a green checkmark icon inside the Select toggle. */
+    valid?: boolean;
+    /** The currently (pre-)selected value of the Select. Will trigger controlled mode. When setting `multiple` on the Select pass an Array instead of a string. */
+    value?: unknown;
+    /** The label of the passed value or defaultValue. If you want to use controlled mode or pass as defaultValue in uncontrolled mode and additionally use labels for
+     *  human-readable SelectOptions you need to also pass the matching label for the passed value/defaultValue so that the Select component can render itself properly. */
+    valueLabel?: string;
+    /** The semantic variant of the Select toggle button.*/
+    variant?: "default" | "primary" | "primary-danger" | "subdued";
+    /** Whether the Select toggle should consume the available width of its parent container (default), or render its "natural" width depending on the content and the currently selected value or state. */
+    width?: "full" | "auto";
+    /** 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;
+}
+/**
+  A Select component that can be configured to allow selecting a single item or multiple items.
+  Pass a `defaultValue` to render as an uncontrolled component that tracks its open state etc internally.
+*/
+export declare const Select: React.FC<SelectProps>;
+//# sourceMappingURL=Select.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6D,MAAM,OAAO,CAAA;AAUjF,OAAO,eAAe,CAAA;AAwDtB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,eAAe,EAAE,OAAO,CAAA;IAExB,sBAAsB,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CACpF,CAAA;AACD,eAAO,MAAM,aAAa,+CAA2D,CAAA;AAErF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC;IAClG,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sGAAsG;IACtG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2KAA2K;IAC3K,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oHAAoH;IACpH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,uHAAuH;IACvH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4FAA4F;IAC5F,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4KAA4K;IAC5K,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6DAA6D;IAE7D,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IACvD,oCAAoC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wKAAwK;IAExK,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAA;IAC/C,qFAAqF;IACrF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4IAA4I;IAC5I,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qKAAqK;IACrK,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,2IAA2I;IAC3I,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8GAA8G;IAC9G,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,+JAA+J;IAC/J,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;2KACuK;IACvK,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,gBAAgB,GAAG,SAAS,CAAA;IAC9D,wMAAwM;IACxM,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED;;;EAGE;AACF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuQxC,CAAA"}