@voxel51/voodo 0.0.39 → 0.0.40

package/NOTICE

@@ -0,0 +1,37 @@
+VOODO: Voxel's Official Design Ontology
+Copyright 2024-2026 Voxel51, Inc.
+
+Licensed under the Apache License, Version 2.0 (see LICENSE).
+
+This product includes third-party materials:
+
+Google Material Icons
+    A portion of the icon artwork in src/img is derived from Google
+    Material Icons, Copyright Google LLC, licensed under the Apache
+    License, Version 2.0 (http://www.apache.org/licenses/LICENSE-2.0).
+    The artwork was extracted from the @mui/icons-material package and
+    modified for use in this library.
+
+MUI (@mui/icons-material)
+    Icon artwork was extracted via the @mui/icons-material package,
+    Copyright (c) 2014 Call-Em-All, licensed under the MIT License:
+
+    Permission is hereby granted, free of charge, to any person obtaining
+    a copy of this software and associated documentation files (the
+    "Software"), to deal in the Software without restriction, including
+    without limitation the rights to use, copy, modify, merge, publish,
+    distribute, sublicense, and/or sell copies of the Software, and to
+    permit persons to whom the Software is furnished to do so, subject to
+    the following conditions:
+
+    The above copyright notice and this permission notice shall be
+    included in all copies or substantial portions of the Software.
+
+    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+    EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+    MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+    NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
+    BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
+    ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+    CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+    SOFTWARE.

package/README.md

@@ -45,6 +45,21 @@ 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
@@ -77,3 +92,12 @@ 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,8 +1,9 @@
 import { FC, HTMLAttributes } from 'react';
-import { Anchor, IconName, Variant } from '../../types';
+import { IconProps } from '../Icons';
+import { Anchor, Variant } from '../../types';
 export interface ActivityToastProps extends HTMLAttributes<HTMLDivElement> {
     anchor?: Anchor;
-    icon?: FC | IconName;
+    icon?: FC<IconProps>;
     message?: string;
     open?: boolean;
     variant?: Variant;
@@ -18,7 +19,7 @@ export interface ActivityToastProps extends HTMLAttributes<HTMLDivElement> {
  * ```tsx
  * <ActivityToast
  *   open={true}
- *   icon={() => <Icon name={IconName.Check}/>}
+ *   icon={CheckIcon}
  *   message={"Operation successful"}
  *   variant={Variant.Success}
  * />
@@ -27,7 +28,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 Reference (`FC`) to an icon or an {@link IconName} to render which prefixes the toast message. See {@link Icon}.
+ * @param icon Icon component which prefixes the toast message.
  * @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;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"}
+{"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"}

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

@@ -1,11 +1,12 @@
 import { ButtonHTMLAttributes, FC } from 'react';
-import { IconName, Size, Variant } from '../../types';
+import { IconProps } from '../Icons';
+import { Size, Variant } from '../../types';
 type ButtonSize = Exclude<Size, Size.Lg | Size.Xl>;
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: Variant;
     size?: ButtonSize;
-    leadingIcon?: FC | IconName;
-    trailingIcon?: FC | IconName;
+    leadingIcon?: FC<IconProps>;
+    trailingIcon?: FC<IconProps>;
     borderless?: boolean;
 }
 /**
@@ -22,8 +23,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 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 leadingIcon Optional icon component which prefixes the button's content.
+ * @param trailingIcon Optional icon component which postfixes the button's content.
  * @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;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"}
+{"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"}

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

@@ -1,11 +1,11 @@
 import { FC, default as React } from 'react';
 import { CardProps } from '.';
-import { IconName } from '../../types';
+import { IconProps } from '../Icons';
 export interface RichCardProps extends CardProps {
     badge?: string;
     compact?: boolean;
     description?: string | string[];
-    icon?: IconName;
+    icon?: FC<IconProps>;
     title?: string;
     action?: React.ReactNode;
 }
@@ -16,7 +16,7 @@ export interface RichCardProps extends CardProps {
  * @example
  * ```tsx
  * <RichCard
- *   icon={IconName.Star}
+ *   icon={StarIcon}
  *   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 to display beside the title. See {@link IconName}.
+ * @param icon The icon component to display beside the title.
  * @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;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"}
+{"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"}

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,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"}
+{"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"}

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

@@ -7,7 +7,7 @@ import { FC, HTMLAttributes } from 'react';
  * @example
  * ```tsx
  * <Clickable onClick={() => deleteEntry()}}>
- *   <Icon name={IconName.Delete} />
+ *   <DeleteIcon />
  * </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;
-    iconName: IconName;
+    icon: FC<IconProps>;
     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 iconName Name of the icon. See {@link IconName}.
+ * @param icon The icon component to render.
  * @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;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"}
+{"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"}

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;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"}
+{"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"}

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={IconName.ImageSearch}
+ *     icon={<ImageSearchIcon />}
  *     text="Sort by similarity"
  *     subtext="Find visually similar"
  *     onClick={() => {}}
  *   />
  *   <MenuIconTextItem
- *     icon={IconName.Embeddings}
+ *     icon={<EmbeddingsIcon />}
  *     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;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"}
+{"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"}

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: IconName;
+    icon?: FC<IconProps>;
     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;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"}
+{"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"}

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 DragHandleIcon: FC<IconProps>;
+export declare const DragHandleGripIcon: 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,cAAc,EAAE,EAAE,CAAC,SAAS,CAiBxC,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,kBAAkB,EAAE,EAAE,CAAC,SAAS,CAiB5C,CAAC"}

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

@@ -0,0 +1,30 @@
+import { CSSProperties, FC, SVGProps } from 'react';
+import { BrandColor, IconColor, TextColor } from '../../types';
+import { Size } from '../../types/size';
+type SvgComponent = FC<SVGProps<SVGSVGElement>>;
+export interface IconProps {
+    size?: Size;
+    className?: string;
+    color?: TextColor | IconColor | BrandColor;
+    style?: CSSProperties;
+}
+interface IconBaseProps extends IconProps {
+    svg: SvgComponent;
+}
+/**
+ * Shared rendering wrapper for the generated icon components in `icons.tsx`.
+ *
+ * We are making a strong opinion here that we should treat the SVG
+ * as a square - the viewbox on the SVG will still handle the aspect
+ * ratio but it's possible that VERY rectangular SVGs will not behave
+ * as expected.
+ *
+ * @param svg The SVG component to render.
+ * @param size The size of the icon. If unspecified, fills the parent container. 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.
+ */
+export declare const IconBase: FC<IconBaseProps>;
+export {};
+//# sourceMappingURL=IconBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconBase.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAkB,MAAM,SAAS,CAAC;AAC3E,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,KAAK,YAAY,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAWhD,MAAM,WAAW,SAAS;IACxB,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,aAAa,CAAC;CACvB;AAED,UAAU,aAAc,SAAQ,SAAS;IACvC,GAAG,EAAE,YAAY,CAAC;CACnB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAiBtC,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 | IconName;
+    content?: FC<IconProps>;
     size?: Size;
     className?: string;
 }
 /**
- * Helper component which resolves {@link FC} | {@link IconName} | ``undefined`` to a rendered icon.
+ * Helper component which resolves an icon {@link FC} | ``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}, icon name, or undefined
- * @param size Size forwarded to {@link Icon} when resolving by name
+ * @param content Icon {@link FC} or undefined
+ * @param size Size forwarded to the icon component
  * @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,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"}
+{"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"}