npm - @rte-ds/react - Versions diffs - 1.3.0 - Mend

@rte-ds/react 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (547) hide show

package/README.md ADDED Viewed

@@ -0,0 +1,35 @@
+### Installation Instructions
+1. **Add Design System base styles:**
+    ```tsx
+    import "@design-system-rte/react/style.css";
+    createRoot(document.getElementById("root")!).render(
+        <StrictMode>
+            <App />
+        </StrictMode>,
+    );
+    ```
+2. **Add Branding/Theme Mixin:**
+   Include the branding/theme mixin in your main `.scss` file. This will create a style scope for the components.
+   (If you don't have scss support, you can use the .css files in `@design-system/core/css/rte-themes.css` and add them to your main styles file).
+   ```scss
+    @use "@design-system-rte/core/design-tokens/tokens/mixins" as *;
+    @include theme-selector('bleu_iceberg', 'light');
+   ```
+3. **Add HTML Selector:**
+   Add an HTML selector to define the context for applying component styles.
+   ```html
+    <body data-theme="bleu_iceberg" data-mode="light">
+        ...
+    </body>
+   ```
+4. **Use Components:**
+   Implement the different components as documented in the [Storybook](https://opensource.rte-france.com/design-system-rte/?path=/docs/react_composants-button--docs) provided with the library.

package/dist/components/assistivetext/AssistiveText.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { AssistiveTextProps } from '../../../../core/components/assistive-text/assistive-text.interface';
+declare const AssistiveText: ({ label, appearance, showIcon, href, width }: AssistiveTextProps) => import("react/jsx-runtime").JSX.Element;
+export default AssistiveText;

package/dist/components/badge/Badge.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { BadgeProps as BadgePropsCore } from '../../../../core/components/badge/badge.interface';
+export interface BadgeProps extends BadgePropsCore, Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "content"> {
+    children?: React.ReactNode;
+    icon?: string;
+}
+declare const Badge: import('react').ForwardRefExoticComponent<BadgeProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Badge;

package/dist/components/banner/Banner.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { BannerProps as CoreBannerProps } from '../../../../core/components/banner/banner.interface';
+interface BannerProps extends CoreBannerProps, React.HTMLAttributes<HTMLDivElement> {
+}
+declare const Banner: import('react').ForwardRefExoticComponent<BannerProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Banner;

package/dist/components/breadcrumbs/Breadcrumbs.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { BreadcrumbsProps as BreadcrumbsPropsCore } from '../../../../core/components/breadcrumbs/breadcrumbs.interface';
+export interface BreadcrumbsProps extends BreadcrumbsPropsCore, React.HTMLAttributes<HTMLElement> {
+}
+declare const Breadcrumbs: import('react').ForwardRefExoticComponent<BreadcrumbsProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Breadcrumbs;

package/dist/components/breadcrumbs/breadcrumbItem/BreadcrumbItem.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { BreadcrumbProps } from '../../../../../core/components/breadcrumbs/breadcrumbs.interface';
+declare const BreadcrumbItem: ({ item, isLast, breadcrumbItemMaxWidth }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
+export default BreadcrumbItem;

package/dist/components/button/Button.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { ButtonProps as CoreButtonProps } from '../../../../core/components/button/button.interface';
+interface ButtonProps extends Omit<CoreButtonProps, "disabled">, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> {
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+}
+declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist/components/card/Card.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { CardProps as CardPropsCore } from '../../../../core/components/card/card.interface';
+import { HTMLAttributes } from 'react';
+interface CardProps extends CardPropsCore, Omit<HTMLAttributes<HTMLDivElement>, "onClick"> {
+    onClick?: () => void;
+}
+declare const Card: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Card;

package/dist/components/checkbox/Checkbox.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { CheckboxProps as CoreCheckboxProps } from '../../../../core/components/checkbox/checkbox.interface';
+interface CheckboxProps extends CoreCheckboxProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, "id"> {
+}
+declare const Checkbox: ({ id, label, showLabel, disabled, description, error, errorMessage, readOnly, indeterminate, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export default Checkbox;

package/dist/components/checkboxGroup/CheckboxGroup.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { CheckboxGroupProps as CoreCheckboxGroupProps } from '../../../../core/components/checkbox-group/checkbox-group.interface';
+import { default as React } from 'react';
+interface CheckboxGroupProps extends CoreCheckboxGroupProps, React.InputHTMLAttributes<HTMLDivElement> {
+}
+declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
+export default CheckboxGroup;

package/dist/components/chip/Chip.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { ChipProps as CoreChipProps } from '../../../../core/components/chip/chip.interface';
+import { default as React } from 'react';
+interface ChipProps extends Omit<CoreChipProps, "onClick" | "onClose">, Omit<React.HTMLAttributes<HTMLSpanElement>, "id"> {
+    onClick?: (event: React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLSpanElement>) => void;
+    onClose?: (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
+}
+export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLSpanElement>>;
+export default Chip;

package/dist/components/divider/Divider.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { DividerProps } from '../../../../core/components/divider/divider.interface';
+declare const Divider: import('react').ForwardRefExoticComponent<DividerProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Divider;

package/dist/components/dropdown/Dropdown.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { DropdownProps as CoreDropdownProps } from '../../../../core/components/dropdown/dropdown.interface';
+interface DropdownProps extends CoreDropdownProps, React.HTMLAttributes<HTMLDivElement> {
+    trigger: React.ReactNode;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+}
+export declare const Dropdown: import('react').ForwardRefExoticComponent<DropdownProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/dropdown/DropdownUtils.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare const focusNextElement: (dropdown: HTMLElement) => void;
+export declare const focusPreviousElement: (dropdown: HTMLElement) => void;
+export declare const focusDropdownFirstElement: (dropdownId: string) => void;
+export declare const focusParentDropdownFirstElement: (dropdownId: string) => void;

package/dist/components/dropdown/context/DropdownContext.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export declare const DropdownParentContext: import('react').Context<{
+    dropdownId: string;
+    closeRoot: () => void;
+    autoClose: boolean;
+} | undefined>;

package/dist/components/dropdown/context/DropdownContextProvider.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export declare const DropdownContextProvider: ({ dropdownId, closeRoot, autoClose, children, }: {
+    dropdownId: string;
+    autoClose?: boolean;
+    closeRoot: () => void;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/dropdown/dropdownItem/DropdownItem.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { DropdownItemProps as CoreDropdownItemProps } from '../../../../../core/components/dropdown/dropdown.interface';
+interface DropdownItemProps extends Omit<CoreDropdownItemProps, "onClick">, React.HTMLAttributes<HTMLLIElement> {
+    onClick?: (event: React.MouseEvent<HTMLLIElement> | React.KeyboardEvent<HTMLLIElement>) => void;
+}
+export declare const DropdownItem: ({ label, link, leftIcon, trailingText, disabled, hasSeparator, hasIndent, children, badgeCount, badgeContent, badgeIcon, badgeType, badgeSize, showBadge, isSelected, onClick, ...props }: DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/dropdown/hooks/useDropdownState.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export declare const useDropdownState: (dropdownId?: string) => {
+    dropdownId: string;
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};

package/dist/components/grid/Grid.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { GridProps as CoreGridProps, ColProps as CoreColProps } from '../../../../core/components/grid/grid.interface';
+interface GridProps extends CoreGridProps, Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    children: React.ReactNode[];
+}
+interface ColProps extends CoreColProps, Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    children?: React.ReactNode;
+}
+declare const Grid: {
+    ({ gridType, className, children }: GridProps): import("react/jsx-runtime").JSX.Element;
+    Col: ({ children, className, xxs, xs, s, m, l, xl, ...props }: ColProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Grid;

package/dist/components/icon/Icon.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { IconProps as coreIconProps, IconWrapperProps as CoreIconWrapperProps } from '../../../../core/components/icon/icon.interface';
+import { RegularIcons, TogglableIcons } from './IconMap';
+export type RegularIconIdKey = keyof typeof RegularIcons;
+export type TogglableIconIdKey = keyof typeof TogglableIcons;
+export interface IconProps extends coreIconProps {
+    className?: string;
+}
+interface IconWrapperProps extends CoreIconWrapperProps, Omit<React.SVGProps<SVGSVGElement>, "name" | "width" | "height"> {
+    name: string;
+    appearance?: "outlined" | "filled";
+}
+declare const Icon: ({ name, size, color, appearance, ...props }: IconWrapperProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Icon;

package/dist/components/icon/IconMap.d.ts ADDED Viewed

@@ -0,0 +1,302 @@
+export declare const RegularIcons: {
+    add: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "alt-route": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    apps: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-alt-down": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-alt-down-left": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-alt-down-right": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-alt-left": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-alt-right": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-alt-up": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-alt-up-left": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-alt-up-right": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-angle-down-left": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-angle-down-right": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-angle-up-left": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-angle-up-right": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-chevron-down": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-chevron-left": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-chevron-right": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-chevron-up": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-double-down": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-double-left": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-double-right": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-double-up": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-down": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-down-left": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-down-right": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-drop-down": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-drop-up": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-left": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-right": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-up": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-up-left": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "arrow-up-right": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    asterisk: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "attach-file": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "battery-alt-empty": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "battery-alt-full": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "battery-charging": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "battery-empty": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "battery-full": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    bluetooth: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "bluetooth-off": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "chart-bar": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "chart-bar-stacked": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    check: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "check-indeterminate": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "check-small": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "checkbox-empty": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    close: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    compare: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "copy-all": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "crisis-alert": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    cut: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    download: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "download-done": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "drag-handle": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "drag-indicator": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    exclamation: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "explore-travel": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "external-link": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    filter: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "filter-off": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "first-page": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    forward: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    fullscreen: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "fullscreen-exit": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    history: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "hourglass-empty": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "info-i": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    language: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "last-page": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    link: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "link-off": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    list: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "location-disabled": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    login: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    logout: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    menu: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "menu-open": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    monitoring: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "more-down": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "more-horiz": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "more-up": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "more-vert": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    ohm: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "open-in-full": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    paste: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "play-pause": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "power-input": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "power-plug": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "power-settings": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "priority-high": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    public: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    publish: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "question-mark": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    radar: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "radio-button-empty": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    redo: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    reload: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    remove: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    reply: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "reply-all": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    route: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    search: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "side-navigation": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    sort: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "support-agent": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    timeline: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "trending-down": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "trending-flat": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "trending-up": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    tune: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    undo: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    upload: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    water: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "water-alt": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    wifi: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "wifi-off": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    windmill: ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "zoom-in": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+    "zoom-out": ({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const TogglableIcons: {
+    "add-circle": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "admin-panel-settings": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    analytics: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    archive: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "arrow-circle-chevron-down": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "arrow-circle-chevron-left": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "arrow-circle-chevron-right": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "arrow-circle-chevron-up": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "arrow-circle-down": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "arrow-circle-left": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "arrow-circle-right": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "arrow-circle-up": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    article: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "assignment-complete": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    assignment: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "battery-alert": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "battery-charging-full": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "bolt-alt-circle": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "bolt-alt": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "bolt-circle": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    bolt: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    bookmark: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    bookmarks: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    build: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "calendar-available": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "calendar-busy": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "calendar-month": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "calendar-today": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    call: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    cancel: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    category: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "chart-add": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "chart-area": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "chart-pie": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "chart-table": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "chat-alt": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "chat-alt-unread": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    chat: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "chat-unread": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "check-circle": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    checkbox: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "checkbox-indeterminate": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    clock: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "cloud-download": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    cloud: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "cloud-off": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "cloud-upload": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "comment-add": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    comment: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    copy: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    dangerous: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    dashboard: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    database: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    delete: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    desktop: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    devices: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    draft: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    eco: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    edit: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "electric-meter": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    error: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    explore: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "explore-off": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "fast-forward": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "fast-rewind": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    feedback: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "file-copy": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "file-download": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "file-upload": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "filter-alt": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "filter-alt-off": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    fire: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "fit-screen": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    flag: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    flash: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "flash-off": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "folder-add": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    folder: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "folder-move": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "folder-open": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "folder-shared": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    forum: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "group-add": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    group: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    groups: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    headphones: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    heart: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    help: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    home: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    hourglass: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "image-broken": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    image: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "image-gallery": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    inbox: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    info: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    keep: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "keep-off": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    label: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    laptop: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "left-panel-close": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "left-panel-open": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "light-off": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "lightbulb-alt": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "lightbulb-circle": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    lightbulb: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "list-alt": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "location-me": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "location-off": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "location-on": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    lock: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "lock-open": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "lock-open-right": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    mail: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "mail-unread": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    map: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    mic: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "mic-off": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "mode-dark": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "mode-light": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    notification: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "notification-important": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "notification-off": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "notification-unread": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    palette: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "pause-circle": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    pause: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "photo-camera": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "play-circle": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    play: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    power: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "power-off": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "power-plug-connect": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "power-settings-circle": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "power-solar": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "power-switch": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "power-wind": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    print: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "right-panel-close": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "right-panel-open": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    save: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    send: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    settings: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    share: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "skip-next": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "skip-previous": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    smartphone: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    star: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "sticky-note": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "stop-circle": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    stop: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    subtitles: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "text-snippet": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "trash-restore": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    unarchive: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "user-add": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "user-circle": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    user: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "user-settings": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    verified: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "video-camera": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "video-camera-off": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "video-gallery": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "view-agenda": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "view-column": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "view-grid": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "view-kanban": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "view-module": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "view-timeline": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "visibility-hide": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "visibility-show": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "volume-down": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "volume-mute": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "volume-off": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    "volume-up": (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    warning: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+    waterdrop: (({ width, height, fill, ...props }: import('./Icon').IconProps) => import("react/jsx-runtime").JSX.Element)[];
+};
+export declare function isValidIconName(name: string): boolean;

package/dist/components/icon/generated/Add.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { IconProps } from '../Icon';
+declare const SvgAdd: ({ width, height, fill, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgAdd;

package/dist/components/icon/generated/AddCircleFilled.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { IconProps } from '../Icon';
+declare const SvgAddCircleFilled: ({ width, height, fill, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgAddCircleFilled;

package/dist/components/icon/generated/AddCircleOutlined.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { IconProps } from '../Icon';
+declare const SvgAddCircleOutlined: ({ width, height, fill, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgAddCircleOutlined;

package/dist/components/icon/generated/AdminPanelSettingsFilled.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { IconProps } from '../Icon';
+declare const SvgAdminPanelSettingsFilled: ({ width, height, fill, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgAdminPanelSettingsFilled;

package/dist/components/icon/generated/AdminPanelSettingsOutlined.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { IconProps } from '../Icon';
+declare const SvgAdminPanelSettingsOutlined: ({ width, height, fill, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgAdminPanelSettingsOutlined;

package/dist/components/icon/generated/AltRoute.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { IconProps } from '../Icon';
+declare const SvgAltRoute: ({ width, height, fill, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgAltRoute;

package/dist/components/icon/generated/AnalyticsFilled.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { IconProps } from '../Icon';
+declare const SvgAnalyticsFilled: ({ width, height, fill, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgAnalyticsFilled;

package/dist/components/icon/generated/AnalyticsOutlined.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { IconProps } from '../Icon';
+declare const SvgAnalyticsOutlined: ({ width, height, fill, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgAnalyticsOutlined;

package/dist/components/icon/generated/Apps.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { IconProps } from '../Icon';
+declare const SvgApps: ({ width, height, fill, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgApps;

package/dist/components/icon/generated/ArchiveFilled.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { IconProps } from '../Icon';
+declare const SvgArchiveFilled: ({ width, height, fill, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgArchiveFilled;

package/dist/components/icon/generated/ArchiveOutlined.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { IconProps } from '../Icon';
+declare const SvgArchiveOutlined: ({ width, height, fill, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgArchiveOutlined;

package/dist/components/icon/generated/ArrowAltDown.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { IconProps } from '../Icon';
+declare const SvgArrowAltDown: ({ width, height, fill, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgArrowAltDown;