@zvoove/unity-ui 2.28.0 → 2.29.0

package/dist/components/Icon/Icon.types.d.ts

@@ -0,0 +1,619 @@
+import { IconWeight } from '@phosphor-icons/react';
+import { ForegroundColors } from '../../types';
+import { CustomIconProps } from './CustomIcon.types';
+export type { ZvoooveLogoProps } from './custom';
+export declare const fileIconsMap: {
+    readonly 'file-empty': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-pdf': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-folder': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-image': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-video': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-video-2': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-audio': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-code': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-document': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-spreadsheet': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-image-img': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-image-jpg': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-image-jpeg': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-image-png': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-image-webp': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-image-tiff': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-image-gif': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-image-svg': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-image-eps': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-document-pdf': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-document-doc': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-document-docx': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-document-txt': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-document-csv': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-document-xls': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-document-xlsx': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-document-ppt': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-document-pptx': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-design-fig': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-design-ai': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-design-psd': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-design-indd': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-design-aep': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-media-mp3': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-media-wav': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-media-mp4': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-media-mpeg': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-media-avi': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-media-mkv': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-development-html': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-development-css': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-development-rss': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-development-sql': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-development-js': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-development-json': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-development-java': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-development-xml': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-development-exe': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-development-dmg': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-archive-zip': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-archive-rar': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+};
+/**
+ * Default icon for unknown file types
+ */
+export declare const DEFAULT_FILE_ICON: FileIconNames;
+/**
+ * Maps file extensions to their corresponding icon names.
+ * Use `getIconForFileExtension` to get an icon name from a file extension.
+ */
+export declare const fileExtensionToIconMap: Record<string, FileIconNames>;
+/**
+ * Gets the appropriate icon name for a file extension.
+ * @param extension - The file extension (e.g., "pdf", "jpg", ".pdf")
+ * @returns The corresponding icon name, or 'file-empty' if not found
+ */
+export declare const getIconForFileExtension: (extension?: string) => FileIconNames;
+export declare const commonIconsMap: {
+    readonly add: import('@phosphor-icons/react').Icon;
+    readonly 'add-circle': import('@phosphor-icons/react').Icon;
+    readonly 'add-file': import('@phosphor-icons/react').Icon;
+    readonly agent: import('@phosphor-icons/react').Icon;
+    readonly airplane: import('@phosphor-icons/react').Icon;
+    readonly archive: import('@phosphor-icons/react').Icon;
+    readonly 'arrow-back': import('@phosphor-icons/react').Icon;
+    readonly 'arrow-bend': import('@phosphor-icons/react').Icon;
+    readonly 'arrow-elbow-down-left': import('@phosphor-icons/react').Icon;
+    readonly 'arrow-down': import('@phosphor-icons/react').Icon;
+    readonly 'arrow-forward': import('@phosphor-icons/react').Icon;
+    readonly 'arrow-left-right': import('@phosphor-icons/react').Icon;
+    readonly 'arrow-up': import('@phosphor-icons/react').Icon;
+    readonly article: import('@phosphor-icons/react').Icon;
+    readonly automate: import('@phosphor-icons/react').Icon;
+    readonly backspace: import('@phosphor-icons/react').Icon;
+    readonly bank: import('@phosphor-icons/react').Icon;
+    readonly bicycle: import('@phosphor-icons/react').Icon;
+    readonly billing: import('@phosphor-icons/react').Icon;
+    readonly binoculars: import('@phosphor-icons/react').Icon;
+    readonly break: import('@phosphor-icons/react').Icon;
+    readonly bus: import('@phosphor-icons/react').Icon;
+    readonly calendar: import('@phosphor-icons/react').Icon;
+    readonly 'calendar-blank': import('@phosphor-icons/react').Icon;
+    readonly 'calendar-check': import('@phosphor-icons/react').Icon;
+    readonly 'calendar-dot': import('@phosphor-icons/react').Icon;
+    readonly 'calendar-x': import('@phosphor-icons/react').Icon;
+    readonly camera: import('@phosphor-icons/react').Icon;
+    readonly car: import('@phosphor-icons/react').Icon;
+    readonly cart: import('@phosphor-icons/react').Icon;
+    readonly 'cash-money': import('@phosphor-icons/react').Icon;
+    readonly certificate: import('@phosphor-icons/react').Icon;
+    readonly 'chat-bubble': import('@phosphor-icons/react').Icon;
+    readonly 'chat-dots': import('@phosphor-icons/react').Icon;
+    readonly 'chat-slash': import('@phosphor-icons/react').Icon;
+    readonly chats: import('@phosphor-icons/react').Icon;
+    readonly check: import('@phosphor-icons/react').Icon;
+    readonly circle: import('@phosphor-icons/react').Icon;
+    readonly 'check-circle': import('@phosphor-icons/react').Icon;
+    readonly checkbox: import('@phosphor-icons/react').Icon;
+    readonly 'checkbox-empty': import('@phosphor-icons/react').Icon;
+    readonly 'checkbox-indefinitely': import('@phosphor-icons/react').Icon;
+    readonly checks: import('@phosphor-icons/react').Icon;
+    readonly 'chevron-down': import('@phosphor-icons/react').Icon;
+    readonly 'chevron-left': import('@phosphor-icons/react').Icon;
+    readonly 'chevron-right': import('@phosphor-icons/react').Icon;
+    readonly 'chevron-up': import('@phosphor-icons/react').Icon;
+    readonly 'circle-notch': import('@phosphor-icons/react').Icon;
+    readonly close: import('@phosphor-icons/react').Icon;
+    readonly 'close-circle': import('@phosphor-icons/react').Icon;
+    readonly 'cloud-download': import('@phosphor-icons/react').Icon;
+    readonly 'cloud-upload': import('@phosphor-icons/react').Icon;
+    readonly 'clock-countdown': import('@phosphor-icons/react').Icon;
+    readonly 'clock-person': import('@phosphor-icons/react').Icon;
+    readonly command: import('@phosphor-icons/react').Icon;
+    readonly columns: import('@phosphor-icons/react').Icon;
+    readonly control: import('@phosphor-icons/react').Icon;
+    readonly copy: import('@phosphor-icons/react').Icon;
+    readonly 'currency-dollar': import('@phosphor-icons/react').Icon;
+    readonly 'currency-dollar-circle': import('@phosphor-icons/react').Icon;
+    readonly 'currency-gbp': import('@phosphor-icons/react').Icon;
+    readonly 'dark-mode': import('@phosphor-icons/react').Icon;
+    readonly deactivate: import('@phosphor-icons/react').Icon;
+    readonly delete: import('@phosphor-icons/react').Icon;
+    readonly 'diagram-view': import('@phosphor-icons/react').Icon;
+    readonly download: import('@phosphor-icons/react').Icon;
+    readonly drag: import('@phosphor-icons/react').Icon;
+    readonly edit: import('@phosphor-icons/react').Icon;
+    readonly error: import('@phosphor-icons/react').Icon;
+    readonly 'exclamation-mark': import('@phosphor-icons/react').Icon;
+    readonly expand: import('@phosphor-icons/react').Icon;
+    readonly expenses: import('@phosphor-icons/react').Icon;
+    readonly 'face-id': import('@phosphor-icons/react').Icon;
+    readonly file: import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-archive': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-audio': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-c': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-c-sharp': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-code': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-cpp': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-css': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-csv': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-doc': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-html': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-image': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-ini': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-jpg': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-js': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-jsx': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-md': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-pdf': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-png': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-ppt': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-py': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-rs': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-sql': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-svg': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-ts': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-tsx': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-text': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-txt': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-video': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-vue': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-xls': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-zip': import('@phosphor-icons/react').Icon;
+    readonly filter: import('@phosphor-icons/react').Icon;
+    readonly filters: import('@phosphor-icons/react').Icon;
+    readonly 'first-page': import('@phosphor-icons/react').Icon;
+    readonly 'flag-de': ({ size }: {
+        size?: number;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly 'flag-es': ({ size }: {
+        size?: number;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly 'flag-fr': ({ size }: {
+        size?: number;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly 'flag-gb': ({ size }: {
+        size?: number;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly 'flag-nl': ({ size }: {
+        size?: number;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly folder: import('@phosphor-icons/react').Icon;
+    readonly 'folder-open': import('@phosphor-icons/react').Icon;
+    readonly 'grid-view': import('@phosphor-icons/react').Icon;
+    readonly 'hard-hat': import('@phosphor-icons/react').Icon;
+    readonly 'head-circuit': import('@phosphor-icons/react').Icon;
+    readonly help: import('@phosphor-icons/react').Icon;
+    readonly hide: import('@phosphor-icons/react').Icon;
+    readonly home: import('@phosphor-icons/react').Icon;
+    readonly images: import('@phosphor-icons/react').Icon;
+    readonly info: import('@phosphor-icons/react').Icon;
+    readonly invoice: import('@phosphor-icons/react').Icon;
+    readonly job: import('@phosphor-icons/react').Icon;
+    readonly 'key-return': import('@phosphor-icons/react').Icon;
+    readonly keyboard: import('@phosphor-icons/react').Icon;
+    readonly knowledge: import('@phosphor-icons/react').Icon;
+    readonly language: import('@phosphor-icons/react').Icon;
+    readonly 'last-page': import('@phosphor-icons/react').Icon;
+    readonly 'light-mode': import('@phosphor-icons/react').Icon;
+    readonly 'list-view': import('@phosphor-icons/react').Icon;
+    readonly location: import('@phosphor-icons/react').Icon;
+    readonly 'location-pin': import('@phosphor-icons/react').Icon;
+    readonly lock: import('@phosphor-icons/react').Icon;
+    readonly 'lock-key': import('@phosphor-icons/react').Icon;
+    readonly 'lock-key-open': import('@phosphor-icons/react').Icon;
+    readonly menu: import('@phosphor-icons/react').Icon;
+    readonly metadata: import('@phosphor-icons/react').Icon;
+    readonly code: import('@phosphor-icons/react').Icon;
+    readonly microphone: import('@phosphor-icons/react').Icon;
+    readonly minus: import('@phosphor-icons/react').Icon;
+    readonly 'more-horizontal': import('@phosphor-icons/react').Icon;
+    readonly 'more-vertical': import('@phosphor-icons/react').Icon;
+    readonly moped: import('@phosphor-icons/react').Icon;
+    readonly 'navigation-arrow': import('@phosphor-icons/react').Icon;
+    readonly notifications: import('@phosphor-icons/react').Icon;
+    readonly note: import('@phosphor-icons/react').Icon;
+    readonly numpad: import('@phosphor-icons/react').Icon;
+    readonly option: import('@phosphor-icons/react').Icon;
+    readonly 'open-in-new-tab': import('@phosphor-icons/react').Icon;
+    readonly order: import('@phosphor-icons/react').Icon;
+    readonly organization: import('@phosphor-icons/react').Icon;
+    readonly pause: import('@phosphor-icons/react').Icon;
+    readonly attachment: import('@phosphor-icons/react').Icon;
+    readonly phone: import('@phosphor-icons/react').Icon;
+    readonly pin: import('@phosphor-icons/react').Icon;
+    readonly 'pin-simple': import('@phosphor-icons/react').Icon;
+    readonly 'pin-simple-slash': import('@phosphor-icons/react').Icon;
+    readonly 'pin-slash': import('@phosphor-icons/react').Icon;
+    readonly 'piggy-bank': import('@phosphor-icons/react').Icon;
+    readonly plant: import('@phosphor-icons/react').Icon;
+    readonly printer: import('@phosphor-icons/react').Icon;
+    readonly privacy: import('@phosphor-icons/react').Icon;
+    readonly 'qr-code': import('@phosphor-icons/react').Icon;
+    readonly refresh: import('@phosphor-icons/react').Icon;
+    readonly remark: import('@phosphor-icons/react').Icon;
+    readonly robot: import('@phosphor-icons/react').Icon;
+    readonly save: import('@phosphor-icons/react').Icon;
+    readonly search: import('@phosphor-icons/react').Icon;
+    readonly 'search-plus': import('@phosphor-icons/react').Icon;
+    readonly 'send-message': import('@phosphor-icons/react').Icon;
+    readonly settings: import('@phosphor-icons/react').Icon;
+    readonly 'setup-time': import('@phosphor-icons/react').Icon;
+    readonly shapes: import('@phosphor-icons/react').Icon;
+    readonly show: import('@phosphor-icons/react').Icon;
+    readonly sidebar: import('@phosphor-icons/react').Icon;
+    readonly signature: import('@phosphor-icons/react').Icon;
+    readonly 'sign-out': import('@phosphor-icons/react').Icon;
+    readonly 'skip-forward': import('@phosphor-icons/react').Icon;
+    readonly smartphone: import('@phosphor-icons/react').Icon;
+    readonly sparkle: import('@phosphor-icons/react').Icon;
+    readonly star: import('@phosphor-icons/react').Icon;
+    readonly start: import('@phosphor-icons/react').Icon;
+    readonly stop: import('@phosphor-icons/react').Icon;
+    readonly sick: import('@phosphor-icons/react').Icon;
+    readonly table: import('@phosphor-icons/react').Icon;
+    readonly 'thumb-up': import('@phosphor-icons/react').Icon;
+    readonly 'thumb-down': import('@phosphor-icons/react').Icon;
+    readonly taxi: import('@phosphor-icons/react').Icon;
+    readonly 'text-align-center': import('@phosphor-icons/react').Icon;
+    readonly 'text-align-justify': import('@phosphor-icons/react').Icon;
+    readonly 'text-align-left': import('@phosphor-icons/react').Icon;
+    readonly 'text-align-right': import('@phosphor-icons/react').Icon;
+    readonly 'text-t': import('@phosphor-icons/react').Icon;
+    readonly ticket: import('@phosphor-icons/react').Icon;
+    readonly notches: import('@phosphor-icons/react').Icon;
+    readonly time: import('@phosphor-icons/react').Icon;
+    readonly timer: import('@phosphor-icons/react').Icon;
+    readonly 'time-sheet-download': import('@phosphor-icons/react').Icon;
+    readonly 'time-sheet-upload': import('@phosphor-icons/react').Icon;
+    readonly train: import('@phosphor-icons/react').Icon;
+    readonly translate: import('@phosphor-icons/react').Icon;
+    readonly travel: import('@phosphor-icons/react').Icon;
+    readonly unfold: import('@phosphor-icons/react').Icon;
+    readonly user: import('@phosphor-icons/react').Icon;
+    readonly upload: import('@phosphor-icons/react').Icon;
+    readonly 'user-account': import('@phosphor-icons/react').Icon;
+    readonly users: import('@phosphor-icons/react').Icon;
+    readonly vacation: import('@phosphor-icons/react').Icon;
+    readonly wallet: import('@phosphor-icons/react').Icon;
+    readonly warning: import('@phosphor-icons/react').Icon;
+    readonly wrench: import('@phosphor-icons/react').Icon;
+};
+/**
+ * Custom common icons — brand/product icons not from Phosphor.
+ * Unlike Phosphor icons, these accept a `color` prop to switch between
+ * their default duotone brand colors and a single inherited color.
+ */
+export declare const customCommonIconsMap: {
+    readonly zvoove: ({ size, color }: import('./custom').ZvoooveLogoProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const iconMap: {
+    readonly zvoove: ({ size, color }: import('./custom').ZvoooveLogoProps) => import("react/jsx-runtime").JSX.Element;
+    readonly add: import('@phosphor-icons/react').Icon;
+    readonly 'add-circle': import('@phosphor-icons/react').Icon;
+    readonly 'add-file': import('@phosphor-icons/react').Icon;
+    readonly agent: import('@phosphor-icons/react').Icon;
+    readonly airplane: import('@phosphor-icons/react').Icon;
+    readonly archive: import('@phosphor-icons/react').Icon;
+    readonly 'arrow-back': import('@phosphor-icons/react').Icon;
+    readonly 'arrow-bend': import('@phosphor-icons/react').Icon;
+    readonly 'arrow-elbow-down-left': import('@phosphor-icons/react').Icon;
+    readonly 'arrow-down': import('@phosphor-icons/react').Icon;
+    readonly 'arrow-forward': import('@phosphor-icons/react').Icon;
+    readonly 'arrow-left-right': import('@phosphor-icons/react').Icon;
+    readonly 'arrow-up': import('@phosphor-icons/react').Icon;
+    readonly article: import('@phosphor-icons/react').Icon;
+    readonly automate: import('@phosphor-icons/react').Icon;
+    readonly backspace: import('@phosphor-icons/react').Icon;
+    readonly bank: import('@phosphor-icons/react').Icon;
+    readonly bicycle: import('@phosphor-icons/react').Icon;
+    readonly billing: import('@phosphor-icons/react').Icon;
+    readonly binoculars: import('@phosphor-icons/react').Icon;
+    readonly break: import('@phosphor-icons/react').Icon;
+    readonly bus: import('@phosphor-icons/react').Icon;
+    readonly calendar: import('@phosphor-icons/react').Icon;
+    readonly 'calendar-blank': import('@phosphor-icons/react').Icon;
+    readonly 'calendar-check': import('@phosphor-icons/react').Icon;
+    readonly 'calendar-dot': import('@phosphor-icons/react').Icon;
+    readonly 'calendar-x': import('@phosphor-icons/react').Icon;
+    readonly camera: import('@phosphor-icons/react').Icon;
+    readonly car: import('@phosphor-icons/react').Icon;
+    readonly cart: import('@phosphor-icons/react').Icon;
+    readonly 'cash-money': import('@phosphor-icons/react').Icon;
+    readonly certificate: import('@phosphor-icons/react').Icon;
+    readonly 'chat-bubble': import('@phosphor-icons/react').Icon;
+    readonly 'chat-dots': import('@phosphor-icons/react').Icon;
+    readonly 'chat-slash': import('@phosphor-icons/react').Icon;
+    readonly chats: import('@phosphor-icons/react').Icon;
+    readonly check: import('@phosphor-icons/react').Icon;
+    readonly circle: import('@phosphor-icons/react').Icon;
+    readonly 'check-circle': import('@phosphor-icons/react').Icon;
+    readonly checkbox: import('@phosphor-icons/react').Icon;
+    readonly 'checkbox-empty': import('@phosphor-icons/react').Icon;
+    readonly 'checkbox-indefinitely': import('@phosphor-icons/react').Icon;
+    readonly checks: import('@phosphor-icons/react').Icon;
+    readonly 'chevron-down': import('@phosphor-icons/react').Icon;
+    readonly 'chevron-left': import('@phosphor-icons/react').Icon;
+    readonly 'chevron-right': import('@phosphor-icons/react').Icon;
+    readonly 'chevron-up': import('@phosphor-icons/react').Icon;
+    readonly 'circle-notch': import('@phosphor-icons/react').Icon;
+    readonly close: import('@phosphor-icons/react').Icon;
+    readonly 'close-circle': import('@phosphor-icons/react').Icon;
+    readonly 'cloud-download': import('@phosphor-icons/react').Icon;
+    readonly 'cloud-upload': import('@phosphor-icons/react').Icon;
+    readonly 'clock-countdown': import('@phosphor-icons/react').Icon;
+    readonly 'clock-person': import('@phosphor-icons/react').Icon;
+    readonly command: import('@phosphor-icons/react').Icon;
+    readonly columns: import('@phosphor-icons/react').Icon;
+    readonly control: import('@phosphor-icons/react').Icon;
+    readonly copy: import('@phosphor-icons/react').Icon;
+    readonly 'currency-dollar': import('@phosphor-icons/react').Icon;
+    readonly 'currency-dollar-circle': import('@phosphor-icons/react').Icon;
+    readonly 'currency-gbp': import('@phosphor-icons/react').Icon;
+    readonly 'dark-mode': import('@phosphor-icons/react').Icon;
+    readonly deactivate: import('@phosphor-icons/react').Icon;
+    readonly delete: import('@phosphor-icons/react').Icon;
+    readonly 'diagram-view': import('@phosphor-icons/react').Icon;
+    readonly download: import('@phosphor-icons/react').Icon;
+    readonly drag: import('@phosphor-icons/react').Icon;
+    readonly edit: import('@phosphor-icons/react').Icon;
+    readonly error: import('@phosphor-icons/react').Icon;
+    readonly 'exclamation-mark': import('@phosphor-icons/react').Icon;
+    readonly expand: import('@phosphor-icons/react').Icon;
+    readonly expenses: import('@phosphor-icons/react').Icon;
+    readonly 'face-id': import('@phosphor-icons/react').Icon;
+    readonly file: import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-archive': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-audio': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-c': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-c-sharp': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-code': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-cpp': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-css': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-csv': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-doc': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-html': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-image': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-ini': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-jpg': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-js': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-jsx': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-md': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-pdf': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-png': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-ppt': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-py': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-rs': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-sql': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-svg': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-ts': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-tsx': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-text': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-txt': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-video': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-vue': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-xls': import('@phosphor-icons/react').Icon;
+    readonly 'simple-file-zip': import('@phosphor-icons/react').Icon;
+    readonly filter: import('@phosphor-icons/react').Icon;
+    readonly filters: import('@phosphor-icons/react').Icon;
+    readonly 'first-page': import('@phosphor-icons/react').Icon;
+    readonly 'flag-de': ({ size }: {
+        size?: number;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly 'flag-es': ({ size }: {
+        size?: number;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly 'flag-fr': ({ size }: {
+        size?: number;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly 'flag-gb': ({ size }: {
+        size?: number;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly 'flag-nl': ({ size }: {
+        size?: number;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly folder: import('@phosphor-icons/react').Icon;
+    readonly 'folder-open': import('@phosphor-icons/react').Icon;
+    readonly 'grid-view': import('@phosphor-icons/react').Icon;
+    readonly 'hard-hat': import('@phosphor-icons/react').Icon;
+    readonly 'head-circuit': import('@phosphor-icons/react').Icon;
+    readonly help: import('@phosphor-icons/react').Icon;
+    readonly hide: import('@phosphor-icons/react').Icon;
+    readonly home: import('@phosphor-icons/react').Icon;
+    readonly images: import('@phosphor-icons/react').Icon;
+    readonly info: import('@phosphor-icons/react').Icon;
+    readonly invoice: import('@phosphor-icons/react').Icon;
+    readonly job: import('@phosphor-icons/react').Icon;
+    readonly 'key-return': import('@phosphor-icons/react').Icon;
+    readonly keyboard: import('@phosphor-icons/react').Icon;
+    readonly knowledge: import('@phosphor-icons/react').Icon;
+    readonly language: import('@phosphor-icons/react').Icon;
+    readonly 'last-page': import('@phosphor-icons/react').Icon;
+    readonly 'light-mode': import('@phosphor-icons/react').Icon;
+    readonly 'list-view': import('@phosphor-icons/react').Icon;
+    readonly location: import('@phosphor-icons/react').Icon;
+    readonly 'location-pin': import('@phosphor-icons/react').Icon;
+    readonly lock: import('@phosphor-icons/react').Icon;
+    readonly 'lock-key': import('@phosphor-icons/react').Icon;
+    readonly 'lock-key-open': import('@phosphor-icons/react').Icon;
+    readonly menu: import('@phosphor-icons/react').Icon;
+    readonly metadata: import('@phosphor-icons/react').Icon;
+    readonly code: import('@phosphor-icons/react').Icon;
+    readonly microphone: import('@phosphor-icons/react').Icon;
+    readonly minus: import('@phosphor-icons/react').Icon;
+    readonly 'more-horizontal': import('@phosphor-icons/react').Icon;
+    readonly 'more-vertical': import('@phosphor-icons/react').Icon;
+    readonly moped: import('@phosphor-icons/react').Icon;
+    readonly 'navigation-arrow': import('@phosphor-icons/react').Icon;
+    readonly notifications: import('@phosphor-icons/react').Icon;
+    readonly note: import('@phosphor-icons/react').Icon;
+    readonly numpad: import('@phosphor-icons/react').Icon;
+    readonly option: import('@phosphor-icons/react').Icon;
+    readonly 'open-in-new-tab': import('@phosphor-icons/react').Icon;
+    readonly order: import('@phosphor-icons/react').Icon;
+    readonly organization: import('@phosphor-icons/react').Icon;
+    readonly pause: import('@phosphor-icons/react').Icon;
+    readonly attachment: import('@phosphor-icons/react').Icon;
+    readonly phone: import('@phosphor-icons/react').Icon;
+    readonly pin: import('@phosphor-icons/react').Icon;
+    readonly 'pin-simple': import('@phosphor-icons/react').Icon;
+    readonly 'pin-simple-slash': import('@phosphor-icons/react').Icon;
+    readonly 'pin-slash': import('@phosphor-icons/react').Icon;
+    readonly 'piggy-bank': import('@phosphor-icons/react').Icon;
+    readonly plant: import('@phosphor-icons/react').Icon;
+    readonly printer: import('@phosphor-icons/react').Icon;
+    readonly privacy: import('@phosphor-icons/react').Icon;
+    readonly 'qr-code': import('@phosphor-icons/react').Icon;
+    readonly refresh: import('@phosphor-icons/react').Icon;
+    readonly remark: import('@phosphor-icons/react').Icon;
+    readonly robot: import('@phosphor-icons/react').Icon;
+    readonly save: import('@phosphor-icons/react').Icon;
+    readonly search: import('@phosphor-icons/react').Icon;
+    readonly 'search-plus': import('@phosphor-icons/react').Icon;
+    readonly 'send-message': import('@phosphor-icons/react').Icon;
+    readonly settings: import('@phosphor-icons/react').Icon;
+    readonly 'setup-time': import('@phosphor-icons/react').Icon;
+    readonly shapes: import('@phosphor-icons/react').Icon;
+    readonly show: import('@phosphor-icons/react').Icon;
+    readonly sidebar: import('@phosphor-icons/react').Icon;
+    readonly signature: import('@phosphor-icons/react').Icon;
+    readonly 'sign-out': import('@phosphor-icons/react').Icon;
+    readonly 'skip-forward': import('@phosphor-icons/react').Icon;
+    readonly smartphone: import('@phosphor-icons/react').Icon;
+    readonly sparkle: import('@phosphor-icons/react').Icon;
+    readonly star: import('@phosphor-icons/react').Icon;
+    readonly start: import('@phosphor-icons/react').Icon;
+    readonly stop: import('@phosphor-icons/react').Icon;
+    readonly sick: import('@phosphor-icons/react').Icon;
+    readonly table: import('@phosphor-icons/react').Icon;
+    readonly 'thumb-up': import('@phosphor-icons/react').Icon;
+    readonly 'thumb-down': import('@phosphor-icons/react').Icon;
+    readonly taxi: import('@phosphor-icons/react').Icon;
+    readonly 'text-align-center': import('@phosphor-icons/react').Icon;
+    readonly 'text-align-justify': import('@phosphor-icons/react').Icon;
+    readonly 'text-align-left': import('@phosphor-icons/react').Icon;
+    readonly 'text-align-right': import('@phosphor-icons/react').Icon;
+    readonly 'text-t': import('@phosphor-icons/react').Icon;
+    readonly ticket: import('@phosphor-icons/react').Icon;
+    readonly notches: import('@phosphor-icons/react').Icon;
+    readonly time: import('@phosphor-icons/react').Icon;
+    readonly timer: import('@phosphor-icons/react').Icon;
+    readonly 'time-sheet-download': import('@phosphor-icons/react').Icon;
+    readonly 'time-sheet-upload': import('@phosphor-icons/react').Icon;
+    readonly train: import('@phosphor-icons/react').Icon;
+    readonly translate: import('@phosphor-icons/react').Icon;
+    readonly travel: import('@phosphor-icons/react').Icon;
+    readonly unfold: import('@phosphor-icons/react').Icon;
+    readonly user: import('@phosphor-icons/react').Icon;
+    readonly upload: import('@phosphor-icons/react').Icon;
+    readonly 'user-account': import('@phosphor-icons/react').Icon;
+    readonly users: import('@phosphor-icons/react').Icon;
+    readonly vacation: import('@phosphor-icons/react').Icon;
+    readonly wallet: import('@phosphor-icons/react').Icon;
+    readonly warning: import('@phosphor-icons/react').Icon;
+    readonly wrench: import('@phosphor-icons/react').Icon;
+    readonly 'file-empty': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-pdf': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-folder': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-image': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-video': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-video-2': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-audio': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-code': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-document': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-spreadsheet': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-image-img': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-image-jpg': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-image-jpeg': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-image-png': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-image-webp': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-image-tiff': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-image-gif': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-image-svg': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-image-eps': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-document-pdf': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-document-doc': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-document-docx': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-document-txt': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-document-csv': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-document-xls': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-document-xlsx': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-document-ppt': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-document-pptx': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-design-fig': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-design-ai': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-design-psd': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-design-indd': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-design-aep': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-media-mp3': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-media-wav': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-media-mp4': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-media-mpeg': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-media-avi': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-media-mkv': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-development-html': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-development-css': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-development-rss': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-development-sql': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-development-js': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-development-json': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-development-java': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-development-xml': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-development-exe': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-development-dmg': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-archive-zip': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-archive-rar': ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const iconSizeMap: {
+    readonly '2xs': 12;
+    readonly xs: 16;
+    readonly sm: 18;
+    readonly md: 20;
+    readonly lg: 24;
+    readonly xl: 32;
+    readonly '2xl': 40;
+};
+export type IconSizes = keyof typeof iconSizeMap;
+export type CommonIconNames = keyof typeof commonIconsMap;
+export type CustomCommonIconNames = keyof typeof customCommonIconsMap;
+export type FileIconNames = keyof typeof fileIconsMap;
+export type IconNames = keyof typeof iconMap;
+export interface IconProps extends CustomIconProps, React.HTMLAttributes<SVGElement> {
+    /**
+     * The name of the icon to display.
+     */
+    name: IconNames;
+    /**
+     * The size of the icon.
+     * @default 'lg'
+     */
+    size?: IconSizes;
+    /**
+     * The weight of the icon.
+     */
+    weight?: IconWeight;
+    /**
+     * The color of the icon.
+     */
+    color?: ForegroundColors;
+    /**
+     * If true, the icon will be displayed in a featured style.
+     */
+    featured?: boolean;
+}

package/dist/components/Icon/custom/FileArchiveRar.d.ts

@@ -0,0 +1,3 @@
+import { CustomIconProps } from '../CustomIcon.types';
+declare const FileArchiveRar: ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+export default FileArchiveRar;

package/dist/components/Icon/custom/FileArchiveZip.d.ts

@@ -0,0 +1,3 @@
+import { CustomIconProps } from '../CustomIcon.types';
+declare const FileArchiveZip: ({ type }: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
+export default FileArchiveZip;