@pantheon-systems/pds-toolkit-react 1.0.0-dev.9998 → 1.0.0

package/_dist/components/icons/PaymentIcon/PaymentIcon.d.ts

@@ -1,21 +1,21 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 import './payment-icon.css';
 type PaymentType = 'visa' | 'mastercard' | 'amex' | 'discover' | 'generic';
 /**
  * Prop types for PaymentIcon
  */
 export interface PaymentIconProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * The type of payment icon to display.
-     */
-    paymentType: PaymentType;
     /**
      * Additional class names
      */
     className?: string;
+    /**
+     * The type of payment icon to display.
+     */
+    paymentType: PaymentType;
 }
 /**
  * PaymentIcon UI component
  */
-export declare const PaymentIcon: ({ paymentType, className, ...props }: PaymentIconProps) => React.JSX.Element;
+export declare const PaymentIcon: ({ className, paymentType, ...props }: PaymentIconProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/icons/PaymentIcon/svgData.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 export declare const svgData: {
-    amex: React.JSX.Element;
-    discover: React.JSX.Element;
-    generic: React.JSX.Element;
-    mastercard: React.JSX.Element;
-    visa: React.JSX.Element;
+    amex: import("react/jsx-runtime").JSX.Element;
+    discover: import("react/jsx-runtime").JSX.Element;
+    generic: import("react/jsx-runtime").JSX.Element;
+    mastercard: import("react/jsx-runtime").JSX.Element;
+    visa: import("react/jsx-runtime").JSX.Element;
 };

package/_dist/components/icons/PlatformIcon/PlatformIcon.d.ts

@@ -1,12 +1,12 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 import './platform-icon.css';
 type PlatformType = 'drupal' | 'drupal7' | 'front-end-sites' | 'gatsby' | 'gatsby-wp' | 'import-custom' | 'next' | 'next-drupal' | 'next-wp' | 'wordpress';
 interface PlatformIconProps extends ComponentPropsWithoutRef<'div'> {
-    platformType: PlatformType;
     className?: string;
+    platformType: PlatformType;
 }
 /**
  * PlatformIcon UI component
  */
-export declare const PlatformIcon: ({ platformType, className, ...props }: PlatformIconProps) => React.JSX.Element;
+export declare const PlatformIcon: ({ className, platformType, ...props }: PlatformIconProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/inputs/Checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
-import React, { ComponentPropsWithoutRef, ChangeEvent, FocusEvent, ReactNode } from 'react';
-import { ValidationStatus } from '../input-types';
+import React, { ChangeEvent, ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
+import { ValidationStatus } from '../../../libs/types/input-types';
 import './checkbox.css';
 /**
  * Prop types for Checkbox
@@ -9,6 +9,10 @@ export interface CheckboxProps extends ComponentPropsWithoutRef<'div'> {
      * Checked state of the input. Used to set the checked status of the input field when controlled. Cannot be used in conjunction with the `defaultChecked` prop.
      */
     checked?: boolean;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Default checked state. Setting this prop automatically makes the input uncontrolled. Cannot be used with the checked prop.
      */
@@ -30,7 +34,7 @@ export interface CheckboxProps extends ComponentPropsWithoutRef<'div'> {
      */
     inputProps?: ComponentPropsWithoutRef<'input'>;
     /**
-     * Width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
+     * Max-width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
      */
     inputWidth?: number;
     /**
@@ -85,10 +89,6 @@ export interface CheckboxProps extends ComponentPropsWithoutRef<'div'> {
      * Value attribute of the checkbox.
      */
     value?: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * Checkbox UI component

package/_dist/components/inputs/CheckboxFieldset/CheckboxFieldset.d.ts

@@ -1,5 +1,5 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { ValidationStatus } from '../input-types';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ValidationStatus } from '../../../libs/types/input-types';
 import '../CheckboxGroup/checkbox-group.css';
 /**
  * Prop types for CheckboxFieldset
@@ -8,7 +8,11 @@ export interface CheckboxGroupWrapperProps extends ComponentPropsWithoutRef<'div
     /**
      * Individual checkboxes to be rendered within the group.
      */
-    children: React.ReactNode;
+    children: ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Is the field disabled?
      */
@@ -22,7 +26,7 @@ export interface CheckboxGroupWrapperProps extends ComponentPropsWithoutRef<'div
      */
     id: string;
     /**
-     * Width of the field. Accepts a number in pixels. Leave blank for width: 100%.
+     * Max-width of the field. Accepts a number in pixels. Leave blank for width: 100%.
      */
     inputWidth?: number;
     /**
@@ -53,12 +57,8 @@ export interface CheckboxGroupWrapperProps extends ComponentPropsWithoutRef<'div
      * Validation status of the input field.
      */
     validationStatus?: ValidationStatus;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * CheckboxFieldset UI component
  */
-export declare const CheckboxFieldset: ({ children, disabled, fieldsetProps, id, inputWidth, label, message, required, showLabel, tooltipText, validationMessage, validationStatus, className, ...props }: CheckboxGroupWrapperProps) => React.JSX.Element;
+export declare const CheckboxFieldset: ({ children, className, disabled, fieldsetProps, id, inputWidth, label, message, required, showLabel, tooltipText, validationMessage, validationStatus, ...props }: CheckboxGroupWrapperProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/inputs/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,5 +1,5 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { ValidationStatus } from '../input-types';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ValidationStatus } from '../../../libs/types/input-types';
 import './checkbox-group.css';
 export type CheckboxOption = {
     checked?: boolean;
@@ -13,6 +13,10 @@ export type CheckboxOption = {
  * Prop types for CheckboxGroup
  */
 export interface CheckboxGroupProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Is the field disabled?
      */
@@ -26,7 +30,7 @@ export interface CheckboxGroupProps extends ComponentPropsWithoutRef<'div'> {
      */
     id: string;
     /**
-     * Width of the field. Accepts a number in pixels. Leave blank for width: 100%.
+     * Max-width of the field. Accepts a number in pixels. Leave blank for width: 100%.
      */
     inputWidth?: number;
     /**
@@ -69,12 +73,8 @@ export interface CheckboxGroupProps extends ComponentPropsWithoutRef<'div'> {
      * Validation status of the input field.
      */
     validationStatus?: ValidationStatus;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * CheckboxGroup UI component
  */
-export declare const CheckboxGroup: ({ disabled, fieldsetProps, id, inputWidth, label, message, onGroupBlur, onValueChange, options, required, showLabel, tooltipText, validationMessage, validationStatus, className, ...props }: CheckboxGroupProps) => React.JSX.Element;
+export declare const CheckboxGroup: ({ className, disabled, fieldsetProps, id, inputWidth, label, message, onGroupBlur, onValueChange, options, required, showLabel, tooltipText, validationMessage, validationStatus, ...props }: CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/inputs/Combobox/Combobox.d.ts

@@ -1,5 +1,5 @@
 import React, { ChangeEvent, ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
-import { ValidationStatus } from '../input-types';
+import { ValidationStatus } from '../../../libs/types/input-types';
 import './combobox.css';
 type LabelStrings = {
     clearButton?: string;
@@ -8,16 +8,20 @@ type LabelStrings = {
     triggerButton?: string;
 };
 export type ComboboxOption = {
+    [otherOptions: string]: unknown;
     label: string;
     optionDisplay?: ReactNode;
     searchIndex?: string[];
     value: string;
-    [otherOptions: string]: unknown;
 };
 /**
  * Prop types for Combobox
  */
 export interface ComboboxProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Optional default value for the field.
      */
@@ -47,17 +51,13 @@ export interface ComboboxProps extends ComponentPropsWithoutRef<'div'> {
      */
     id: string;
     /**
-     * Width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
+     * Max-width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
      */
     inputWidth?: number;
     /**
      * Are the options in the process of being loaded?
      */
     isLoading?: boolean;
-    /**
-     * Text to display when options are still loading.
-     */
-    loadingText?: string;
     /**
      * Field label.
      */
@@ -66,6 +66,10 @@ export interface ComboboxProps extends ComponentPropsWithoutRef<'div'> {
      * Translation strings for various labels or other visually-hidden text.
      */
     labelStrings?: LabelStrings;
+    /**
+     * Text to display when options are still loading.
+     */
+    loadingText?: string;
     /**
      * Message or description used to help clarify the usage of the input.
      */
@@ -74,14 +78,14 @@ export interface ComboboxProps extends ComponentPropsWithoutRef<'div'> {
      * Text to display when there are no results.
      */
     noResultsText?: string;
-    /**
-     * onChange event handler.
-     */
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     /**
      * onBlur event handler.
      */
     onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
+    /**
+     * onChange event handler.
+     */
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     /**
      * Callback when the input is cleared.
      */
@@ -111,13 +115,14 @@ export interface ComboboxProps extends ComponentPropsWithoutRef<'div'> {
      */
     showLabel?: boolean;
     /**
-     * Optional tooltip text to display additional information.
+     * Should all options be displayed before any input is entered?
+     * When true, clicking or focusing the input will show all available options before typing.
      */
-    tooltipText?: string | null;
+    showUnfilteredOptions?: boolean;
     /**
-     * Value attribute of input
+     * Optional tooltip text to display additional information.
      */
-    value?: string;
+    tooltipText?: string | null;
     /**
      * Validation message for the input field based on the validation status.
      */
@@ -127,9 +132,9 @@ export interface ComboboxProps extends ComponentPropsWithoutRef<'div'> {
      */
     validationStatus?: ValidationStatus;
     /**
-     * Additional class names
+     * Value attribute of input
      */
-    className?: string;
+    value?: string;
 }
 /**
  * Combobox UI component

package/_dist/components/inputs/ComboboxMultiselect/ComboboxMultiselect.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 import './combobox-multiselect.css';
 type LabelStrings = {
     inputInstructions?: string;
@@ -6,14 +6,18 @@ type LabelStrings = {
 };
 interface OptionProps {
     id: string;
-    label: string;
     isAlreadySelected?: boolean;
+    label: string;
 }
 type DivProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'>;
 /**
  * Prop types for ComboboxMultiselect
  */
 export interface ComboboxMultiselectProps extends DivProps {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Is the field disabled?
      */
@@ -27,17 +31,13 @@ export interface ComboboxMultiselectProps extends DivProps {
      */
     initialSelectedItems?: OptionProps[];
     /**
-     * Width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
+     * Max-width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
      */
     inputWidth?: number;
     /**
      * Are the options in the process of being loaded?
      */
     isLoading?: boolean;
-    /**
-     * Text to display when options are still loading.
-     */
-    loadingText?: string;
     /**
      * Label for the combobox multiselect
      */
@@ -46,6 +46,10 @@ export interface ComboboxMultiselectProps extends DivProps {
      * Translation strings for various labels or other visually-hidden text.
      */
     labelStrings?: LabelStrings;
+    /**
+     * Text to display when options are still loading.
+     */
+    loadingText?: string;
     /**
      * Text to display when there are no results.
      */
@@ -70,14 +74,10 @@ export interface ComboboxMultiselectProps extends DivProps {
      * Should the label be visible? If false, it will render for screen readers only.
      */
     showLabel?: boolean;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 export declare const getFilteredOptions: (options: OptionProps[], selectedItems: OptionProps[], inputValue: string) => OptionProps[];
 /**
  * ComboboxMultiselect UI component
  */
-export declare const ComboboxMultiselect: ({ disabled, id, initialSelectedItems, inputWidth, isLoading, label, labelStrings, loadingText, noResultsText, onChange, options, placeholder, required, showLabel, className, ...props }: ComboboxMultiselectProps) => React.JSX.Element;
+export declare const ComboboxMultiselect: ({ className, disabled, id, initialSelectedItems, inputWidth, isLoading, label, labelStrings, loadingText, noResultsText, onChange, options, placeholder, required, showLabel, ...props }: ComboboxMultiselectProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/inputs/Datepicker/Datepicker.d.ts

@@ -0,0 +1,96 @@
+import { HTMLAttributes } from 'react';
+import { Locale } from 'date-fns';
+import { DateRange } from 'react-day-picker';
+import 'react-day-picker/dist/style.css';
+import './datepicker.css';
+type PresetType = 'today' | 'current-week' | 'current-month' | 'last-week' | 'last-month';
+export interface CustomPresetConfig {
+    custom?: () => DateRange;
+    days?: number;
+    label: string;
+    type?: PresetType;
+}
+export interface DatepickerTranslationStrings {
+    clearButton?: string;
+    doneButton?: string;
+    noDateRangeSelected?: string;
+    noDateSelected?: string;
+    pleaseSelectEndDate?: string;
+    selectedDate?: string;
+    selectedDateRange?: string;
+    selectedStartDate?: string;
+    to?: string;
+}
+/**
+ * Prop types for Datepicker.
+ */
+type DatepickerHTMLProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'value'>;
+export interface DatepickerProps extends DatepickerHTMLProps {
+    /**
+     * Additional class names.
+     */
+    className?: string;
+    /**
+     * Is the field disabled?
+     */
+    disabled?: boolean;
+    /**
+     * Has date range selection. If false, single date selection is used.
+     */
+    hasDateRange?: boolean;
+    /**
+     * Input ID.
+     */
+    id: string;
+    /**
+     * Max-width of the input field. Accepts a number in pixels.
+     * Numbers below 160 will display at 160px.
+     * Leave blank for width: 100%.
+     */
+    inputWidth?: number;
+    /**
+     * Input label.
+     */
+    label: string;
+    /**
+     * Locale from date-fns for internationalization.
+     */
+    locale?: Locale;
+    /**
+     * onChange handler
+     */
+    onChange?: (value: DateRange | Date | undefined) => void;
+    /**
+     * Placeholder text for the trigger button.
+     */
+    placeholder?: string;
+    /**
+     * Optional preset date ranges (only available when hasDateRange is true).
+     */
+    presets?: CustomPresetConfig[];
+    /**
+     * Is this field required?
+     */
+    required?: boolean;
+    /**
+     * Should the label be visible? If false, it will render for screen readers only.
+     */
+    showLabel?: boolean;
+    /**
+     * Optional tooltip text to display additional information.
+     */
+    tooltipText?: string | null;
+    /**
+     * Translation strings for labels.
+     */
+    translationStrings?: DatepickerTranslationStrings;
+    /**
+     * Selected date or date range.
+     */
+    value?: DateRange | Date;
+}
+/**
+ * Datepicker UI component.
+ */
+export declare const Datepicker: ({ className, disabled, hasDateRange, id, inputWidth, label, locale, onChange, placeholder, presets, required, showLabel, tooltipText, translationStrings, value, ...props }: DatepickerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/_dist/components/inputs/FileUpload/FileUpload.d.ts

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { ValidationStatus } from '../input-types';
+import { ValidationStatus } from '../../../libs/types/input-types';
 import './file-upload.css';
 type LabelStrings = {
     chooseFile: string;
@@ -13,6 +13,10 @@ export interface FileUploadProps extends ComponentPropsWithoutRef<'div'> {
      * File types the input should accept. Leave null for all file types.
      */
     accept?: string;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Default value for the input field as a string that represents the path to a file.
      */
@@ -34,7 +38,7 @@ export interface FileUploadProps extends ComponentPropsWithoutRef<'div'> {
      */
     inputProps?: ComponentPropsWithoutRef<'input'>;
     /**
-     * Width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
+     * Max-width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
      */
     inputWidth?: number;
     /**
@@ -81,10 +85,6 @@ export interface FileUploadProps extends ComponentPropsWithoutRef<'div'> {
      * Validation status of the input field.
      */
     validationStatus?: ValidationStatus;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * FileUpload UI component

package/_dist/components/inputs/InputGroup/InputGroup.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import './input-group.css';
 /**
  * Prop types for InputGroup
@@ -16,4 +16,4 @@ export interface InputGroupProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * InputGroup UI component
  */
-export declare const InputGroup: ({ children, className, ...props }: InputGroupProps) => React.JSX.Element;
+export declare const InputGroup: ({ children, className, ...props }: InputGroupProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/inputs/RadioGroup/RadioGroup.d.ts

@@ -1,5 +1,5 @@
-import React, { ChangeEvent, ComponentPropsWithoutRef, ReactNode } from 'react';
-import { ValidationStatus } from '../input-types';
+import { ChangeEvent, ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
+import { ValidationStatus } from '../../../libs/types/input-types';
 import './radio-group.css';
 export interface RadioOption {
     /**
@@ -23,24 +23,28 @@ export interface RadioOption {
 }
 export interface RadioGroupProps extends ComponentPropsWithoutRef<'div'> {
     /**
-     * Optional default value
+     * Additional class names
      */
-    defaultValue?: string;
+    className?: string;
     /**
-     * Additional props for the `<fieldset>` element.
+     * Optional default value
      */
-    fieldsetProps?: ComponentPropsWithoutRef<'fieldset'>;
+    defaultValue?: string;
     /**
      * is the radio group disabled
      * @default false
      */
     disabled?: boolean;
+    /**
+     * Additional props for the `<fieldset>` element.
+     */
+    fieldsetProps?: ComponentPropsWithoutRef<'fieldset'>;
     /**
      * Unique ID for the radio group
      */
     id: string;
     /**
-     * Input width in rem
+     * Max-width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
      */
     inputWidth?: number;
     /**
@@ -54,7 +58,7 @@ export interface RadioGroupProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Callback function that will return the updated value from the instance when it changes.
      */
-    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    onBlur?: (event: FocusEvent<HTMLDivElement>) => void;
     /**
      * onChange event handler. Controlled inputs should use this to manage the input value. Uncontrolled inputs will manage their own state, but may still use this to access the event object.
      */
@@ -93,12 +97,8 @@ export interface RadioGroupProps extends ComponentPropsWithoutRef<'div'> {
      * Value of the radio group. Used to set the value of the field when controlled. Cannot be used in conjunction with the `defaultValue` prop.
      */
     value?: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * RadioGroup UI component
  */
-export declare const RadioGroup: ({ defaultValue, disabled, fieldsetProps, id, inputWidth, label, message, onBlur, onChange, onValueChange, options, required, showLabel, tooltipText, validationMessage, validationStatus, value, className, ...props }: RadioGroupProps) => React.JSX.Element;
+export declare const RadioGroup: ({ className, defaultValue, disabled, fieldsetProps, id, inputWidth, label, message, onBlur, onChange, onValueChange, options, required, showLabel, tooltipText, validationMessage, validationStatus, value, ...props }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/inputs/Select/Select.d.ts

@@ -1,11 +1,20 @@
-import React, { ReactNode } from 'react';
-import { ValidationStatus } from '../input-types';
+import { ReactNode } from 'react';
+import { ValidationStatus } from '../../../libs/types/input-types';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import './select.css';
 type LabelStrings = {
     selectOptionText: string;
     triggerButton: string;
 };
 export type SelectOptionType = {
+    /**
+     * Option disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Optional icon to display before the option label.
+     */
+    icon?: PDSIcon;
     /**
      * Option label.
      */
@@ -14,10 +23,6 @@ export type SelectOptionType = {
      * Option value.
      */
     value: string;
-    /**
-     * Option disabled.
-     */
-    disabled?: boolean;
 };
 export type SelectOptionGroupType = {
     /**
@@ -31,13 +36,17 @@ export type SelectOptionGroupType = {
 };
 export type SelectOptionsType = (SelectOptionType | SelectOptionGroupType)[];
 interface SelectOptionGroupProps {
-    label: string;
     children: ReactNode;
+    label: string;
 }
 /**
  * Prop types for Select
  */
 export interface SelectProps {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Optional default value for the field. Must match the value of one of the options. Cannot be used in conjunction with the `value` prop.
      */
@@ -46,12 +55,16 @@ export interface SelectProps {
      * Is the field disabled?
      */
     disabled?: boolean;
+    /**
+     * Optional icon to display before the placeholder text (selectOptionText). Only shows when no value is selected.
+     */
+    icon?: PDSIcon;
     /**
      * Input ID.
      */
     id: string;
     /**
-     * Width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
+     * Max-width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
      */
     inputWidth?: number;
     /**
@@ -106,17 +119,13 @@ export interface SelectProps {
      * Value of the field. Must match the value of one of the options. Used to set the value of the field when controlled. Cannot be used in conjunction with the `defaultValue` prop.
      */
     value?: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * SelectOptionGroup component
  */
-export declare const SelectOptionGroup: ({ label, children, }: SelectOptionGroupProps) => React.JSX.Element;
+export declare const SelectOptionGroup: ({ children, label, }: SelectOptionGroupProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Select UI component
  */
-export declare const Select: ({ defaultValue, disabled, id, inputWidth, label, labelStrings, message, onBlur, onFocus, onOptionSelect, options, required, showLabel, tooltipText, validationMessage, validationStatus, value, className, ...props }: SelectProps) => React.JSX.Element;
+export declare const Select: ({ className, defaultValue, disabled, icon, id, inputWidth, label, labelStrings, message, onBlur, onFocus, onOptionSelect, options, required, showLabel, tooltipText, validationMessage, validationStatus, value, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/inputs/Select/select-sample-data.d.ts

@@ -0,0 +1,6 @@
+import { SelectOptionsType, SelectOptionType } from './Select';
+export declare const githubAccountOptions: SelectOptionType[];
+export declare const userRoleOptions: SelectOptionType[];
+export declare const validationExampleOptions: SelectOptionType[];
+export declare const sampleSelectOptionsWithGroups: SelectOptionsType;
+export declare const sampleSelectOptions: SelectOptionType[];