@voxel51/voodo 0.0.41 → 0.1.0

package/README.md

@@ -45,21 +45,6 @@ export const Component = () => {
 Note that you'll need to import this library's theme somewhere in your application for the components
 to be styled correctly. See [CSS Themes](#css-themes).
 
-### Using icons
-
-Every icon is exported as its own component so that bundlers only include the
-icons you actually import (there is intentionally no icon-name enum or runtime
-icon map — that would defeat tree-shaking):
-
-```typescript jsx
-import { CheckIcon, Size } from "@voxel51/voodo";
-
-export const Component = () => <CheckIcon size={Size.Md} />;
-```
-
-To add a new icon, drop the SVG in `src/img` (PascalCase filename) and run
-`npm run generate-icons`.
-
 ### Theming
 
 #### CSS Themes
@@ -92,12 +77,3 @@ This library is published to NPM via GitHub Actions workflows.
 
 This library is currently in a pre-release state, with versions matching `0.x.y`.
 Standard semantic versioning will be enforced starting with version `1.0.0`.
-
-## License
-
-Copyright 2024-2026 Voxel51, Inc. Licensed under the [Apache License, Version 2.0](LICENSE).
-
-A portion of the icon artwork is derived from
-[Google Material Icons](https://fonts.google.com/icons) (Apache License 2.0),
-extracted via [`@mui/icons-material`](https://mui.com/material-ui/material-icons/)
-(MIT License). See [NOTICE](NOTICE) for attribution details.

package/dist/components/ActivityToast/ActivityToast.d.ts

@@ -1,9 +1,8 @@
 import { FC, HTMLAttributes } from 'react';
-import { IconProps } from '../Icons';
-import { Anchor, Variant } from '../../types';
+import { Anchor, IconName, Variant } from '../../types';
 export interface ActivityToastProps extends HTMLAttributes<HTMLDivElement> {
     anchor?: Anchor;
-    icon?: FC<IconProps>;
+    icon?: FC | IconName;
     message?: string;
     open?: boolean;
     variant?: Variant;
@@ -19,7 +18,7 @@ export interface ActivityToastProps extends HTMLAttributes<HTMLDivElement> {
  * ```tsx
  * <ActivityToast
  *   open={true}
- *   icon={CheckIcon}
+ *   icon={() => <Icon name={IconName.Check}/>}
  *   message={"Operation successful"}
  *   variant={Variant.Success}
  * />
@@ -28,7 +27,7 @@ export interface ActivityToastProps extends HTMLAttributes<HTMLDivElement> {
  * @param anchor Position within the viewport to anchor the notification.
  *  Options include all cardinal directions as well as all four corners.
  * @param className `class` overrides to apply to the component.
- * @param icon Icon component which prefixes the toast message.
+ * @param icon Reference (`FC`) to an icon or an {@link IconName} to render which prefixes the toast message. See {@link Icon}.
  * @param message Message to include in the toast.
  * @param open Boolean controlling whether the toast is visible.
  * @param variant The toast variant; this controls the general styling of the toast. See {@link Variant}.

package/dist/components/ActivityToast/ActivityToast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityToast.d.ts","sourceRoot":"","sources":["../../../src/components/ActivityToast/ActivityToast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAKjE,OAAO,EACL,MAAM,EAON,OAAO,EACR,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAgChD,CAAC"}
+{"version":3,"file":"ActivityToast.d.ts","sourceRoot":"","sources":["../../../src/components/ActivityToast/ActivityToast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAOhD,OAAO,EACL,MAAM,EAKN,QAAQ,EAGR,OAAO,EACR,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,EAAE,GAAG,QAAQ,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAgChD,CAAC"}

package/dist/components/Button/Button.d.ts

@@ -1,12 +1,11 @@
 import { ButtonHTMLAttributes, FC } from 'react';
-import { IconProps } from '../Icons';
-import { Size, Variant } from '../../types';
+import { IconName, Size, Variant } from '../../types';
 type ButtonSize = Exclude<Size, Size.Lg | Size.Xl>;
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: Variant;
     size?: ButtonSize;
-    leadingIcon?: FC<IconProps>;
-    trailingIcon?: FC<IconProps>;
+    leadingIcon?: FC | IconName;
+    trailingIcon?: FC | IconName;
     borderless?: boolean;
 }
 /**
@@ -23,8 +22,8 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
  * @param size The size of the button; this controls both the text size and the button size. See {@link Size}.
  * @param borderless Boolean controlling whether the button should be "borderless," removing any borders and
  *  rounding the corners.
- * @param leadingIcon Optional icon component which prefixes the button's content.
- * @param trailingIcon Optional icon component which postfixes the button's content.
+ * @param leadingIcon Optional reference ({@link FC}) to an icon or an {@link IconName} which prefixes the button's content. See {@link Icon}.
+ * @param trailingIcon Optional reference ({@link FC}) to an icon or an {@link IconName} which postfixes the button's content. See {@link Icon}.
  * @param className `class` overrides to apply to the component.
  * @param children Button content.
  * @param props Additional HTML properties to apply to the component.

package/dist/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAEjE,OAAO,EAQL,IAAI,EAGJ,OAAO,EACR,MAAM,SAAS,CAAC;AAGjB,KAAK,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;AAEnD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;IAC5B,YAAY,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAgED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAiDlC,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,EAOL,QAAQ,EAER,IAAI,EAGJ,OAAO,EACR,MAAM,SAAS,CAAC;AAGjB,KAAK,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;AAEnD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,EAAE,GAAG,QAAQ,CAAC;IAC5B,YAAY,CAAC,EAAE,EAAE,GAAG,QAAQ,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAgED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAiDlC,CAAC"}

package/dist/components/Card/RichCard.d.ts

@@ -1,11 +1,11 @@
 import { FC, default as React } from 'react';
 import { CardProps } from '.';
-import { IconProps } from '../Icons';
+import { IconName } from '../../types';
 export interface RichCardProps extends CardProps {
     badge?: string;
     compact?: boolean;
     description?: string | string[];
-    icon?: FC<IconProps>;
+    icon?: IconName;
     title?: string;
     action?: React.ReactNode;
 }
@@ -16,7 +16,7 @@ export interface RichCardProps extends CardProps {
  * @example
  * ```tsx
  * <RichCard
- *   icon={StarIcon}
+ *   icon={IconName.Star}
  *   title="Getting Started"
  *   description="Follow these steps to set up your workspace."
  *   badge="New"
@@ -26,7 +26,7 @@ export interface RichCardProps extends CardProps {
  * @param badge A small badge for supplementary info such as status or count.
  * @param compact When true, uses a horizontal layout with tighter spacing.
  * @param description Body text. Pass an array of strings to render a bulleted list.
- * @param icon The icon component to display beside the title.
+ * @param icon The icon to display beside the title. See {@link IconName}.
  * @param title The card heading.
  * @param action A React node (e.g. a button) rendered in the action slot.
  * @param children Content displayed inside the card, below the description.

package/dist/components/Card/RichCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichCard.d.ts","sourceRoot":"","sources":["../../../src/components/Card/RichCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAwB,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAiBpD,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAkEtC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAAE,CAcvD,CAAC"}
+{"version":3,"file":"RichCard.d.ts","sourceRoot":"","sources":["../../../src/components/Card/RichCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAwB,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAIpE,OAAO,EAGL,QAAQ,EAST,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAkEtC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAAE,CAcvD,CAAC"}

package/dist/components/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAMrD,OAAO,EAOL,MAAM,EACN,IAAI,EAGL,MAAM,SAAS,CAAC;AAGjB,KAAK,qBAAqB,GAAG,IAAI,CAC/B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAC3D,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,qBAAqB;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAkBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAwEtC,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAMrD,OAAO,EAQL,MAAM,EACN,IAAI,EAGL,MAAM,SAAS,CAAC;AAGjB,KAAK,qBAAqB,GAAG,IAAI,CAC/B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAC3D,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,qBAAqB;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAkBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA0EtC,CAAC"}

package/dist/components/Clickable/Clickable.d.ts

@@ -7,7 +7,7 @@ import { FC, HTMLAttributes } from 'react';
  * @example
  * ```tsx
  * <Clickable onClick={() => deleteEntry()}}>
- *   <DeleteIcon />
+ *   <Icon name={IconName.Delete} />
  * </Clickable>
  * ```
  *

package/dist/components/Datepicker/DatepickerIconButton.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { IconProps } from '../Icons';
 import { Size } from '../../types';
+import { IconName } from '../../types/icons';
 export declare enum IconPosition {
     Leading = "leading",
     Trailing = "trailing"
@@ -11,7 +11,7 @@ export interface DatepickerIconButtonProps {
     hasValue?: boolean;
     size?: Size;
     ariaLabel?: string;
-    icon: FC<IconProps>;
+    iconName: IconName;
     position?: IconPosition;
 }
 /**
@@ -21,7 +21,7 @@ export interface DatepickerIconButtonProps {
  * @param disabled If `true`, disables interaction with the icon.
  * @param size Size of the icon. See {@link Size}.
  * @param ariaLabel Optional aria label for the icon; only used for accessibility.
- * @param icon The icon component to render.
+ * @param iconName Name of the icon. See {@link IconName}.
  * @param position The position of the icon. See {@link IconPosition}.
  *
  * @internal For use by {@link DatepickerInput}.

package/dist/components/Datepicker/DatepickerIconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatepickerIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/Datepicker/DatepickerIconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAa,IAAI,EAAkB,MAAM,SAAS,CAAC;AAK1D,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;IACpB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAgC9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"DatepickerIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/Datepicker/DatepickerIconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAa,IAAI,EAAkB,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAKzC,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAiC9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/Datepicker/DatepickerInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatepickerInput.d.ts","sourceRoot":"","sources":["../../../src/components/Datepicker/DatepickerInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAuB,MAAM,OAAO,CAAC;AAIrD,OAAO,EAML,MAAM,EACN,IAAI,EAGL,MAAM,SAAS,CAAC;AA4CjB,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAyDpD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DatepickerInput.d.ts","sourceRoot":"","sources":["../../../src/components/Datepicker/DatepickerInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAuB,MAAM,OAAO,CAAC;AAGrD,OAAO,EAML,MAAM,EACN,IAAI,EAGL,MAAM,SAAS,CAAC;AA6CjB,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAyDpD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/Dropdown/Dropdown.d.ts

@@ -63,13 +63,13 @@ export interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
  * <Dropdown trigger={<DropdownTrigger>Actions</DropdownTrigger>}>
  *   <MenuSectionTitle>Actions</MenuSectionTitle>
  *   <MenuIconTextItem
- *     icon={<ImageSearchIcon />}
+ *     icon={IconName.ImageSearch}
  *     text="Sort by similarity"
  *     subtext="Find visually similar"
  *     onClick={() => {}}
  *   />
  *   <MenuIconTextItem
- *     icon={<EmbeddingsIcon />}
+ *     icon={IconName.Embeddings}
  *     text="Run embeddings"
  *     subtext="Compute vector embeddings"
  *     onClick={() => {}}

package/dist/components/Dropdown/DropdownTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAI/D;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,WAAW,EACX,SAAS,GAAG,cAAc,CAC3B,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAapD,CAAC"}
+{"version":3,"file":"DropdownTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG/D;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,WAAW,EACX,SAAS,GAAG,cAAc,CAC3B,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAapD,CAAC"}

package/dist/components/EmptyState/EmptyState.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
-import { IconProps } from '../Icons';
 import { StackProps } from '../Stack';
+import { IconName } from '../../types';
 export interface EmptyStateProps extends StackProps {
-    icon?: FC<IconProps>;
+    icon: IconName;
     title: string;
     description?: string;
 }

package/dist/components/EmptyState/EmptyState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAS,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAgBvD,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAkC1C,CAAC"}
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAS,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGvD,OAAO,EAKL,QAAQ,EAMT,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAkC1C,CAAC"}

package/dist/components/Icons/DragHandle.d.ts

@@ -8,5 +8,5 @@ import { IconProps } from './types';
  *
  * @internal For use by the {@link ListItem} component.
  */
-export declare const DragHandleGripIcon: FC<IconProps>;
+export declare const DragHandleIcon: FC<IconProps>;
 //# sourceMappingURL=DragHandle.d.ts.map

package/dist/components/Icons/DragHandle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/DragHandle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,SAAS,CAiB5C,CAAC"}
+{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/DragHandle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,SAAS,CAiBxC,CAAC"}

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

@@ -0,0 +1,37 @@
+import { default as React, FC } from 'react';
+import { BrandColor, IconColor, TextColor } from '../../types';
+import { IconName } from '../../types/icons';
+import { Size } from '../../types/size';
+type SvgComponent = React.FC<React.SVGProps<SVGSVGElement>>;
+/**
+ * To add a new icon:
+ * 1. add the SVG file to the image directory,
+ * 2. create a enum value for the icon name
+ * 3. import the SVG file and add it to this map
+ */
+export declare const iconMap: Record<Exclude<IconName, IconName.Spinner>, SvgComponent>;
+export interface IconProps {
+    name: IconName;
+    size?: Size;
+    className?: string;
+    color?: TextColor | IconColor | BrandColor;
+    style?: React.CSSProperties;
+}
+/**
+ * An generic icon component which will take the form of the icon specified by `name`.
+ *
+ * @example
+ * ```tsx
+ * <Icon name={IconName.Edit} size={Size.Md} />
+ * ```
+ *
+ * @param name Icon to display. See {@link IconName}.
+ * @param size The size of the icon. See {@link Size}.
+ * @param className `class` overrides to apply to the component.
+ * @param color Color of the icon. By default, the icon inherits the text color of its container.
+ * @param style `style` overrides to apply to the icon.
+ * @param props Additional HTML properties to apply to the component.
+ */
+export declare const Icon: FC<IconProps>;
+export {};
+//# sourceMappingURL=Icon.d.ts.map

package/dist/components/Icons/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AA0GvC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAkB,MAAM,SAAS,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,KAAK,YAAY,GAAG,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAE5D;;;;;GAKG;AACH,eAAO,MAAM,OAAO,EAAE,MAAM,CAC1B,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,EACnC,YAAY,CAyGb,CAAC;AAWF,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAC3C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAuB9B,CAAC"}

package/dist/components/Icons/IconWrapper.d.ts

@@ -1,18 +1,18 @@
 import { FC } from 'react';
+import { IconName } from '../../types/icons';
 import { Size } from '../../types/size';
-import { IconProps } from './IconBase';
 export interface IconWrapperProps {
-    content?: FC<IconProps>;
+    content?: FC | IconName;
     size?: Size;
     className?: string;
 }
 /**
- * Helper component which resolves an icon {@link FC} | ``undefined`` to a rendered icon.
+ * Helper component which resolves {@link FC} | {@link IconName} | ``undefined`` to a rendered icon.
  *
  * Wraps content in a span; use `className` to constrain icon bounds or apply color styling.
  *
- * @param content Icon {@link FC} or undefined
- * @param size Size forwarded to the icon component
+ * @param content Icon {@link FC}, icon name, or undefined
+ * @param size Size forwarded to {@link Icon} when resolving by name
  * @param className Classes applied to the wrapping span
  */
 export declare const IconWrapper: FC<IconWrapperProps>;

package/dist/components/Icons/IconWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAY5C,CAAC"}
+{"version":3,"file":"IconWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,EAAE,GAAG,QAAQ,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAiB5C,CAAC"}

package/dist/components/Icons/index.d.ts

@@ -1,5 +1,4 @@
 export * from './DragHandle';
-export * from './IconBase';
-export * from './icons';
+export * from './Icon';
 export * from './IconWrapper';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC"}

package/dist/components/Input/Input.d.ts

@@ -1,6 +1,6 @@
 import { FC, InputHTMLAttributes } from 'react';
-import { IconProps } from '../Icons';
-import { Radius, Size } from '../../types';
+import { IconProps } from '../Icons/types';
+import { IconName, Radius, Size } from '../../types';
 type ModifiedInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "className">;
 export declare enum InputType {
     Text = "text",
@@ -17,7 +17,7 @@ export interface InputProps extends ModifiedInputProps {
     className?: string;
     type?: InputType;
     error?: boolean;
-    icon?: FC<IconProps>;
+    icon?: FC<IconProps> | IconName;
 }
 /**
  * A utility function which returns the classes required for styling an input component.
@@ -73,7 +73,7 @@ export declare const inputStyle: ({ disabled, error, icon, radius, size, }: {
  * @param value The controlled value of the input.
  * @param onChange Callback triggered when the input value changes.
  * @param error If `true`, formats the input to appear in an error state.
- * @param icon Optional icon component to prefix the input's value.
+ * @param icon Optional reference ({@link FC}) to an icon or an {@link IconName} to prefix the input's value. See {@link Icon}.
  * @param props Additional HTML properties to apply to the component.
  */
 export declare const Input: FC<InputProps>;

package/dist/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,EAML,MAAM,EACN,IAAI,EAGL,MAAM,SAAS,CAAC;AAMjB,KAAK,kBAAkB,GAAG,IAAI,CAC5B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,WAAW,CACrB,CAAC;AAEF,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;CACtB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU,GAAI,0CAMxB;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,KAAG,MAwBD,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAyChC,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,OAAO,EAML,QAAQ,EACR,MAAM,EACN,IAAI,EAGL,MAAM,SAAS,CAAC;AAMjB,KAAK,kBAAkB,GAAG,IAAI,CAC5B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,WAAW,CACrB,CAAC;AAEF,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAC;CACjC;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU,GAAI,0CAMxB;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,KAAG,MAwBD,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAyChC,CAAC"}

package/dist/components/Input/InputIcon.d.ts

@@ -1,15 +1,14 @@
 import { FC } from 'react';
-import { IconProps } from '../Icons';
-import { Size } from '../../types';
+import { IconName, Size } from '../../types';
 export interface InputIconProps {
-    icon: FC<IconProps>;
+    icon: FC | IconName;
     size: Size;
     hasText?: boolean;
 }
 /**
  * A wrapper component for properly formatting an icon to display within the {@link Input} component.
  *
- * @param icon Icon component specifying the icon to use.
+ * @param icon Icon reference ({@link FC}) or an {@link IconName} specifying the icon to use.
  * @param size The size of the icon. See {@link Size}.
  * @param hasText If `true`, de-emphasizes the icon in favor of the input text.
  *

package/dist/components/Input/InputIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Input/InputIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,IAAI,EAA6B,MAAM,SAAS,CAAC;AAK1D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAcxC,CAAC"}
+{"version":3,"file":"InputIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Input/InputIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAA6B,MAAM,SAAS,CAAC;AAKpE,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,EAAE,GAAG,QAAQ,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAcxC,CAAC"}

package/dist/components/ListItem/ListItem.d.ts

@@ -17,7 +17,7 @@ export interface ListItemProps extends HTMLAttributes<HTMLDivElement> {
  * @param canSelect If `true`, the component will include a {@link Checkbox} to enable selection.
  * @param selected Controls the selection state of the list item. If `canSelect` is not truthy, this has no effect.
  * @param onSelected Callback triggered when this item is selected.
- * @param canDrag If `true`, displays a {@link DragHandleGripIcon} to allow dragging this component.
+ * @param canDrag If `true`, displays a {@link DragHandleIcon} to allow dragging this component.
  * @param dragHandleListeners Optional mapping of `listenerId: listener` for drag events.
  * @param primaryContent Primary content to display in the list item.
  * @param secondaryContent Secondary content to display in the list item.

package/dist/components/Menu/MenuCheckItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuCheckItem.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuCheckItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAgBhD;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC3E,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA0ChD,CAAC"}
+{"version":3,"file":"MenuCheckItem.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuCheckItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAiBhD;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC3E,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAgDhD,CAAC"}

package/dist/components/Menu/MenuIconTextItem.d.ts

@@ -1,10 +1,11 @@
 import { FC, HTMLAttributes, ReactNode } from 'react';
+import { IconName } from '../../types';
 /**
  * Props for {@link MenuIconTextItem}.
  */
 export interface MenuIconTextItemProps extends HTMLAttributes<HTMLButtonElement> {
     /** Icon to display to the left of the text content. */
-    icon: ReactNode;
+    icon: IconName | ReactNode;
     /** Primary label text. */
     text: string;
     /** Optional secondary description shown below the primary text. */
@@ -22,7 +23,7 @@ export interface MenuIconTextItemProps extends HTMLAttributes<HTMLButtonElement>
  * ```tsx
  * <Dropdown trigger={<DropdownTrigger>Open</DropdownTrigger>}>
  *   <MenuIconTextItem
- *     icon={<ImageSearchIcon size={Size.Lg} />}
+ *     icon={IconName.ImageSearch}
  *     text="Sort by similarity"
  *     subtext="Find visually similar"
  *     onClick={() => {}}
@@ -30,7 +31,7 @@ export interface MenuIconTextItemProps extends HTMLAttributes<HTMLButtonElement>
  * </Dropdown>
  * ```
  *
- * @param icon A ReactNode (typically an icon component) rendered in the leading slot.
+ * @param icon An {@link IconName} or a custom ReactNode rendered in the leading slot.
  * @param text The primary label for the item.
  * @param subtext An optional secondary line rendered below the primary text in muted color.
  * @param disabled If `true`, the item cannot be interacted with.

package/dist/components/Menu/MenuIconTextItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuIconTextItem.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuIconTextItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgB3D;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC9E,uDAAuD;IACvD,IAAI,EAAE,SAAS,CAAC;IAChB,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAgEtD,CAAC"}
+{"version":3,"file":"MenuIconTextItem.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuIconTextItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK3D,OAAO,EAKL,QAAQ,EAKT,MAAM,SAAS,CAAC;AAGjB;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC9E,uDAAuD;IACvD,IAAI,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC3B,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA+DtD,CAAC"}

package/dist/components/Menu/MenuSectionTitle.d.ts

@@ -14,7 +14,7 @@ export interface MenuSectionTitleProps extends HTMLAttributes<HTMLDivElement> {
  * ```tsx
  * <Dropdown trigger={<DropdownTrigger>Open</DropdownTrigger>}>
  *   <MenuSectionTitle>Actions</MenuSectionTitle>
- *   <MenuIconTextItem icon={<EditIcon />} text="Edit" />
+ *   <MenuIconTextItem icon={IconName.Edit} text="Edit" />
  * </Dropdown>
  * ```
  *

package/dist/components/Pill/Pill.d.ts

@@ -1,6 +1,5 @@
 import { FC, HTMLAttributes } from 'react';
-import { IconProps } from '../Icons';
-import { BackgroundColor, Radius, SemanticColor, Shadow, Size, StatusColor, TextColor } from '../../types';
+import { BackgroundColor, IconName, Radius, SemanticColor, Shadow, Size, StatusColor, TextColor } from '../../types';
 export type PillSize = Exclude<Size, Size.Lg | Size.Xl>;
 export type PillColor = BackgroundColor | SemanticColor | StatusColor;
 export interface PillProps extends HTMLAttributes<HTMLSpanElement> {
@@ -10,7 +9,7 @@ export interface PillProps extends HTMLAttributes<HTMLSpanElement> {
     color?: TextColor;
     isStatus?: boolean;
     backgroundColor?: PillColor;
-    icon?: FC<IconProps>;
+    icon?: IconName;
     onRemove?: () => void;
 }
 /**

package/dist/components/Pill/Pill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../src/components/Pill/Pill.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAyB,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAI3E,OAAO,EACL,eAAe,EACf,MAAM,EACN,aAAa,EACb,MAAM,EACN,IAAI,EAEJ,WAAW,EACX,SAAS,EACV,MAAM,SAAS,CAAC;AAIjB,MAAM,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;AACxD,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG,aAAa,GAAG,WAAW,CAAC;AAEtE,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,eAAe,CAAC;IAChE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAQD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA8D9B,CAAC"}
+{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../src/components/Pill/Pill.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMhD,OAAO,EACL,eAAe,EACf,QAAQ,EACR,MAAM,EACN,aAAa,EACb,MAAM,EACN,IAAI,EAEJ,WAAW,EACX,SAAS,EACV,MAAM,SAAS,CAAC;AAIjB,MAAM,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;AACxD,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG,aAAa,GAAG,WAAW,CAAC;AAEtE,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,eAAe,CAAC;IAChE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAQD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAoE9B,CAAC"}

package/dist/components/RichButton/RichButton.d.ts

@@ -1,9 +1,9 @@
 import { FC, HTMLAttributes, ReactNode } from 'react';
-import { IconProps } from '../Icons';
+import { IconName } from '../../types';
 export interface RichButtonProps extends HTMLAttributes<HTMLDivElement> {
     active?: boolean;
     description?: ReactNode;
-    icon?: FC<IconProps>;
+    icon?: FC | IconName;
     label?: ReactNode;
     onClick?: () => void;
 }
@@ -31,7 +31,7 @@ export interface RichButtonProps extends HTMLAttributes<HTMLDivElement> {
  *
  * @param active If `true`, renders the component in its active state.
  * @param description Content to display as the description of the component. This is the component's secondary content.
- * @param icon Icon component to display in the component.
+ * @param icon Icon reference ({@link FC}) or an {@link IconName} to display in the component. See {@link Icon}.
  * @param label Content to display as the label of the component. This is the component's primary content.
  * @param onClick Callback triggered when the component is clicked.
  * @param className `class` overrides to apply to the component.

package/dist/components/RichButton/RichButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichButton.d.ts","sourceRoot":"","sources":["../../../src/components/RichButton/RichButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAgBjE,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAyD1C,CAAC"}
+{"version":3,"file":"RichButton.d.ts","sourceRoot":"","sources":["../../../src/components/RichButton/RichButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM3D,OAAO,EAOL,QAAQ,EAIT,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,EAAE,GAAG,QAAQ,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAyD1C,CAAC"}

package/dist/components/RichList/RichList.d.ts

@@ -26,7 +26,7 @@ export interface RichListProps extends HTMLAttributes<HTMLDivElement> {
  *           secondaryContent: "First item description"
  *           actions: (
  *             <Clickable onClick={() => openSettings("1")}>
- *               <SettingsIcon />
+ *               <Icon name={IconName.Settings} />
  *             </Clickable>
  *           )
  *         },
@@ -38,7 +38,7 @@ export interface RichListProps extends HTMLAttributes<HTMLDivElement> {
  *           secondaryContent: "Second item description"
  *           actions: (
  *            <Clickable onClick={() => openSettings("2")}>
- *               <SettingsIcon />
+ *               <Icon name={IconName.Settings} />
  *             </Clickable>
  *           )
  *         },
@@ -49,7 +49,7 @@ export interface RichListProps extends HTMLAttributes<HTMLDivElement> {
  *           secondaryContent: "Third item description"
  *           actions: (
  *            <Clickable onClick={() => openSettings("3")}>
- *               <SettingsIcon />
+ *               <Icon name={IconName.Settings} />
  *             </Clickable>
  *           )
  *         },

package/dist/components/Select/Option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAgBhD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA+BlC,CAAC"}
+{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAiBhD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA+BlC,CAAC"}

package/dist/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,EAAE,EACF,cAAc,EACd,SAAS,EAMV,MAAM,OAAO,CAAC;AAOf,OAAO,EAKL,UAAU,EAMV,MAAM,EAEP,MAAM,SAAS,CAAC;AAKjB,oBAAY,YAAY;IACtB,MAAM,WAAW;IACjB,WAAW,iBAAiB;IAC5B,SAAS,eAAe;IACxB,GAAG,QAAQ;IACX,QAAQ,cAAc;IACtB,MAAM,YAAY;CACnB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,UAAU,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,EAAE,CAAC;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAgJlC,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,EAAE,EACF,cAAc,EACd,SAAS,EAMV,MAAM,OAAO,CAAC;AAOf,OAAO,EAKL,UAAU,EAMV,MAAM,EAEP,MAAM,SAAS,CAAC;AAMjB,oBAAY,YAAY;IACtB,MAAM,WAAW;IACjB,WAAW,iBAAiB;IAC5B,SAAS,eAAe;IACxB,GAAG,QAAQ;IACX,QAAQ,cAAc;IACtB,MAAM,YAAY;CACnB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,UAAU,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,EAAE,CAAC;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAiJlC,CAAC"}

package/dist/components/Spinner/Spinner.d.ts

@@ -6,6 +6,8 @@ export interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
 /**
  * An animated spinner component.
  *
+ * Note that this component is also available via the {@link Icon} component with {@link IconName.Spinner}.
+ *
  * @example
  * ```tsx
  * <Spinner size={Size.Md} />

package/dist/components/Spinner/Spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,IAAI,EAA6B,MAAM,SAAS,CAAC;AAG1D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAUD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAepC,CAAC"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,IAAI,EAA6B,MAAM,SAAS,CAAC;AAG1D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAUD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAepC,CAAC"}