@hive-ui/icons 0.1.0 → 0.2.1

package/dist/ChevronDownIcon.d.mts

@@ -0,0 +1,18 @@
+import { IconWrapperProps } from "./helpers/IconWrapper.mjs";
+import * as _$react from "react";
+import * as _$_hive_ui_box0 from "@hive-ui/box";
+import * as _$_hive_ui_style_props0 from "@hive-ui/style-props";
+
+//#region src/ChevronDownIcon.d.ts
+type ChevronDownIconProps = IconWrapperProps & {
+  title?: string;
+  decorative: boolean;
+};
+declare const ChevronDownIcon: _$react.ForwardRefExoticComponent<Pick<_$_hive_ui_box0.BoxProps<"span">, "as" | "children" | "color" | "display" | "element"> & {
+  size?: _$_hive_ui_style_props0.IconSize;
+} & {
+  title?: string;
+  decorative: boolean;
+} & _$react.RefAttributes<HTMLElement>>;
+//#endregion
+export { ChevronDownIcon, ChevronDownIconProps };

package/dist/ChevronDownIcon.mjs

@@ -0,0 +1,36 @@
+import { IconWrapper } from "./helpers/IconWrapper.mjs";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/ChevronDownIcon.tsx
+const ChevronDownIcon = forwardRef(({ as, display, element = "ICON", size, color, title, decorative }, ref) => {
+	const titleId = `ChevronDownIcon-${useId()}`;
+	if (!decorative && title == null) throw new Error("[ChevronDownIcon]: Missing a title for non-decorative icon.");
+	return /* @__PURE__ */ jsx(IconWrapper, {
+		as,
+		display,
+		element,
+		size,
+		color,
+		ref,
+		children: /* @__PURE__ */ jsxs("svg", {
+			role: "img",
+			"aria-hidden": decorative,
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "100%",
+			height: "100%",
+			viewBox: "0 0 20 20",
+			"aria-labelledby": titleId,
+			children: [title ? /* @__PURE__ */ jsx("title", {
+				id: titleId,
+				children: title
+			}) : null, /* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				fillRule: "evenodd",
+				d: "M6.293 8.293a1 1 0 011.32-.083l.094.083L10 10.585l2.293-2.292a1 1 0 011.32-.083l.094.083a1 1 0 01.083 1.32l-.083.094-3 3a1 1 0 01-1.32.083l-.094-.083-3-3a1 1 0 010-1.414z"
+			})]
+		})
+	});
+});
+ChevronDownIcon.displayName = "ChevronDownIcon";
+//#endregion
+export { ChevronDownIcon };

package/dist/ChevronRightIcon.d.mts

@@ -0,0 +1,18 @@
+import { IconWrapperProps } from "./helpers/IconWrapper.mjs";
+import * as _$react from "react";
+import * as _$_hive_ui_box0 from "@hive-ui/box";
+import * as _$_hive_ui_style_props0 from "@hive-ui/style-props";
+
+//#region src/ChevronRightIcon.d.ts
+type ChevronRightIconProps = IconWrapperProps & {
+  title?: string;
+  decorative: boolean;
+};
+declare const ChevronRightIcon: _$react.ForwardRefExoticComponent<Pick<_$_hive_ui_box0.BoxProps<"span">, "as" | "children" | "color" | "display" | "element"> & {
+  size?: _$_hive_ui_style_props0.IconSize;
+} & {
+  title?: string;
+  decorative: boolean;
+} & _$react.RefAttributes<HTMLElement>>;
+//#endregion
+export { ChevronRightIcon, ChevronRightIconProps };

package/dist/ChevronRightIcon.mjs

@@ -0,0 +1,36 @@
+import { IconWrapper } from "./helpers/IconWrapper.mjs";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/ChevronRightIcon.tsx
+const ChevronRightIcon = forwardRef(({ as, display, element = "ICON", size, color, title, decorative }, ref) => {
+	const titleId = `ChevronRightIcon-${useId()}`;
+	if (!decorative && title == null) throw new Error("[ChevronRightIcon]: Missing a title for non-decorative icon.");
+	return /* @__PURE__ */ jsx(IconWrapper, {
+		as,
+		display,
+		element,
+		size,
+		color,
+		ref,
+		children: /* @__PURE__ */ jsxs("svg", {
+			role: "img",
+			"aria-hidden": decorative,
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "100%",
+			height: "100%",
+			viewBox: "0 0 20 20",
+			"aria-labelledby": titleId,
+			children: [title ? /* @__PURE__ */ jsx("title", {
+				id: titleId,
+				children: title
+			}) : null, /* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				fillRule: "evenodd",
+				d: "M9.707 6.293a1 1 0 00-1.497 1.32l.083.094L10.585 10l-2.292 2.293a1 1 0 00-.083 1.32l.083.094a1 1 0 001.32.083l.094-.083 3-3a1 1 0 00.083-1.32l-.083-.094-3-3z"
+			})]
+		})
+	});
+});
+ChevronRightIcon.displayName = "ChevronRightIcon";
+//#endregion
+export { ChevronRightIcon };

package/dist/ChevronUpIcon.d.mts

@@ -0,0 +1,18 @@
+import { IconWrapperProps } from "./helpers/IconWrapper.mjs";
+import * as _$react from "react";
+import * as _$_hive_ui_box0 from "@hive-ui/box";
+import * as _$_hive_ui_style_props0 from "@hive-ui/style-props";
+
+//#region src/ChevronUpIcon.d.ts
+type ChevronUpIconProps = IconWrapperProps & {
+  title?: string;
+  decorative: boolean;
+};
+declare const ChevronUpIcon: _$react.ForwardRefExoticComponent<Pick<_$_hive_ui_box0.BoxProps<"span">, "as" | "children" | "color" | "display" | "element"> & {
+  size?: _$_hive_ui_style_props0.IconSize;
+} & {
+  title?: string;
+  decorative: boolean;
+} & _$react.RefAttributes<HTMLElement>>;
+//#endregion
+export { ChevronUpIcon, ChevronUpIconProps };

package/dist/ChevronUpIcon.mjs

@@ -0,0 +1,36 @@
+import { IconWrapper } from "./helpers/IconWrapper.mjs";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/ChevronUpIcon.tsx
+const ChevronUpIcon = forwardRef(({ as, display, element = "ICON", size, color, title, decorative }, ref) => {
+	const titleId = `ChevronUpIcon-${useId()}`;
+	if (!decorative && title == null) throw new Error("[ChevronUpIcon]: Missing a title for non-decorative icon.");
+	return /* @__PURE__ */ jsx(IconWrapper, {
+		as,
+		display,
+		element,
+		size,
+		color,
+		ref,
+		children: /* @__PURE__ */ jsxs("svg", {
+			role: "img",
+			"aria-hidden": decorative,
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "100%",
+			height: "100%",
+			viewBox: "0 0 20 20",
+			"aria-labelledby": titleId,
+			children: [title ? /* @__PURE__ */ jsx("title", {
+				id: titleId,
+				children: title
+			}) : null, /* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				fillRule: "evenodd",
+				d: "M9.293 7.293a1 1 0 011.32-.083l.094.083 3 3a1 1 0 01-1.32 1.497l-.094-.083L10 9.415l-2.293 2.292a1 1 0 01-1.32.083l-.094-.083a1 1 0 01-.083-1.32l.083-.094 3-3z"
+			})]
+		})
+	});
+});
+ChevronUpIcon.displayName = "ChevronUpIcon";
+//#endregion
+export { ChevronUpIcon };

package/dist/ClearIcon.d.mts

@@ -0,0 +1,18 @@
+import { IconWrapperProps } from "./helpers/IconWrapper.mjs";
+import * as _$react from "react";
+import * as _$_hive_ui_box0 from "@hive-ui/box";
+import * as _$_hive_ui_style_props0 from "@hive-ui/style-props";
+
+//#region src/ClearIcon.d.ts
+type ClearIconProps = IconWrapperProps & {
+  title?: string;
+  decorative: boolean;
+};
+declare const ClearIcon: _$react.ForwardRefExoticComponent<Pick<_$_hive_ui_box0.BoxProps<"span">, "as" | "children" | "color" | "display" | "element"> & {
+  size?: _$_hive_ui_style_props0.IconSize;
+} & {
+  title?: string;
+  decorative: boolean;
+} & _$react.RefAttributes<HTMLElement>>;
+//#endregion
+export { ClearIcon, ClearIconProps };

package/dist/ClearIcon.mjs

@@ -0,0 +1,37 @@
+import { IconWrapper } from "./helpers/IconWrapper.mjs";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/ClearIcon.tsx
+const ClearIcon = forwardRef(({ as, display, element = "ICON", size, color, title, decorative }, ref) => {
+	const titleId = `ClearIcon-${useId()}`;
+	if (!decorative && title == null) throw new Error("[ClearIcon]: Missing a title for non-decorative icon.");
+	return /* @__PURE__ */ jsx(IconWrapper, {
+		as,
+		display,
+		element,
+		size,
+		color,
+		ref,
+		children: /* @__PURE__ */ jsxs("svg", {
+			role: "img",
+			"aria-hidden": decorative,
+			width: "100%",
+			height: "100%",
+			viewBox: "0 0 20 20",
+			fill: "none",
+			"aria-labelledby": titleId,
+			children: [title ? /* @__PURE__ */ jsx("title", {
+				id: titleId,
+				children: title
+			}) : null, /* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M10 16.5a6.5 6.5 0 100-13 6.5 6.5 0 000 13zm.897-6.5l1.917 1.917a.635.635 0 01-.897.897L10 10.897l-1.917 1.917a.635.635 0 01-.897-.897L9.103 10 7.186 8.083a.635.635 0 01.897-.897L10 9.103l1.917-1.917a.635.635 0 01.897.897L10.897 10z"
+			})]
+		})
+	});
+});
+ClearIcon.displayName = "ClearIcon";
+//#endregion
+export { ClearIcon };

package/dist/CloseIcon.d.mts

@@ -0,0 +1,18 @@
+import { IconWrapperProps } from "./helpers/IconWrapper.mjs";
+import * as _$react from "react";
+import * as _$_hive_ui_box0 from "@hive-ui/box";
+import * as _$_hive_ui_style_props0 from "@hive-ui/style-props";
+
+//#region src/CloseIcon.d.ts
+type CloseIconProps = IconWrapperProps & {
+  title?: string;
+  decorative: boolean;
+};
+declare const CloseIcon: _$react.ForwardRefExoticComponent<Pick<_$_hive_ui_box0.BoxProps<"span">, "as" | "children" | "color" | "display" | "element"> & {
+  size?: _$_hive_ui_style_props0.IconSize;
+} & {
+  title?: string;
+  decorative: boolean;
+} & _$react.RefAttributes<HTMLElement>>;
+//#endregion
+export { CloseIcon, CloseIconProps };

package/dist/CloseIcon.mjs

@@ -0,0 +1,36 @@
+import { IconWrapper } from "./helpers/IconWrapper.mjs";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/CloseIcon.tsx
+const CloseIcon = forwardRef(({ as, display, element = "ICON", size, color, title, decorative }, ref) => {
+	const titleId = `CloseIcon-${useId()}`;
+	if (!decorative && title == null) throw new Error("[CloseIcon]: Missing a title for non-decorative icon.");
+	return /* @__PURE__ */ jsx(IconWrapper, {
+		as,
+		display,
+		element,
+		size,
+		color,
+		ref,
+		children: /* @__PURE__ */ jsxs("svg", {
+			role: "img",
+			"aria-hidden": decorative,
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "100%",
+			height: "100%",
+			viewBox: "0 0 20 20",
+			"aria-labelledby": titleId,
+			children: [title ? /* @__PURE__ */ jsx("title", {
+				id: titleId,
+				children: title
+			}) : null, /* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				fillRule: "evenodd",
+				d: "M15.16 13.514L11.645 10l3.515-3.514a1.165 1.165 0 00-1.646-1.646L10 8.355 6.486 4.84A1.165 1.165 0 004.84 6.486L8.355 10 4.84 13.514a1.165 1.165 0 001.646 1.646L10 11.645l3.514 3.515a1.165 1.165 0 001.646-1.646z"
+			})]
+		})
+	});
+});
+CloseIcon.displayName = "CloseIcon";
+//#endregion
+export { CloseIcon };

package/dist/ErrorIcon.d.mts

@@ -0,0 +1,18 @@
+import { IconWrapperProps } from "./helpers/IconWrapper.mjs";
+import * as _$react from "react";
+import * as _$_hive_ui_box0 from "@hive-ui/box";
+import * as _$_hive_ui_style_props0 from "@hive-ui/style-props";
+
+//#region src/ErrorIcon.d.ts
+type ErrorIconProps = IconWrapperProps & {
+  title?: string;
+  decorative: boolean;
+};
+declare const ErrorIcon: _$react.ForwardRefExoticComponent<Pick<_$_hive_ui_box0.BoxProps<"span">, "as" | "children" | "color" | "display" | "element"> & {
+  size?: _$_hive_ui_style_props0.IconSize;
+} & {
+  title?: string;
+  decorative: boolean;
+} & _$react.RefAttributes<HTMLElement>>;
+//#endregion
+export { ErrorIcon, ErrorIconProps };

package/dist/ErrorIcon.mjs

@@ -0,0 +1,36 @@
+import { IconWrapper } from "./helpers/IconWrapper.mjs";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/ErrorIcon.tsx
+const ErrorIcon = forwardRef(({ as, display, element = "ICON", size, color, title, decorative }, ref) => {
+	const titleId = `ErrorIcon-${useId()}`;
+	if (!decorative && title == null) throw new Error("[ErrorIcon]: Missing a title for non-decorative icon.");
+	return /* @__PURE__ */ jsx(IconWrapper, {
+		as,
+		display,
+		element,
+		size,
+		color,
+		ref,
+		children: /* @__PURE__ */ jsxs("svg", {
+			role: "img",
+			"aria-hidden": decorative,
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "100%",
+			height: "100%",
+			viewBox: "0 0 20 20",
+			"aria-labelledby": titleId,
+			children: [title ? /* @__PURE__ */ jsx("title", {
+				id: titleId,
+				children: title
+			}) : null, /* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				fillRule: "evenodd",
+				d: "M11.247 2.517l6.236 6.236a1.764 1.764 0 010 2.494l-6.236 6.236a1.764 1.764 0 01-2.494 0l-6.236-6.236a1.764 1.764 0 010-2.494l6.236-6.236a1.764 1.764 0 012.494 0zM10 12a1 1 0 100 2 1 1 0 000-2zm.01-5h-.02c-.604 0-1.073.592-.978 1.244l.428 2.238c.04.296.278.518.557.518h.006c.279 0 .516-.222.557-.518l.428-2.238c.095-.652-.367-1.237-.978-1.244z"
+			})]
+		})
+	});
+});
+ErrorIcon.displayName = "ErrorIcon";
+//#endregion
+export { ErrorIcon };

package/dist/LinkIcon.d.mts

@@ -0,0 +1,18 @@
+import { IconWrapperProps } from "./helpers/IconWrapper.mjs";
+import * as _$react from "react";
+import * as _$_hive_ui_box0 from "@hive-ui/box";
+import * as _$_hive_ui_style_props0 from "@hive-ui/style-props";
+
+//#region src/LinkIcon.d.ts
+type LinkIconProps = IconWrapperProps & {
+  title?: string;
+  decorative: boolean;
+};
+declare const LinkIcon: _$react.ForwardRefExoticComponent<Pick<_$_hive_ui_box0.BoxProps<"span">, "as" | "children" | "color" | "display" | "element"> & {
+  size?: _$_hive_ui_style_props0.IconSize;
+} & {
+  title?: string;
+  decorative: boolean;
+} & _$react.RefAttributes<HTMLElement>>;
+//#endregion
+export { LinkIcon, LinkIconProps };

package/dist/LinkIcon.mjs

@@ -0,0 +1,43 @@
+import { IconWrapper } from "./helpers/IconWrapper.mjs";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/LinkIcon.tsx
+const LinkIcon = forwardRef(({ as, display, element = "ICON", size, color, title, decorative }, ref) => {
+	const titleId = `LinkIcon-${useId()}`;
+	if (!decorative && title == null) throw new Error("[LinkIcon]: Missing a title for non-decorative icon.");
+	return /* @__PURE__ */ jsx(IconWrapper, {
+		as,
+		display,
+		element,
+		size,
+		color,
+		ref,
+		children: /* @__PURE__ */ jsxs("svg", {
+			role: "img",
+			"aria-hidden": decorative,
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "100%",
+			height: "100%",
+			fill: "none",
+			viewBox: "0 0 20 20",
+			"aria-labelledby": titleId,
+			children: [
+				title ? /* @__PURE__ */ jsx("title", {
+					id: titleId,
+					children: title
+				}) : null,
+				/* @__PURE__ */ jsx("path", {
+					fill: "currentColor",
+					d: "M13.074 5.674a2.3 2.3 0 013.252 3.252l-2.97 2.97A2.3 2.3 0 019.869 8.92a.5.5 0 10-.808-.588 3.3 3.3 0 005.004 4.272l2.97-2.97a3.3 3.3 0 00-4.667-4.666l-.467.466a.5.5 0 10.707.707l.467-.466z"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					fill: "currentColor",
+					d: "M9.18 7.163a2.3 2.3 0 011.952 3.65.5.5 0 10.809.59A3.3 3.3 0 006.936 7.13l-2.97 2.97a3.3 3.3 0 004.667 4.667l.58-.58a.5.5 0 10-.707-.707l-.58.58a2.3 2.3 0 11-3.252-3.252l2.97-2.97c.409-.41.958-.652 1.536-.675z"
+				})
+			]
+		})
+	});
+});
+LinkIcon.displayName = "LinkIcon";
+//#endregion
+export { LinkIcon };

package/dist/MenuIcon.d.mts

@@ -0,0 +1,18 @@
+import { IconWrapperProps } from "./helpers/IconWrapper.mjs";
+import * as _$react from "react";
+import * as _$_hive_ui_box0 from "@hive-ui/box";
+import * as _$_hive_ui_style_props0 from "@hive-ui/style-props";
+
+//#region src/MenuIcon.d.ts
+type MenuIconProps = IconWrapperProps & {
+  title?: string;
+  decorative: boolean;
+};
+declare const MenuIcon: _$react.ForwardRefExoticComponent<Pick<_$_hive_ui_box0.BoxProps<"span">, "as" | "children" | "color" | "display" | "element"> & {
+  size?: _$_hive_ui_style_props0.IconSize;
+} & {
+  title?: string;
+  decorative: boolean;
+} & _$react.RefAttributes<HTMLElement>>;
+//#endregion
+export { MenuIcon, MenuIconProps };

package/dist/MenuIcon.mjs

@@ -0,0 +1,37 @@
+import { IconWrapper } from "./helpers/IconWrapper.mjs";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/MenuIcon.tsx
+const MenuIcon = forwardRef(({ as, display, element = "ICON", size, color, title, decorative }, ref) => {
+	const titleId = `MenuIcon-${useId()}`;
+	if (!decorative && title == null) throw new Error("[MenuIcon]: Missing a title for non-decorative icon.");
+	return /* @__PURE__ */ jsx(IconWrapper, {
+		as,
+		display,
+		element,
+		size,
+		color,
+		ref,
+		children: /* @__PURE__ */ jsxs("svg", {
+			role: "img",
+			"aria-hidden": decorative,
+			width: "100%",
+			height: "100%",
+			viewBox: "0 0 20 20",
+			fill: "none",
+			"aria-labelledby": titleId,
+			children: [title ? /* @__PURE__ */ jsx("title", {
+				id: titleId,
+				children: title
+			}) : null, /* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M4.496 6a.5.5 0 000 1h11.001a.5.5 0 000-1h-11zm-.5 4.002a.5.5 0 01.5-.5h11.001a.5.5 0 010 1h-11a.5.5 0 01-.5-.5zm0 3.498a.5.5 0 01.5-.5h11.001a.5.5 0 010 1h-11a.5.5 0 01-.5-.5z"
+			})]
+		})
+	});
+});
+MenuIcon.displayName = "MenuIcon";
+//#endregion
+export { MenuIcon };

package/dist/NeutralIcon.d.mts

@@ -0,0 +1,18 @@
+import { IconWrapperProps } from "./helpers/IconWrapper.mjs";
+import * as _$react from "react";
+import * as _$_hive_ui_box0 from "@hive-ui/box";
+import * as _$_hive_ui_style_props0 from "@hive-ui/style-props";
+
+//#region src/NeutralIcon.d.ts
+type NeutralIconProps = IconWrapperProps & {
+  title?: string;
+  decorative: boolean;
+};
+declare const NeutralIcon: _$react.ForwardRefExoticComponent<Pick<_$_hive_ui_box0.BoxProps<"span">, "as" | "children" | "color" | "display" | "element"> & {
+  size?: _$_hive_ui_style_props0.IconSize;
+} & {
+  title?: string;
+  decorative: boolean;
+} & _$react.RefAttributes<HTMLElement>>;
+//#endregion
+export { NeutralIcon, NeutralIconProps };

package/dist/NeutralIcon.mjs

@@ -0,0 +1,36 @@
+import { IconWrapper } from "./helpers/IconWrapper.mjs";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/NeutralIcon.tsx
+const NeutralIcon = forwardRef(({ as, display, element = "ICON", size, color, title, decorative }, ref) => {
+	const titleId = `NeutralIcon-${useId()}`;
+	if (!decorative && title == null) throw new Error("[NeutralIcon]: Missing a title for non-decorative icon.");
+	return /* @__PURE__ */ jsx(IconWrapper, {
+		as,
+		display,
+		element,
+		size,
+		color,
+		ref,
+		children: /* @__PURE__ */ jsxs("svg", {
+			role: "img",
+			"aria-hidden": decorative,
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "100%",
+			height: "100%",
+			viewBox: "0 0 20 20",
+			"aria-labelledby": titleId,
+			children: [title ? /* @__PURE__ */ jsx("title", {
+				id: titleId,
+				children: title
+			}) : null, /* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				fillRule: "evenodd",
+				d: "M10 2a8 8 0 110 16 8 8 0 010-16zm0 7c-.26.01-.528.08-.707.24-.178.158-.292.355-.292.575v3.37c0 .21.11.428.292.577.173.14.457.247.707.237.26-.008.528-.078.707-.237.178-.16.292-.355.292-.577v-3.37a.766.766 0 00-.292-.575A1.14 1.14 0 0010 9zm0-3l-.266.036c-.17.047-.318.131-.441.253l-.156.198A.958.958 0 009 6.98v.04a.728.728 0 00.086.378c.04.121.108.227.206.315.09.094.197.163.321.202.12.06.248.09.386.084l.266-.035c.17-.047.318-.131.441-.253l.156-.198A.958.958 0 0011 7.02v-.04a.728.728 0 00-.086-.378.721.721 0 00-.206-.315.757.757 0 00-.321-.202.767.767 0 00-.386-.084z"
+			})]
+		})
+	});
+});
+NeutralIcon.displayName = "NeutralIcon";
+//#endregion
+export { NeutralIcon };

package/dist/NewIcon.d.mts

@@ -0,0 +1,18 @@
+import { IconWrapperProps } from "./helpers/IconWrapper.mjs";
+import * as _$react from "react";
+import * as _$_hive_ui_box0 from "@hive-ui/box";
+import * as _$_hive_ui_style_props0 from "@hive-ui/style-props";
+
+//#region src/NewIcon.d.ts
+type NewIconProps = IconWrapperProps & {
+  title?: string;
+  decorative: boolean;
+};
+declare const NewIcon: _$react.ForwardRefExoticComponent<Pick<_$_hive_ui_box0.BoxProps<"span">, "as" | "children" | "color" | "display" | "element"> & {
+  size?: _$_hive_ui_style_props0.IconSize;
+} & {
+  title?: string;
+  decorative: boolean;
+} & _$react.RefAttributes<HTMLElement>>;
+//#endregion
+export { NewIcon, NewIconProps };

package/dist/NewIcon.mjs

@@ -0,0 +1,36 @@
+import { IconWrapper } from "./helpers/IconWrapper.mjs";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/NewIcon.tsx
+const NewIcon = forwardRef(({ as, display, element = "ICON", size, color, title, decorative }, ref) => {
+	const titleId = `NewIcon-${useId()}`;
+	if (!decorative && title == null) throw new Error("[NewIcon]: Missing a title for non-decorative icon.");
+	return /* @__PURE__ */ jsx(IconWrapper, {
+		as,
+		display,
+		element,
+		size,
+		color,
+		ref,
+		children: /* @__PURE__ */ jsxs("svg", {
+			role: "img",
+			"aria-hidden": decorative,
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "100%",
+			height: "100%",
+			viewBox: "0 0 20 20",
+			"aria-labelledby": titleId,
+			children: [title ? /* @__PURE__ */ jsx("title", {
+				id: titleId,
+				children: title
+			}) : null, /* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				fillRule: "evenodd",
+				d: "M6.991 7.507c.003-.679 1.021-.675 1.019.004-.012 2.956 1.388 4.41 4.492 4.48.673.016.66 1.021-.013 1.019-2.898-.011-4.327 1.446-4.48 4.506-.033.658-1.01.639-1.018-.02-.03-3.027-1.382-4.49-4.481-4.486-.675 0-.682-1.009-.008-1.019 3.02-.042 4.478-1.452 4.49-4.484zm.505 2.757l-.115.242c-.459.9-1.166 1.558-2.115 1.976l.176.08c.973.465 1.664 1.211 2.083 2.22l.02.05.088-.192c.464-.973 1.173-1.685 2.123-2.124l.039-.018-.118-.05c-.963-.435-1.667-1.117-2.113-2.034l-.068-.15zm10.357-8.12c.174.17.194.434.058.625l-.058.068-1.954 1.905 1.954 1.908a.482.482 0 010 .694.512.512 0 01-.641.056l-.07-.056-1.954-1.908-1.954 1.908a.511.511 0 01-.71 0 .482.482 0 01-.058-.626l.058-.068 1.954-1.908-1.954-1.905a.482.482 0 010-.693.512.512 0 01.64-.057l.07.057 1.954 1.905 1.954-1.905a.511.511 0 01.71 0z"
+			})]
+		})
+	});
+});
+NewIcon.displayName = "NewIcon";
+//#endregion
+export { NewIcon };

package/dist/SelectedIcon.d.mts

@@ -0,0 +1,11 @@
+import { IconWrapperProps } from "./helpers/IconWrapper.mjs";
+import * as _$react from "react";
+
+//#region src/SelectedIcon.d.ts
+interface SelectedIconProps extends IconWrapperProps {
+  title?: string;
+  decorative: boolean;
+}
+declare const SelectedIcon: _$react.ForwardRefExoticComponent<SelectedIconProps & _$react.RefAttributes<HTMLElement>>;
+//#endregion
+export { SelectedIcon, SelectedIconProps };

package/dist/SelectedIcon.mjs

@@ -0,0 +1,38 @@
+import { IconWrapper } from "./helpers/IconWrapper.mjs";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/SelectedIcon.tsx
+const SelectedIcon = forwardRef(({ as, display, element = "ICON", size, color, title, decorative }, ref) => {
+	const titleId = `SelectedIcon-${useId()}`;
+	if (!decorative && title == null) throw new Error("[SelectedIcon]: Missing a title for non-decorative icon.");
+	return /* @__PURE__ */ jsx(IconWrapper, {
+		as,
+		display,
+		element,
+		size,
+		color,
+		ref,
+		children: /* @__PURE__ */ jsxs("svg", {
+			role: "img",
+			"aria-hidden": decorative,
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "100%",
+			height: "100%",
+			fill: "none",
+			viewBox: "0 0 20 20",
+			"aria-labelledby": titleId,
+			children: [title ? /* @__PURE__ */ jsx("title", {
+				id: titleId,
+				children: title
+			}) : null, /* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				fillRule: "evenodd",
+				d: "M14.659 6.597a1.155 1.155 0 00-1.65 0l-4.2 4.281L6.99 9.026a1.15 1.15 0 00-1.65 0 1.207 1.207 0 000 1.682l2.643 2.694a1.151 1.151 0 001.65 0l5.024-5.123a1.206 1.206 0 000-1.682z",
+				clipRule: "evenodd"
+			})]
+		})
+	});
+});
+SelectedIcon.displayName = "SelectedIcon";
+//#endregion
+export { SelectedIcon };

package/dist/SuccessIcon.d.mts

@@ -0,0 +1,18 @@
+import { IconWrapperProps } from "./helpers/IconWrapper.mjs";
+import * as _$react from "react";
+import * as _$_hive_ui_box0 from "@hive-ui/box";
+import * as _$_hive_ui_style_props0 from "@hive-ui/style-props";
+
+//#region src/SuccessIcon.d.ts
+type SuccessIconProps = IconWrapperProps & {
+  title?: string;
+  decorative: boolean;
+};
+declare const SuccessIcon: _$react.ForwardRefExoticComponent<Pick<_$_hive_ui_box0.BoxProps<"span">, "as" | "children" | "color" | "display" | "element"> & {
+  size?: _$_hive_ui_style_props0.IconSize;
+} & {
+  title?: string;
+  decorative: boolean;
+} & _$react.RefAttributes<HTMLElement>>;
+//#endregion
+export { SuccessIcon, SuccessIconProps };

package/dist/SuccessIcon.mjs

@@ -0,0 +1,36 @@
+import { IconWrapper } from "./helpers/IconWrapper.mjs";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/SuccessIcon.tsx
+const SuccessIcon = forwardRef(({ as, display, element = "ICON", size, color, title, decorative }, ref) => {
+	const titleId = `SuccessIcon-${useId()}`;
+	if (!decorative && title == null) throw new Error("[SuccessIcon]: Missing a title for non-decorative icon.");
+	return /* @__PURE__ */ jsx(IconWrapper, {
+		as,
+		display,
+		element,
+		size,
+		color,
+		ref,
+		children: /* @__PURE__ */ jsxs("svg", {
+			role: "img",
+			"aria-hidden": decorative,
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "100%",
+			height: "100%",
+			viewBox: "0 0 20 20",
+			"aria-labelledby": titleId,
+			children: [title ? /* @__PURE__ */ jsx("title", {
+				id: titleId,
+				children: title
+			}) : null, /* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				fillRule: "evenodd",
+				d: "M10 2a8 8 0 110 16 8 8 0 010-16zm2.997 5c-.266 0-.521.106-.71.294l-3.286 3.294L7.712 9.29a1.003 1.003 0 00-1.418 1.418l1.998 1.997a1 1 0 001.418 0l3.996-3.994A1.002 1.002 0 0012.996 7z"
+			})]
+		})
+	});
+});
+SuccessIcon.displayName = "SuccessIcon";
+//#endregion
+export { SuccessIcon };

package/dist/WarningIcon.d.mts

@@ -0,0 +1,18 @@
+import { IconWrapperProps } from "./helpers/IconWrapper.mjs";
+import * as _$react from "react";
+import * as _$_hive_ui_box0 from "@hive-ui/box";
+import * as _$_hive_ui_style_props0 from "@hive-ui/style-props";
+
+//#region src/WarningIcon.d.ts
+type WarningIconProps = IconWrapperProps & {
+  title?: string;
+  decorative: boolean;
+};
+declare const WarningIcon: _$react.ForwardRefExoticComponent<Pick<_$_hive_ui_box0.BoxProps<"span">, "as" | "children" | "color" | "display" | "element"> & {
+  size?: _$_hive_ui_style_props0.IconSize;
+} & {
+  title?: string;
+  decorative: boolean;
+} & _$react.RefAttributes<HTMLElement>>;
+//#endregion
+export { WarningIcon, WarningIconProps };

package/dist/WarningIcon.mjs

@@ -0,0 +1,38 @@
+import { IconWrapper } from "./helpers/IconWrapper.mjs";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/WarningIcon.tsx
+const WarningIcon = forwardRef(({ as, display, element = "ICON", size, color, title, decorative }, ref) => {
+	const titleId = `WarningIcon-${useId()}`;
+	if (!decorative && title == null) throw new Error("[WarningIcon]: Missing a title for non-decorative icon.");
+	return /* @__PURE__ */ jsx(IconWrapper, {
+		as,
+		display,
+		element,
+		size,
+		color,
+		ref,
+		children: /* @__PURE__ */ jsxs("svg", {
+			role: "img",
+			"aria-hidden": decorative,
+			width: "100%",
+			height: "100%",
+			viewBox: "0 0 20 20",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			"aria-labelledby": titleId,
+			children: [title ? /* @__PURE__ */ jsx("title", {
+				id: titleId,
+				children: title
+			}) : null, /* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M17.798 14.791L11.316 3.744c-.582-.992-2.05-.992-2.632 0L2.202 14.79C1.625 15.776 2.354 17 3.518 17h12.964c1.164 0 1.893-1.224 1.316-2.209zM9.99 8h.02c.611.007 1.073.592.978 1.244l-.428 2.238c-.04.296-.278.518-.557.518h-.006c-.279 0-.516-.222-.557-.518l-.428-2.238C8.917 8.592 9.386 8 9.99 8zm.01 7a1 1 0 100-2 1 1 0 000 2z"
+			})]
+		})
+	});
+});
+WarningIcon.displayName = "WarningIcon";
+//#endregion
+export { WarningIcon };

package/dist/helpers/IconWrapper.d.mts

@@ -1,3 +1,4 @@
+import * as _$react from "react";
 import { BoxProps } from "@hive-ui/box";
 import { IconSize } from "@hive-ui/style-props";
 
@@ -12,5 +13,19 @@ type IconWrapperProps = Pick<BoxProps<"span">, "as" | "element" | "color" | "dis
    */
   size?: IconSize;
 };
+type GenericIconProps = IconWrapperProps & {
+  title?: string;
+  decorative: boolean;
+};
+declare const IconWrapper: _$react.ForwardRefExoticComponent<Pick<BoxProps<"span">, "as" | "children" | "color" | "display" | "element"> & {
+  /**
+   * Sets the size of the icon.
+   *
+   * @default "sizeIcon30"
+   * @type {IconSize}
+   * @memberof IconWrapperProps
+   */
+  size?: IconSize;
+} & _$react.RefAttributes<HTMLElement>>;
 //#endregion
-export { IconWrapperProps };
+export { GenericIconProps, IconWrapper, IconWrapperProps };

package/dist/index.d.mts

@@ -1,4 +1,2 @@
-import { ArrowForwardIcon, ArrowForwardIconProps } from "./ArrowForwardIcon.mjs";
-import { ChevronDisclosureIcon, ChevronDisclosureIconProps } from "./ChevronDisclosureIcon.mjs";
-import { LinkExternalIcon, LinkExternalIconProps } from "./LinkExternalIcon.mjs";
-export { ArrowForwardIcon, ArrowForwardIconProps, ChevronDisclosureIcon, ChevronDisclosureIconProps, LinkExternalIcon, LinkExternalIconProps };
+import { GenericIconProps, IconWrapper, IconWrapperProps } from "./helpers/IconWrapper.mjs";
+export { type GenericIconProps, IconWrapper, type IconWrapperProps };

package/dist/index.mjs

@@ -1,4 +1,2 @@
-import { ArrowForwardIcon } from "./ArrowForwardIcon.mjs";
-import { ChevronDisclosureIcon } from "./ChevronDisclosureIcon.mjs";
-import { LinkExternalIcon } from "./LinkExternalIcon.mjs";
-export { ArrowForwardIcon, ChevronDisclosureIcon, LinkExternalIcon };
+import { IconWrapper } from "./helpers/IconWrapper.mjs";
+export { IconWrapper };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hive-ui/icons",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "Hive UI Icons",
   "files": [
     "dist"
@@ -10,7 +10,20 @@
     ".": "./dist/index.mjs",
     "./ArrowForwardIcon": "./dist/ArrowForwardIcon.mjs",
     "./ChevronDisclosureIcon": "./dist/ChevronDisclosureIcon.mjs",
+    "./ChevronDownIcon": "./dist/ChevronDownIcon.mjs",
+    "./ChevronRightIcon": "./dist/ChevronRightIcon.mjs",
+    "./ChevronUpIcon": "./dist/ChevronUpIcon.mjs",
+    "./ClearIcon": "./dist/ClearIcon.mjs",
+    "./CloseIcon": "./dist/CloseIcon.mjs",
+    "./ErrorIcon": "./dist/ErrorIcon.mjs",
     "./LinkExternalIcon": "./dist/LinkExternalIcon.mjs",
+    "./LinkIcon": "./dist/LinkIcon.mjs",
+    "./MenuIcon": "./dist/MenuIcon.mjs",
+    "./NeutralIcon": "./dist/NeutralIcon.mjs",
+    "./NewIcon": "./dist/NewIcon.mjs",
+    "./SelectedIcon": "./dist/SelectedIcon.mjs",
+    "./SuccessIcon": "./dist/SuccessIcon.mjs",
+    "./WarningIcon": "./dist/WarningIcon.mjs",
     "./package.json": "./package.json"
   },
   "publishConfig": {
@@ -24,8 +37,8 @@
     "prepublishOnly": "vp run build"
   },
   "dependencies": {
-    "@hive-ui/box": "^0.1.0",
-    "@hive-ui/style-props": "^0.1.0"
+    "@hive-ui/box": "^0.2.1",
+    "@hive-ui/style-props": "^0.2.1"
   },
   "devDependencies": {
     "@types/node": "^25.6.2",