@sk-web-gui/core 2.3.0 → 3.0.0

package/dist/types/filter/stories/filter.stories.d.ts

@@ -0,0 +1,7 @@
+import { FilterProps } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const Template: {
+    (props: FilterProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/types/forms/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src';
+export type * from './src';

package/dist/types/forms/src/checkbox/checkbox-group.d.ts

@@ -0,0 +1,46 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+import { CheckboxItemProps } from './checkbox';
+export interface CheckboxGroupProps extends DefaultProps {
+    /**
+     * The id of the checkbox group.
+     */
+    id?: CheckboxItemProps['id'];
+    /**
+     * The name of the checkbox group. This prop is passed to each checbox
+     */
+    name?: CheckboxItemProps['name'];
+    /**
+     * The content of the checkbox group. Must be the `Checkbox` component
+     */
+    children?: React.ReactNode;
+    /**
+     * The initial value of the checkbox group
+     */
+    defaultValue?: Array<CheckboxItemProps['value']>;
+    /**
+     * The value of the checkbox group
+     */
+    value?: Array<CheckboxItemProps['value']>;
+    /**
+     * The callback fired when any children Checkbox is checked or unchecked
+     */
+    onChange?: (value: Array<CheckboxItemProps['value']>) => void;
+    /**
+     * If `true`, the checkboxes will aligned horizontally.
+     * @default column
+     */
+    direction?: 'row' | 'column';
+    size?: CheckboxItemProps['size'];
+    color?: CheckboxItemProps['color'];
+}
+interface UseCheckboxGroupData {
+    handleChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    size?: CheckboxItemProps['size'];
+    color?: CheckboxItemProps['color'];
+    name?: CheckboxItemProps['name'];
+    value?: Array<CheckboxItemProps['value']>;
+}
+export declare const useCheckboxGroup: () => UseCheckboxGroupData;
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLUListElement>>;
+export {};

package/dist/types/forms/src/checkbox/checkbox.d.ts

@@ -0,0 +1,39 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface CheckboxItemProps<T = HTMLInputElement> extends DefaultProps, Omit<React.ComponentPropsWithRef<'input'>, 'size'> {
+    invalid?: boolean;
+    readOnly?: React.InputHTMLAttributes<T>['readOnly'];
+    indeterminate?: boolean;
+    /**
+     * If true, the checkbox will be initially checked.
+     */
+    defaultChecked?: boolean;
+    /**
+     * If true, the checkbox will be checked.
+     * You'll need to pass `onChange` to update it's value (since it's now controlled)
+     */
+    checked?: boolean;
+    /** Set the checkbox color
+     * @default primary
+     */
+    color?: string;
+    /** Size of the checkbox
+     * @default md
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * The children is the label to be displayed to the right of the checkbox.
+     */
+    children?: React.ReactNode;
+    /**
+     * The callback invoked when the checked state of the `Checkbox` changes..
+     */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Position the label text (children) left or right of the checkbox. Defaults to right.
+     * @default right
+     */
+    labelPosition?: 'left' | 'right';
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxItemProps<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default Checkbox;

package/dist/types/forms/src/checkbox/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { CheckboxItemProps, Checkbox as InternalCheckbox } from './checkbox';
+import { CheckboxGroup } from './checkbox-group';
+interface CheckboxProps extends React.ForwardRefExoticComponent<CheckboxItemProps> {
+    Component: typeof InternalCheckbox;
+    Group: typeof CheckboxGroup;
+}
+export declare const Checkbox: CheckboxProps;
+export type { CheckboxProps };
+export default Checkbox;

package/dist/types/forms/src/checkbox/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const useCheckboxLabelClass: (args?: any) => string;
+export declare const useCheckboxClass: (args?: any) => string;

package/dist/types/forms/src/combobox/combobox-context.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+export interface UseComboboxProps {
+    multiple?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * @default primary
+     */
+    variant?: 'primary' | 'tertiary';
+    /**
+     * Automatic filter options by value and label (children)
+     * @default true
+     */
+    autofilter?: boolean;
+}
+interface UseComboboxData extends UseComboboxProps {
+    active: number;
+    setActive: React.Dispatch<React.SetStateAction<number>>;
+    total: number;
+    next: () => void;
+    prev: () => void;
+    setTotal: (total: number) => void;
+    select: (value: string) => void;
+    remove: (value: string) => void;
+    close: () => void;
+    addLabel: (label: string, value: string) => void;
+    labels: Record<string, string>;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    setValue: (value: string[]) => void;
+    getValue: () => string;
+    id: string;
+    listId: string;
+    name: string;
+    value: string[];
+    searchValue: string;
+    setSearchValue: React.Dispatch<React.SetStateAction<string>>;
+    focusInput: () => void;
+    inputRef: React.Ref<HTMLInputElement | null | undefined> | null;
+}
+export declare const ComboboxContext: React.Context<UseComboboxData>;
+export declare const useCombobox: () => UseComboboxData;
+export {};

package/dist/types/forms/src/combobox/combobox-input.d.ts

@@ -0,0 +1,44 @@
+import { CustomOnChangeEvent } from '@sk-web-gui/utils';
+import React from 'react';
+import { UseComboboxProps } from './combobox-context';
+interface InputCompProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+export interface ComboboxInputProps extends UseComboboxProps, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'onChange' | 'onSelect'> {
+    /**
+     * ChangeEvent list
+     */
+    onChange?: (event: CustomOnChangeEvent) => void;
+    /**
+     * ChangeEvent list
+     */
+    onSelect?: (event: CustomOnChangeEvent) => void;
+    /**
+     * ChangeEvent list
+     */
+    onChangeSearch?: (event: CustomOnChangeEvent<string>) => void;
+    /**
+     * Selected value
+     */
+    value?: string | string[];
+    /**
+     * Sets initial value
+     */
+    defaultValue?: string | string[];
+    /**
+     * Search input value
+     */
+    searchValue?: string;
+    /**
+     * Placeholder when search is active
+     */
+    searchPlaceholder?: string;
+    /**
+     * @default primary
+     */
+    variant?: 'primary' | 'tertiary';
+    disabled?: boolean;
+    invalid?: boolean;
+    InputComp?: React.ReactElement<InputCompProps>;
+}
+export declare const ComboboxInput: React.ForwardRefExoticComponent<Omit<ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default ComboboxInput;

package/dist/types/forms/src/combobox/combobox-list.d.ts

@@ -0,0 +1,8 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface ComboboxListProps extends DefaultProps, React.ComponentPropsWithRef<'fieldset'> {
+    multiple?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    value?: string | string[];
+}
+export declare const ComboboxList: React.ForwardRefExoticComponent<Omit<ComboboxListProps, "ref"> & React.RefAttributes<HTMLFieldSetElement>>;

package/dist/types/forms/src/combobox/combobox-option.d.ts

@@ -0,0 +1,11 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface ComboboxOptionProps extends DefaultProps, Omit<React.ComponentPropsWithRef<'input'>, 'onClick'> {
+    value: string;
+    checked?: boolean;
+    children: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    index?: number;
+}
+export declare const ComboboxOption: React.ForwardRefExoticComponent<Omit<ComboboxOptionProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/types/forms/src/combobox/combobox.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { UseComboboxProps } from './combobox-context';
+export interface ComboboxBaseProps extends UseComboboxProps, Omit<React.ComponentPropsWithRef<'input'>, 'size'> {
+}
+export declare const ComboboxBase: React.ForwardRefExoticComponent<Omit<ComboboxBaseProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default ComboboxBase;

package/dist/types/forms/src/combobox/index.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ComboboxBase, ComboboxBaseProps } from './combobox';
+import { ComboboxInput } from './combobox-input';
+import { ComboboxList } from './combobox-list';
+import { ComboboxOption } from './combobox-option';
+interface ComboboxProps extends React.ForwardRefExoticComponent<ComboboxBaseProps> {
+    Component: typeof ComboboxBase;
+    Input: typeof ComboboxInput;
+    List: typeof ComboboxList;
+    Option: typeof ComboboxOption;
+}
+declare const Combobox: ComboboxProps;
+export { Combobox };
+export type { ComboboxProps };
+export default Combobox;

package/dist/types/forms/src/combobox/styles.d.ts

@@ -0,0 +1 @@
+export declare const useComboboxStyles: (args?: any) => string;

package/dist/types/forms/src/date-picker/date-picker.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { InputProps } from '../input/input';
+export interface DatePickerProps extends Omit<InputProps, 'type' | 'as'> {
+    type?: 'date' | 'time' | 'datetime-local';
+}
+export declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default DatePicker;

package/dist/types/forms/src/date-picker/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { DatePicker, DatePickerProps } from './date-picker';
+export { DatePicker };
+export type { DatePickerProps };
+declare const _default: {
+    DatePicker: import("react").ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+};
+export default _default;

package/dist/types/forms/src/form-control/index.d.ts

@@ -0,0 +1,40 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+interface UseFormControlProps {
+    /** If `true`, this prop is passed to its children. */
+    required?: boolean;
+    /** If `true`, this prop is passed to its children. */
+    disabled?: boolean;
+    /** If `true`, this prop is passed to its children. */
+    invalid?: boolean;
+    /** If `true`, this prop is passed to its children. */
+    readOnly?: boolean;
+    /** The `id` to use for the form control. */
+    id?: string;
+    /** The name of the input */
+    name?: string;
+    /** If this is a group, set to true. */
+    fieldset?: boolean;
+    /** Set size for all children */
+    size?: 'sm' | 'md' | 'lg';
+}
+interface UseFormControlData extends UseFormControlProps {
+    labelId?: string;
+    errorId?: string;
+    helpTextId?: string;
+    hasErrorText?: boolean;
+    hasHelpText?: boolean;
+}
+interface IFormControlRegularProps extends DefaultProps, UseFormControlProps, React.ComponentPropsWithRef<'div'> {
+    children?: React.ReactNode;
+    fieldset?: false | undefined;
+}
+interface IFormControlFieldsetProps extends DefaultProps, UseFormControlProps, React.ComponentPropsWithRef<'fieldset'> {
+    children?: React.ReactNode;
+    fieldset: true;
+}
+export type FormControlProps = IFormControlFieldsetProps | IFormControlRegularProps;
+type FormControlObject = Record<string, any>;
+export declare const useFormControl: (props: UseFormControlProps & FormControlObject) => UseFormControlData;
+export declare const FormControl: React.ForwardRefExoticComponent<(Omit<IFormControlFieldsetProps, "ref"> | Omit<IFormControlRegularProps, "ref">) & React.RefAttributes<HTMLElement>>;
+export default FormControl;

package/dist/types/forms/src/form-error-message/index.d.ts

@@ -0,0 +1,8 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+import { FormControlProps } from '../form-control';
+export interface FormErrorMessageProps extends DefaultProps, Pick<FormControlProps, 'size'>, React.ComponentPropsWithRef<'div'> {
+    children?: React.ReactNode;
+}
+export declare const FormErrorMessage: React.ForwardRefExoticComponent<Omit<FormErrorMessageProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export default FormErrorMessage;

package/dist/types/forms/src/form-helper-text/index.d.ts

@@ -0,0 +1,8 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+import { FormControlProps } from '../form-control';
+export interface FormHelperTextProps extends DefaultProps, Pick<FormControlProps, 'size'>, React.ComponentPropsWithRef<'p'> {
+    children?: React.ReactNode;
+}
+export declare const FormHelperText: React.ForwardRefExoticComponent<Omit<FormHelperTextProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export default FormHelperText;

package/dist/types/forms/src/form-label/index.d.ts

@@ -0,0 +1,20 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+interface IFormLabelProps extends DefaultProps {
+    disabled?: boolean;
+    children?: React.ReactNode;
+    htmlFor?: string;
+    showRequired?: boolean;
+    as?: React.ElementType;
+    size?: 'sm' | 'md' | 'lg';
+}
+interface IFormLabelRegularProps extends React.ComponentPropsWithRef<'label'>, IFormLabelProps {
+}
+interface IFormLabelFieldsetProps extends React.ComponentPropsWithRef<'legend'>, IFormLabelProps {
+}
+export type FormLabelProps = IFormLabelFieldsetProps | IFormLabelRegularProps;
+export declare const FormLabel: React.ForwardRefExoticComponent<(Omit<IFormLabelRegularProps, "ref"> | Omit<IFormLabelFieldsetProps, "ref">) & React.RefAttributes<HTMLElement>>;
+export declare const RequiredIndicator: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export default FormLabel;

package/dist/types/forms/src/index.d.ts

@@ -0,0 +1,26 @@
+export * from './input';
+export type * from './input';
+export * from './textarea';
+export type * from './textarea';
+export * from './date-picker';
+export type * from './date-picker';
+export * from './text-field';
+export type * from './text-field';
+export * from './select';
+export type * from './select';
+export * from './form-control';
+export type * from './form-control';
+export * from './form-error-message';
+export type * from './form-error-message';
+export * from './form-helper-text';
+export type * from './form-helper-text';
+export * from './form-label';
+export type * from './form-label';
+export * from './switch';
+export type * from './switch';
+export * from './checkbox';
+export type * from './checkbox';
+export * from './combobox';
+export type * from './combobox';
+export * from './radio';
+export type * from './radio';

package/dist/types/forms/src/input/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { InputLeftAddin, InputRightAddin } from '../input-addin';
+import { InputGroup } from '../input-group';
+import { Input as InternalInput, InputProps as InternalInputProps } from './input';
+interface InputProps extends React.ForwardRefExoticComponent<InternalInputProps> {
+    Component: typeof InternalInput;
+    Group: typeof InputGroup;
+    LeftAddin: typeof InputLeftAddin;
+    RightAddin: typeof InputRightAddin;
+}
+export declare const Input: InputProps;
+export type { InputProps };
+export default Input;

package/dist/types/forms/src/input/input.d.ts

@@ -0,0 +1,26 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface IInputProps<T = HTMLInputElement> extends DefaultProps {
+    invalid?: boolean;
+    readOnly?: React.InputHTMLAttributes<T>['readOnly'];
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * The element or component to use in place of `input`
+     */
+    as?: React.ElementType;
+    /**
+     * Input type
+     */
+    type?: React.InputHTMLAttributes<T>['type'];
+    placeholder?: React.InputHTMLAttributes<T>['placeholder'];
+    value?: string;
+    autoFocus?: boolean;
+}
+export interface InputProps extends IInputProps, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'value'> {
+    /**
+     * If you want to hide native extra apperances, such as number arrows and icons
+     * @default true
+     */
+    hideExtra?: boolean;
+}
+export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/types/forms/src/input/styles.d.ts

@@ -0,0 +1 @@
+export declare const useInputClass: (args?: any) => string;

package/dist/types/forms/src/input-addin/index.d.ts

@@ -0,0 +1,12 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+import { InputProps } from '../input/input';
+type Placement = 'left' | 'right';
+export interface InputAddinProps extends DefaultProps, React.ComponentPropsWithRef<'div'> {
+    placement?: Placement;
+    size?: InputProps['size'];
+    icon?: boolean;
+}
+export declare const InputLeftAddin: React.FC<InputAddinProps>;
+export declare const InputRightAddin: React.FC<InputAddinProps>;
+export {};

package/dist/types/forms/src/input-group/index.d.ts

@@ -0,0 +1,11 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+import { InputProps } from '../input/input';
+export interface InputGroupProps extends DefaultProps, React.ComponentPropsWithRef<'div'> {
+    size?: InputProps['size'];
+    children?: React.ReactNode;
+    invalid?: boolean;
+    disabled?: boolean;
+}
+export declare const InputGroup: React.ForwardRefExoticComponent<Omit<InputGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default InputGroup;

package/dist/types/forms/src/input-group/styles.d.ts

@@ -0,0 +1 @@
+export declare const useInputGroupClass: (args?: any) => string;

package/dist/types/forms/src/radio/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { InternalRadioButton, RadioButtonProps as InternalRadioButtonProps } from './radio';
+import { RadioButtonGroup } from './radio-group';
+interface RadioButtonProps extends React.ForwardRefExoticComponent<InternalRadioButtonProps> {
+    Component: typeof InternalRadioButton;
+    Group: typeof RadioButtonGroup;
+}
+export declare const RadioButton: RadioButtonProps;
+export type { RadioButtonProps };
+export default RadioButton;

package/dist/types/forms/src/radio/radio-group.d.ts

@@ -0,0 +1,48 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+import { RadioButtonProps } from './radio';
+export interface RadioButtonGroupProps extends DefaultProps {
+    /**
+     * The id of the radio group.
+     */
+    id?: string;
+    /**
+     * The name of the radio group. This prop is passed to each checbox
+     */
+    name?: string;
+    /**
+     * The content of the radio group. Must be the `Radio` component
+     */
+    children?: React.ReactNode;
+    /**
+     * The initial value of the radio group
+     */
+    defaultValue?: RadioButtonProps['value'];
+    /**
+     * The value of the radio group
+     */
+    value?: RadioButtonProps['value'];
+    size?: RadioButtonProps['size'];
+    color?: RadioButtonProps['color'];
+    /**
+     * The callback fired when any children Radio is checked or unchecked
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: RadioButtonProps['value']) => void;
+    /**
+     * If `true`, the radio will aligned horizontally.
+     */
+    inline?: boolean;
+}
+type RadioButtonGroupElement = {
+    focus: () => void;
+} | undefined;
+interface UseRadioButtonGroupData {
+    handleChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    size?: RadioButtonProps['size'];
+    color?: RadioButtonProps['color'];
+    name?: RadioButtonProps['name'];
+    value?: RadioButtonProps['value'] | null;
+}
+export declare const useRadioButtonGroup: () => UseRadioButtonGroupData;
+export declare const RadioButtonGroup: React.ForwardRefExoticComponent<RadioButtonGroupProps & React.RefAttributes<RadioButtonGroupElement>>;
+export {};

package/dist/types/forms/src/radio/radio.d.ts

@@ -0,0 +1,32 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface RadioButtonProps<T = HTMLInputElement> extends DefaultProps, Omit<React.ComponentPropsWithRef<'input'>, 'size'> {
+    /** Makes radio invalid */
+    invalid?: boolean;
+    /** Makes radio required */
+    required?: React.InputHTMLAttributes<T>['required'];
+    /** Makes radio readOnly */
+    readOnly?: React.InputHTMLAttributes<T>['readOnly'];
+    /**
+     * If `true`, the radio will be initially checked.
+     */
+    defaultChecked?: boolean;
+    /**
+     * If `true`, the radio will be checked.
+     * You'll need to pass `onChange` to update it's value (since it's now controlled)
+     */
+    checked?: boolean;
+    /**
+     * The callback invoked when the checked state of the `radio` changes..
+     */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /** Size of the radio
+     * @default md
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * The children is the label to be displayed to the right of the radio.
+     */
+    children?: React.ReactNode;
+}
+export declare const InternalRadioButton: React.ForwardRefExoticComponent<Omit<RadioButtonProps<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/types/forms/src/radio/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const useRadioButtonLabelClass: (args?: any) => string;
+export declare const useRadioButtonClass: (args?: any) => string;
+export declare const useRadioButtonGroupClass: (args?: any) => string;

package/dist/types/forms/src/select/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { IInputProps } from '../input/input';
+export interface SelectOptionProps extends React.ComponentPropsWithRef<'option'> {
+    value?: string | number;
+}
+declare const Option: React.ForwardRefExoticComponent<Omit<SelectOptionProps, "ref"> & React.RefAttributes<HTMLOptionElement>>;
+export interface InternalSelectProps extends IInputProps<HTMLSelectElement>, Omit<React.ComponentPropsWithRef<'select'>, 'size' | 'value'> {
+    onSelectValue?: (value: string) => void;
+    variant?: 'primary' | 'tertiary';
+}
+declare const InternalSelect: React.ForwardRefExoticComponent<Omit<InternalSelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
+interface SelectProps extends React.ForwardRefExoticComponent<InternalSelectProps> {
+    Component: typeof InternalSelect;
+    Option: typeof Option;
+}
+export declare const Select: SelectProps;
+export type { SelectProps };
+export default Select;

package/dist/types/forms/src/select/styles.d.ts

@@ -0,0 +1 @@
+export declare const useSelectClass: (args?: any) => string;

package/dist/types/forms/src/switch/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Switch, SwitchProps } from './switchcomponent';
+export { Switch };
+export type { SwitchProps };
+declare const _default: {
+    Switch: import("react").ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+};
+export default _default;

package/dist/types/forms/src/switch/switchcomponent.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface SwitchProps extends Omit<React.ComponentPropsWithRef<'input'>, 'size'> {
+    /** Set the switch color
+     * @default tertiary
+     */
+    color?: 'tertiary' | 'gronsta';
+}
+export declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default Switch;

package/dist/types/forms/src/text-field/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TextField, TextFieldProps } from './text-field';
+export { TextField };
+export type { TextFieldProps };
+declare const _default: {
+    TextField: import("react").ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+};
+export default _default;

package/dist/types/forms/src/text-field/text-field.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { InputProps } from '../input/input';
+export interface TextFieldProps extends Omit<InputProps, 'type' | 'as'> {
+    type?: 'text' | 'email' | 'password' | 'url';
+}
+export declare const TextField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/types/forms/src/textarea/index.d.ts

@@ -0,0 +1,12 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+import { IInputProps } from '../input/input';
+export interface TextareaProps extends DefaultProps, IInputProps<HTMLTextAreaElement>, React.ComponentPropsWithRef<'textarea'> {
+    showCount?: boolean;
+    maxLength?: number;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    maxLengthWarningText?: string;
+}
+export declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

package/dist/types/forms/stories/check.d.ts

@@ -0,0 +1,5 @@
+export declare const Check: ({ color, size, ...rest }: {
+    [x: string]: any;
+    color?: string | undefined;
+    size?: number | undefined;
+}) => import("react/jsx-runtime").JSX.Element;