@mcp-b/react-components 0.12.0 → 0.13.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "description": "MCP-B React components built on Base UI and shared design tokens, including Cloudflare Think chat primitives.",
   "homepage": "https://design-system.sigvelo.com",
   "bugs": {
@@ -50,14 +50,16 @@
     "@streamdown/mermaid": "^1.0.2",
     "anser": "^2.3.5",
     "cloudflare": "^6.5.0",
+    "lucide-react": "^1.23.0",
     "shiki": "^3.23.0",
     "streamdown": "^2.5.0",
-    "@mcp-b/design-tokens": "0.12.0"
+    "@mcp-b/design-tokens": "0.13.0"
   },
   "devDependencies": {
     "@ai-sdk/react": "^3.0.222",
     "@cloudflare/shell": "^0.4.1",
     "@cloudflare/think": "^0.12.1",
+    "@cloudflare/voice": "^0.3.3",
     "@storybook/addon-a11y": "^10.4.6",
     "@storybook/addon-docs": "^10.4.6",
     "@storybook/addon-vitest": "^10.4.6",
@@ -84,6 +86,7 @@
     "@ai-sdk/react": "^3.0.194",
     "@cloudflare/shell": "^0.4.1",
     "@cloudflare/think": "^0.12.1",
+    "@cloudflare/voice": "^0.3.3",
     "agents": "^0.17.3",
     "ai": "^6.0.182",
     "react": "^19.0.0",
@@ -99,6 +102,9 @@
     "@cloudflare/think": {
       "optional": true
     },
+    "@cloudflare/voice": {
+      "optional": true
+    },
     "agents": {
       "optional": true
     },

package/dist/Select-CRsKCJ9x.d.ts

@@ -1,200 +0,0 @@
-import * as React from "react";
-import { Select } from "@base-ui/react/select";
-
-//#region src/components/Select.d.ts
-interface SelectProps extends React.ComponentPropsWithRef<typeof Select.Root> {
-  /**
-   * Static list of items for label resolution. Needed when options are inside
-   * a portal (not mounted until opened) so SelectValue can display the correct
-   * label on initial render.
-   */
-  items?: Array<{
-    label: React.ReactNode;
-    value: unknown;
-  }>;
-}
-interface SelectTriggerProps extends Omit<Select.Trigger.Props, "className"> {
-  className?: string;
-  /**
-   * The size of the select trigger.
-   * @default 'default'
-   */
-  size?: "sm" | "md" | "default";
-}
-interface SelectValueProps extends Omit<Select.Value.Props, "children"> {
-  placeholder?: string;
-  children?: Select.Value.Props["children"];
-}
-interface SelectPortalProps extends Select.Portal.Props {}
-interface SelectPositionerProps extends Select.Positioner.Props {}
-interface SelectPopupProps extends Omit<Select.Popup.Props, "className"> {
-  className?: string;
-}
-interface SelectListProps extends Omit<Select.List.Props, "className"> {
-  className?: string;
-}
-interface SelectOptionProps extends Omit<Select.Item.Props, "className"> {
-  className?: string;
-}
-interface SelectOptionGroupProps extends Omit<Select.Group.Props, "className"> {
-  className?: string;
-  label?: string;
-}
-type SelectItemProps = SelectOptionProps;
-type SelectGroupProps = SelectOptionGroupProps;
-interface SelectLabelProps extends Omit<Select.GroupLabel.Props, "className"> {
-  className?: string;
-}
-interface SelectSeparatorProps extends Omit<Select.Separator.Props, "className"> {
-  className?: string;
-}
-interface SelectScrollUpButtonProps extends Omit<Select.ScrollUpArrow.Props, "className"> {
-  className?: string;
-}
-interface SelectScrollDownButtonProps extends Omit<Select.ScrollDownArrow.Props, "className"> {
-  className?: string;
-}
-type SelectPlacementProps = Pick<SelectPositionerProps, "anchor" | "positionMethod" | "side" | "sideOffset" | "align" | "alignOffset" | "collisionBoundary" | "collisionPadding" | "sticky" | "arrowPadding" | "disableAnchorTracking" | "collisionAvoidance"> & {
-  position?: "popper" | "item-aligned";
-};
-type SelectContentProps = SelectPopupProps & SelectPlacementProps;
-/**
- * A select component for choosing from a list of options.
- *
- * @example
- * ```tsx
- * <Select defaultValue="option1">
- *   <SelectTrigger>
- *     <SelectValue placeholder="Select..." />
- *   </SelectTrigger>
- *   <SelectPortal>
- *     <SelectPositioner>
- *       <SelectPopup>
- *         <SelectList>
- *           <SelectOption value="option1">Option 1</SelectOption>
- *           <SelectOption value="option2">Option 2</SelectOption>
- *         </SelectList>
- *       </SelectPopup>
- *     </SelectPositioner>
- *   </SelectPortal>
- * </Select>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/select | Base UI Select}
- */
-declare function Select$1({
-  items,
-  ...props
-}: SelectProps): React.JSX.Element;
-declare function SelectTrigger({
-  size,
-  className,
-  children,
-  ref,
-  ...props
-}: SelectTriggerProps & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
-declare function SelectValue({
-  placeholder,
-  children,
-  ref,
-  ...props
-}: SelectValueProps & {
-  ref?: React.Ref<HTMLSpanElement>;
-}): React.JSX.Element;
-declare const SelectPortal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare function SelectPositioner({
-  className,
-  ref,
-  ...props
-}: SelectPositionerProps & {
-  className?: string;
-} & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function SelectPopup({
-  className,
-  ref,
-  ...props
-}: SelectPopupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function SelectContent({
-  anchor,
-  positionMethod,
-  side,
-  sideOffset,
-  align,
-  alignOffset,
-  collisionBoundary,
-  collisionPadding,
-  sticky,
-  arrowPadding,
-  disableAnchorTracking,
-  collisionAvoidance,
-  position,
-  children,
-  ...props
-}: SelectContentProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function SelectList({
-  className,
-  ref,
-  ...props
-}: SelectListProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function SelectOption({
-  className,
-  value,
-  children,
-  ref,
-  ...props
-}: SelectOptionProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare const SelectItem: typeof SelectOption;
-declare function SelectOptionGroup({
-  label,
-  className,
-  children,
-  ref,
-  ...props
-}: SelectOptionGroupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare const SelectGroup: typeof SelectOptionGroup;
-declare function SelectLabel({
-  className,
-  ref,
-  ...props
-}: SelectLabelProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function SelectSeparator({
-  className,
-  ref,
-  ...props
-}: SelectSeparatorProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function SelectScrollUpButton({
-  className,
-  children,
-  ref,
-  ...props
-}: SelectScrollUpButtonProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function SelectScrollDownButton({
-  className,
-  children,
-  ref,
-  ...props
-}: SelectScrollDownButtonProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-//#endregion
-export { SelectTriggerProps as A, SelectScrollDownButton as C, SelectSeparator as D, SelectScrollUpButtonProps as E, SelectValueProps as M, SelectSeparatorProps as O, SelectProps as S, SelectScrollUpButton as T, SelectPopupProps as _, SelectGroupProps as a, SelectPositioner as b, SelectLabel as c, SelectListProps as d, SelectOption as f, SelectPopup as g, SelectOptionProps as h, SelectGroup as i, SelectValue as j, SelectTrigger as k, SelectLabelProps as l, SelectOptionGroupProps as m, SelectContent as n, SelectItem as o, SelectOptionGroup as p, SelectContentProps as r, SelectItemProps as s, Select$1 as t, SelectList as u, SelectPortal as v, SelectScrollDownButtonProps as w, SelectPositionerProps as x, SelectPortalProps as y };

package/dist/icons-CbjtbIJK.d.ts

@@ -1,51 +0,0 @@
-import * as React from "react";
-
-//#region src/components/_internal/icons.d.ts
-/**
- * Small inline-SVG icon set used across AI chat and code components.
- *
- * All icons are 16x16 by default, use `currentColor` for strokes/fills, and
- * accept standard SVG props so consumers can override size and aria-hidden.
- */
-type IconProps = Omit<React.SVGAttributes<SVGSVGElement>, "width" | "height"> & {
-  size?: number | string;
-};
-declare const ChevronRightIcon: (props: IconProps) => React.JSX.Element;
-declare const ChevronDownIcon: (props: IconProps) => React.JSX.Element;
-declare const ChevronLeftIcon: (props: IconProps) => React.JSX.Element;
-declare const CheckIcon: (props: IconProps) => React.JSX.Element;
-declare const XIcon: (props: IconProps) => React.JSX.Element;
-declare const PencilIcon: (props: IconProps) => React.JSX.Element;
-declare const CopyIcon: (props: IconProps) => React.JSX.Element;
-declare const EyeIcon: (props: IconProps) => React.JSX.Element;
-declare const EyeOffIcon: (props: IconProps) => React.JSX.Element;
-declare const FolderIcon: (props: IconProps) => React.JSX.Element;
-declare const FolderOpenIcon: (props: IconProps) => React.JSX.Element;
-declare const FileIcon: (props: IconProps) => React.JSX.Element;
-declare const PaperclipIcon: (props: IconProps) => React.JSX.Element;
-declare const PlusIcon: (props: IconProps) => React.JSX.Element;
-declare const MinusIcon: (props: IconProps) => React.JSX.Element;
-declare const PlayIcon: (props: IconProps) => React.JSX.Element;
-declare const PauseIcon: (props: IconProps) => React.JSX.Element;
-declare const SquareIcon: (props: IconProps) => React.JSX.Element;
-declare const ArrowLeftIcon: (props: IconProps) => React.JSX.Element;
-declare const ArrowRightIcon: (props: IconProps) => React.JSX.Element;
-declare const ArrowDownIcon: (props: IconProps) => React.JSX.Element;
-declare const ArrowUpIcon: (props: IconProps) => React.JSX.Element;
-declare const DownloadIcon: (props: IconProps) => React.JSX.Element;
-declare const RefreshIcon: (props: IconProps) => React.JSX.Element;
-declare const DotIcon: (props: IconProps) => React.JSX.Element;
-declare const EllipsisIcon: (props: IconProps) => React.JSX.Element;
-declare const SpinnerIcon: (props: IconProps) => React.JSX.Element;
-declare const SearchIcon: (props: IconProps) => React.JSX.Element;
-declare const SidebarIcon: (props: IconProps) => React.JSX.Element;
-declare const TerminalIcon: (props: IconProps) => React.JSX.Element;
-declare const LinkIcon: (props: IconProps) => React.JSX.Element;
-declare const WarningIcon: (props: IconProps) => React.JSX.Element;
-declare const WrenchIcon: (props: IconProps) => React.JSX.Element;
-declare const InfoIcon: (props: IconProps) => React.JSX.Element;
-declare const ImageIcon: (props: IconProps) => React.JSX.Element;
-declare const MonitorIcon: (props: IconProps) => React.JSX.Element;
-declare const MaximizeIcon: (props: IconProps) => React.JSX.Element;
-//#endregion
-export { RefreshIcon as A, MinusIcon as C, PencilIcon as D, PauseIcon as E, TerminalIcon as F, WarningIcon as I, WrenchIcon as L, SidebarIcon as M, SpinnerIcon as N, PlayIcon as O, SquareIcon as P, XIcon as R, MaximizeIcon as S, PaperclipIcon as T, FolderOpenIcon as _, CheckIcon as a, InfoIcon as b, ChevronRightIcon as c, DownloadIcon as d, EllipsisIcon as f, FolderIcon as g, FileIcon as h, ArrowUpIcon as i, SearchIcon as j, PlusIcon as k, CopyIcon as l, EyeOffIcon as m, ArrowLeftIcon as n, ChevronDownIcon as o, EyeIcon as p, ArrowRightIcon as r, ChevronLeftIcon as s, ArrowDownIcon as t, DotIcon as u, IconProps as v, MonitorIcon as w, LinkIcon as x, ImageIcon as y };

package/dist/icons-D2Q5n5C1.js

@@ -1,291 +0,0 @@
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/_internal/icons.tsx
-function Icon({ children, size = 16, strokeWidth = 1.75, ...props }) {
-	return /* @__PURE__ */ jsx("svg", {
-		width: size,
-		height: size,
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth,
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": "true",
-		focusable: "false",
-		...props,
-		children
-	});
-}
-const ChevronRightIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M6 3.5L10.5 8L6 12.5" })
-});
-const ChevronDownIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M3.5 6L8 10.5L12.5 6" })
-});
-const ChevronLeftIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M10 3.5L5.5 8L10 12.5" })
-});
-const CheckIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M3 8.5L6.5 12L13 4.5" })
-});
-const XIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M4 4L12 12M12 4L4 12" })
-});
-const PencilIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M11.1 2.6a1.4 1.4 0 0 1 2 2L5.5 12.2l-2.8.8.8-2.8z" })
-});
-const CopyIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [/* @__PURE__ */ jsx("rect", {
-		x: "5",
-		y: "5",
-		width: "8",
-		height: "8",
-		rx: "1.5"
-	}), /* @__PURE__ */ jsx("path", { d: "M11 5V4a1.5 1.5 0 0 0-1.5-1.5h-5A1.5 1.5 0 0 0 3 4v5A1.5 1.5 0 0 0 4.5 10.5H5" })]
-});
-const EyeIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [/* @__PURE__ */ jsx("path", { d: "M1.5 8S4 3 8 3s6.5 5 6.5 5-2.5 5-6.5 5S1.5 8 1.5 8Z" }), /* @__PURE__ */ jsx("circle", {
-		cx: "8",
-		cy: "8",
-		r: "2"
-	})]
-});
-const EyeOffIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [
-		/* @__PURE__ */ jsx("path", { d: "M2 2l12 12" }),
-		/* @__PURE__ */ jsx("path", { d: "M6.5 4A7.5 7.5 0 0 1 8 3.75c4 0 6.5 5 6.5 5a13 13 0 0 1-1.75 2.5" }),
-		/* @__PURE__ */ jsx("path", { d: "M9.85 10.08A2 2 0 0 1 6.08 6.15" }),
-		/* @__PURE__ */ jsx("path", { d: "M4.5 5.5C2.5 7 1.5 8 1.5 8s2.5 5 6.5 5c.8 0 1.55-.15 2.25-.42" })
-	]
-});
-const FolderIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M1.5 4A1.5 1.5 0 0 1 3 2.5h3l1.5 1.5H13A1.5 1.5 0 0 1 14.5 5.5v6A1.5 1.5 0 0 1 13 13H3a1.5 1.5 0 0 1-1.5-1.5V4Z" })
-});
-const FolderOpenIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [/* @__PURE__ */ jsx("path", { d: "M1.5 11.5v-7A1.5 1.5 0 0 1 3 3h3l1.5 1.5H13A1.5 1.5 0 0 1 14.5 6v1" }), /* @__PURE__ */ jsx("path", { d: "M1.5 11.5 3.5 7H15l-2 4.5H1.5Z" })]
-});
-const FileIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [/* @__PURE__ */ jsx("path", { d: "M9 1.5H4A1.5 1.5 0 0 0 2.5 3v10A1.5 1.5 0 0 0 4 14.5h8A1.5 1.5 0 0 0 13.5 13V6L9 1.5Z" }), /* @__PURE__ */ jsx("path", { d: "M9 1.5V6h4.5" })]
-});
-const PaperclipIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [/* @__PURE__ */ jsx("path", { d: "M5.25 8.25 9.9 3.6a2.45 2.45 0 0 1 3.5 3.45l-5.6 5.6a3.25 3.25 0 0 1-4.6-4.6l5.4-5.4" }), /* @__PURE__ */ jsx("path", { d: "M6.6 9.6 11 5.2" })]
-});
-const PlusIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M8 3v10M3 8h10" })
-});
-const MinusIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M3 8h10" })
-});
-const PlayIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", {
-		d: "M4 3l9 5-9 5V3Z",
-		fill: "currentColor"
-	})
-});
-const PauseIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [/* @__PURE__ */ jsx("path", { d: "M5.5 3.5v9" }), /* @__PURE__ */ jsx("path", { d: "M10.5 3.5v9" })]
-});
-const SquareIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("rect", {
-		x: "3.5",
-		y: "3.5",
-		width: "9",
-		height: "9",
-		rx: "1"
-	})
-});
-const ArrowLeftIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M13 8H3M7 4L3 8l4 4" })
-});
-const ArrowRightIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M3 8h10M9 4l4 4-4 4" })
-});
-const ArrowDownIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M8 3v10M4 9l4 4 4-4" })
-});
-const ArrowUpIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M8 13V3M4 7l4-4 4 4" })
-});
-const DownloadIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [/* @__PURE__ */ jsx("path", { d: "M8 2v8M4 7l4 4 4-4" }), /* @__PURE__ */ jsx("path", { d: "M2.5 13.5h11" })]
-});
-const RefreshIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [
-		/* @__PURE__ */ jsx("path", { d: "M13.5 3v3h-3" }),
-		/* @__PURE__ */ jsx("path", { d: "M2.5 13v-3h3" }),
-		/* @__PURE__ */ jsx("path", { d: "M3.5 7a5 5 0 0 1 8.5-2L13.5 6" }),
-		/* @__PURE__ */ jsx("path", { d: "M12.5 9a5 5 0 0 1-8.5 2L2.5 10" })
-	]
-});
-const DotIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("circle", {
-		cx: "8",
-		cy: "8",
-		r: "2.5",
-		fill: "currentColor",
-		stroke: "none"
-	})
-});
-const EllipsisIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [
-		/* @__PURE__ */ jsx("circle", {
-			cx: "3.5",
-			cy: "8",
-			r: "0.75",
-			fill: "currentColor",
-			stroke: "none"
-		}),
-		/* @__PURE__ */ jsx("circle", {
-			cx: "8",
-			cy: "8",
-			r: "0.75",
-			fill: "currentColor",
-			stroke: "none"
-		}),
-		/* @__PURE__ */ jsx("circle", {
-			cx: "12.5",
-			cy: "8",
-			r: "0.75",
-			fill: "currentColor",
-			stroke: "none"
-		})
-	]
-});
-const SpinnerIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M8 1.5A6.5 6.5 0 1 1 1.5 8" })
-});
-const SearchIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [/* @__PURE__ */ jsx("circle", {
-		cx: "7",
-		cy: "7",
-		r: "4.5"
-	}), /* @__PURE__ */ jsx("path", { d: "M13.5 13.5 10.5 10.5" })]
-});
-const SidebarIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [/* @__PURE__ */ jsx("rect", {
-		x: "2.5",
-		y: "2.5",
-		width: "11",
-		height: "11",
-		rx: "1.5"
-	}), /* @__PURE__ */ jsx("path", { d: "M6 2.5v11" })]
-});
-const TerminalIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [
-		/* @__PURE__ */ jsx("rect", {
-			x: "1.5",
-			y: "2.5",
-			width: "13",
-			height: "11",
-			rx: "1.5"
-		}),
-		/* @__PURE__ */ jsx("path", { d: "M4 6l2 2-2 2" }),
-		/* @__PURE__ */ jsx("path", { d: "M8.5 10h3" })
-	]
-});
-const LinkIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [/* @__PURE__ */ jsx("path", { d: "M7 9a2.5 2.5 0 0 0 3.5 0l2-2a2.5 2.5 0 0 0-3.5-3.5L8 4.5" }), /* @__PURE__ */ jsx("path", { d: "M9 7a2.5 2.5 0 0 0-3.5 0l-2 2a2.5 2.5 0 0 0 3.5 3.5L8 11.5" })]
-});
-const WarningIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [
-		/* @__PURE__ */ jsx("path", { d: "M7.13 2.4 1.3 12a1 1 0 0 0 .87 1.5h11.66a1 1 0 0 0 .87-1.5L8.87 2.4a1 1 0 0 0-1.74 0Z" }),
-		/* @__PURE__ */ jsx("path", { d: "M8 6v3.5" }),
-		/* @__PURE__ */ jsx("path", { d: "M8 11.5v.01" })
-	]
-});
-const WrenchIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	viewBox: "0 0 24 24",
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z" })
-});
-const InfoIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [
-		/* @__PURE__ */ jsx("circle", {
-			cx: "8",
-			cy: "8",
-			r: "6"
-		}),
-		/* @__PURE__ */ jsx("path", { d: "M8 7v4" }),
-		/* @__PURE__ */ jsx("path", { d: "M8 5v.01" })
-	]
-});
-const ImageIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	viewBox: "0 0 24 24",
-	...props,
-	children: [
-		/* @__PURE__ */ jsx("rect", {
-			width: "18",
-			height: "18",
-			x: "3",
-			y: "3",
-			rx: "2",
-			ry: "2"
-		}),
-		/* @__PURE__ */ jsx("circle", {
-			cx: "9",
-			cy: "9",
-			r: "2"
-		}),
-		/* @__PURE__ */ jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
-	]
-});
-const MonitorIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	viewBox: "0 0 24 24",
-	...props,
-	children: [
-		/* @__PURE__ */ jsx("rect", {
-			width: "20",
-			height: "14",
-			x: "2",
-			y: "3",
-			rx: "2"
-		}),
-		/* @__PURE__ */ jsx("path", { d: "M8 21h8" }),
-		/* @__PURE__ */ jsx("path", { d: "M12 17v4" })
-	]
-});
-const MaximizeIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [
-		/* @__PURE__ */ jsx("path", { d: "M9.5 3h3.5v3.5" }),
-		/* @__PURE__ */ jsx("path", { d: "M13 3L9 7" }),
-		/* @__PURE__ */ jsx("path", { d: "M6.5 13H3V9.5" }),
-		/* @__PURE__ */ jsx("path", { d: "M3 13l4-4" })
-	]
-});
-//#endregion
-export { SearchIcon as A, MonitorIcon as C, PlayIcon as D, PencilIcon as E, WarningIcon as F, WrenchIcon as I, XIcon as L, SpinnerIcon as M, SquareIcon as N, PlusIcon as O, TerminalIcon as P, MinusIcon as S, PauseIcon as T, FolderOpenIcon as _, CheckIcon as a, LinkIcon as b, ChevronRightIcon as c, DownloadIcon as d, EllipsisIcon as f, FolderIcon as g, FileIcon as h, ArrowUpIcon as i, SidebarIcon as j, RefreshIcon as k, CopyIcon as l, EyeOffIcon as m, ArrowLeftIcon as n, ChevronDownIcon as o, EyeIcon as p, ArrowRightIcon as r, ChevronLeftIcon as s, ArrowDownIcon as t, DotIcon as u, ImageIcon as v, PaperclipIcon as w, MaximizeIcon as x, InfoIcon as y };