braid-design-system 32.16.0 → 32.16.2

package/dist/lib/components/icons/IconFilter/IconFilter.mjs

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { Box } from "../../Box/Box.mjs";
+import { useIcon } from "../../../hooks/useIcon/index.mjs";
+import { IconFilterSvg } from "./IconFilterSvg.mjs";
+const IconFilter = (props) => {
+  const iconProps = useIcon(props);
+  return /* @__PURE__ */ jsx(Box, { component: IconFilterSvg, ...iconProps });
+};
+export {
+  IconFilter
+};

package/dist/lib/components/icons/IconFilter/IconFilterSvg.cjs

@@ -0,0 +1,21 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const IconFilterSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    xmlSpace: "preserve",
+    focusable: "false",
+    fill: "currentColor",
+    width: 16,
+    height: 16,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsxRuntime.jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 9.2V5c0-.6-.4-1-1-1s-1 .4-1 1v4.2c-1.2.4-2 1.5-2 2.8 0 1.3.9 2.4 2 2.8V19c0 .6.4 1 1 1s1-.4 1-1v-4.2c1.2-.4 2-1.5 2-2.8 0-1.3-.8-2.4-2-2.8zM5 13c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zm8 1.2V5c0-.6-.4-1-1-1s-1 .4-1 1v9.2c-1.2.4-2 1.5-2 2.8 0 1.7 1.3 3 3 3s3-1.3 3-3c0-1.3-.9-2.4-2-2.8zM12 18c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zM22 7c0-1.7-1.3-3-3-3s-3 1.3-3 3c0 1.3.9 2.4 2 2.8V19c0 .6.4 1 1 1s1-.4 1-1V9.8c1.1-.4 2-1.5 2-2.8zm-3 1c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z" })
+    ]
+  }
+);
+exports.IconFilterSvg = IconFilterSvg;

package/dist/lib/components/icons/IconFilter/IconFilterSvg.mjs

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconFilterSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    xmlSpace: "preserve",
+    focusable: "false",
+    fill: "currentColor",
+    width: 16,
+    height: 16,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx("path", { d: "M6 9.2V5c0-.6-.4-1-1-1s-1 .4-1 1v4.2c-1.2.4-2 1.5-2 2.8 0 1.3.9 2.4 2 2.8V19c0 .6.4 1 1 1s1-.4 1-1v-4.2c1.2-.4 2-1.5 2-2.8 0-1.3-.8-2.4-2-2.8zM5 13c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zm8 1.2V5c0-.6-.4-1-1-1s-1 .4-1 1v9.2c-1.2.4-2 1.5-2 2.8 0 1.7 1.3 3 3 3s3-1.3 3-3c0-1.3-.9-2.4-2-2.8zM12 18c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zM22 7c0-1.7-1.3-3-3-3s-3 1.3-3 3c0 1.3.9 2.4 2 2.8V19c0 .6.4 1 1 1s1-.4 1-1V9.8c1.1-.4 2-1.5 2-2.8zm-3 1c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z" })
+    ]
+  }
+);
+export {
+  IconFilterSvg
+};

package/dist/lib/components/icons/IconFlag/IconFlag.cjs

@@ -0,0 +1,10 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const lib_components_Box_Box_cjs = require("../../Box/Box.cjs");
+const lib_hooks_useIcon_index_cjs = require("../../../hooks/useIcon/index.cjs");
+const lib_components_icons_IconFlag_IconFlagSvg_cjs = require("./IconFlagSvg.cjs");
+const IconFlag = (props) => {
+  const iconProps = lib_hooks_useIcon_index_cjs.useIcon(props);
+  return /* @__PURE__ */ jsxRuntime.jsx(lib_components_Box_Box_cjs.Box, { component: lib_components_icons_IconFlag_IconFlagSvg_cjs.IconFlagSvg, ...iconProps });
+};
+exports.IconFlag = IconFlag;

package/dist/lib/components/icons/IconFlag/IconFlag.mjs

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { Box } from "../../Box/Box.mjs";
+import { useIcon } from "../../../hooks/useIcon/index.mjs";
+import { IconFlagSvg } from "./IconFlagSvg.mjs";
+const IconFlag = (props) => {
+  const iconProps = useIcon(props);
+  return /* @__PURE__ */ jsx(Box, { component: IconFlagSvg, ...iconProps });
+};
+export {
+  IconFlag
+};

package/dist/lib/components/icons/IconFlag/IconFlagSvg.cjs

@@ -0,0 +1,20 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const IconFlagSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 24 24",
+    focusable: "false",
+    fill: "currentColor",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsxRuntime.jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.41 2.967a1.031 1.031 0 0 0-1.08.148 4.778 4.778 0 0 1-2.83.599 8.47 8.47 0 0 1-3.135-.788A10.177 10.177 0 0 0 8.5 2c-2.887 0-4.005.952-4.2 1.144a1 1 0 0 0-.3.713V21a1 1 0 0 0 2 0v-6.298a6.167 6.167 0 0 1 2.5-.416 8.47 8.47 0 0 1 3.135.788A10.177 10.177 0 0 0 15.5 16c2.887 0 4.005-.952 4.2-1.144a1 1 0 0 0 .3-.713V3.857a.996.996 0 0 0-.59-.89ZM18 13.584a6.174 6.174 0 0 1-2.5.416 8.47 8.47 0 0 1-3.135-.788 10.178 10.178 0 0 0-3.865-.926 9.467 9.467 0 0 0-2.5.298V4.416A6.174 6.174 0 0 1 8.5 4a8.47 8.47 0 0 1 3.135.788 10.178 10.178 0 0 0 3.865.926 9.467 9.467 0 0 0 2.5-.298Z" })
+    ]
+  }
+);
+exports.IconFlagSvg = IconFlagSvg;

package/dist/lib/components/icons/IconFlag/IconFlagSvg.mjs

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconFlagSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 24 24",
+    focusable: "false",
+    fill: "currentColor",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx("path", { d: "M19.41 2.967a1.031 1.031 0 0 0-1.08.148 4.778 4.778 0 0 1-2.83.599 8.47 8.47 0 0 1-3.135-.788A10.177 10.177 0 0 0 8.5 2c-2.887 0-4.005.952-4.2 1.144a1 1 0 0 0-.3.713V21a1 1 0 0 0 2 0v-6.298a6.167 6.167 0 0 1 2.5-.416 8.47 8.47 0 0 1 3.135.788A10.177 10.177 0 0 0 15.5 16c2.887 0 4.005-.952 4.2-1.144a1 1 0 0 0 .3-.713V3.857a.996.996 0 0 0-.59-.89ZM18 13.584a6.174 6.174 0 0 1-2.5.416 8.47 8.47 0 0 1-3.135-.788 10.178 10.178 0 0 0-3.865-.926 9.467 9.467 0 0 0-2.5.298V4.416A6.174 6.174 0 0 1 8.5 4a8.47 8.47 0 0 1 3.135.788 10.178 10.178 0 0 0 3.865.926 9.467 9.467 0 0 0 2.5-.298Z" })
+    ]
+  }
+);
+export {
+  IconFlagSvg
+};

package/dist/lib/components/icons/IconGrid/IconGrid.cjs

@@ -0,0 +1,10 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const lib_components_Box_Box_cjs = require("../../Box/Box.cjs");
+const lib_hooks_useIcon_index_cjs = require("../../../hooks/useIcon/index.cjs");
+const lib_components_icons_IconGrid_IconGridSvg_cjs = require("./IconGridSvg.cjs");
+const IconGrid = (props) => {
+  const iconProps = lib_hooks_useIcon_index_cjs.useIcon(props);
+  return /* @__PURE__ */ jsxRuntime.jsx(lib_components_Box_Box_cjs.Box, { component: lib_components_icons_IconGrid_IconGridSvg_cjs.IconGridSvg, ...iconProps });
+};
+exports.IconGrid = IconGrid;

package/dist/lib/components/icons/IconGrid/IconGrid.mjs

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { Box } from "../../Box/Box.mjs";
+import { useIcon } from "../../../hooks/useIcon/index.mjs";
+import { IconGridSvg } from "./IconGridSvg.mjs";
+const IconGrid = (props) => {
+  const iconProps = useIcon(props);
+  return /* @__PURE__ */ jsx(Box, { component: IconGridSvg, ...iconProps });
+};
+export {
+  IconGrid
+};

package/dist/lib/components/icons/IconGrid/IconGridSvg.cjs

@@ -0,0 +1,21 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const IconGridSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    xmlSpace: "preserve",
+    focusable: "false",
+    fill: "currentColor",
+    width: 16,
+    height: 16,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsxRuntime.jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 3H6C4.3 3 3 4.3 3 6v2c0 1.7 1.3 3 3 3h2c1.7 0 3-1.3 3-3V6c0-1.7-1.3-3-3-3zm1 5c0 .6-.4 1-1 1H6c-.6 0-1-.4-1-1V6c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v2zm-1 5H6c-1.7 0-3 1.3-3 3v2c0 1.7 1.3 3 3 3h2c1.7 0 3-1.3 3-3v-2c0-1.7-1.3-3-3-3zm1 5c0 .6-.4 1-1 1H6c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v2zm9-15h-2c-1.7 0-3 1.3-3 3v2c0 1.7 1.3 3 3 3h2c1.7 0 3-1.3 3-3V6c0-1.7-1.3-3-3-3zm1 5c0 .6-.4 1-1 1h-2c-.6 0-1-.4-1-1V6c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v2zm-1 5h-2c-1.7 0-3 1.3-3 3v2c0 1.7 1.3 3 3 3h2c1.7 0 3-1.3 3-3v-2c0-1.7-1.3-3-3-3zm1 5c0 .6-.4 1-1 1h-2c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v2z" })
+    ]
+  }
+);
+exports.IconGridSvg = IconGridSvg;

package/dist/lib/components/icons/IconGrid/IconGridSvg.mjs

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconGridSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    xmlSpace: "preserve",
+    focusable: "false",
+    fill: "currentColor",
+    width: 16,
+    height: 16,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx("path", { d: "M8 3H6C4.3 3 3 4.3 3 6v2c0 1.7 1.3 3 3 3h2c1.7 0 3-1.3 3-3V6c0-1.7-1.3-3-3-3zm1 5c0 .6-.4 1-1 1H6c-.6 0-1-.4-1-1V6c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v2zm-1 5H6c-1.7 0-3 1.3-3 3v2c0 1.7 1.3 3 3 3h2c1.7 0 3-1.3 3-3v-2c0-1.7-1.3-3-3-3zm1 5c0 .6-.4 1-1 1H6c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v2zm9-15h-2c-1.7 0-3 1.3-3 3v2c0 1.7 1.3 3 3 3h2c1.7 0 3-1.3 3-3V6c0-1.7-1.3-3-3-3zm1 5c0 .6-.4 1-1 1h-2c-.6 0-1-.4-1-1V6c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v2zm-1 5h-2c-1.7 0-3 1.3-3 3v2c0 1.7 1.3 3 3 3h2c1.7 0 3-1.3 3-3v-2c0-1.7-1.3-3-3-3zm1 5c0 .6-.4 1-1 1h-2c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v2z" })
+    ]
+  }
+);
+export {
+  IconGridSvg
+};

package/dist/lib/components/icons/IconHeart/IconHeart.cjs

@@ -0,0 +1,17 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const lib_components_Box_Box_cjs = require("../../Box/Box.cjs");
+const lib_hooks_useIcon_index_cjs = require("../../../hooks/useIcon/index.cjs");
+const lib_components_icons_IconHeart_IconHeartSvg_cjs = require("./IconHeartSvg.cjs");
+const lib_components_icons_IconHeart_IconHeartActiveSvg_cjs = require("./IconHeartActiveSvg.cjs");
+const IconHeart = ({ active = false, ...props }) => {
+  const iconProps = lib_hooks_useIcon_index_cjs.useIcon(props);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    lib_components_Box_Box_cjs.Box,
+    {
+      component: active ? lib_components_icons_IconHeart_IconHeartActiveSvg_cjs.IconHeartActiveSvg : lib_components_icons_IconHeart_IconHeartSvg_cjs.IconHeartSvg,
+      ...iconProps
+    }
+  );
+};
+exports.IconHeart = IconHeart;

package/dist/lib/components/icons/IconHeart/IconHeart.mjs

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { Box } from "../../Box/Box.mjs";
+import { useIcon } from "../../../hooks/useIcon/index.mjs";
+import { IconHeartSvg } from "./IconHeartSvg.mjs";
+import { IconHeartActiveSvg } from "./IconHeartActiveSvg.mjs";
+const IconHeart = ({ active = false, ...props }) => {
+  const iconProps = useIcon(props);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: active ? IconHeartActiveSvg : IconHeartSvg,
+      ...iconProps
+    }
+  );
+};
+export {
+  IconHeart
+};

package/dist/lib/components/icons/IconHeart/IconHeartActiveSvg.cjs

@@ -0,0 +1,21 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const IconHeartActiveSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    xmlSpace: "preserve",
+    focusable: "false",
+    fill: "currentColor",
+    width: 16,
+    height: 16,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsxRuntime.jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.7 4c-.1 0-.1 0 0 0-1.4 0-2.7.5-3.7 1.3C11 4.5 9.7 4 8.4 4 5.5 4 3 6.3 3 9.3c0 4 5 8.9 8.6 10.6.1.1.3.1.4.1s.3 0 .4-.1C16 18.2 21 13.3 21 9.3c0-3-2.4-5.3-5.3-5.3z" })
+    ]
+  }
+);
+exports.IconHeartActiveSvg = IconHeartActiveSvg;

package/dist/lib/components/icons/IconHeart/IconHeartActiveSvg.mjs

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconHeartActiveSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    xmlSpace: "preserve",
+    focusable: "false",
+    fill: "currentColor",
+    width: 16,
+    height: 16,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx("path", { d: "M15.7 4c-.1 0-.1 0 0 0-1.4 0-2.7.5-3.7 1.3C11 4.5 9.7 4 8.4 4 5.5 4 3 6.3 3 9.3c0 4 5 8.9 8.6 10.6.1.1.3.1.4.1s.3 0 .4-.1C16 18.2 21 13.3 21 9.3c0-3-2.4-5.3-5.3-5.3z" })
+    ]
+  }
+);
+export {
+  IconHeartActiveSvg
+};

package/dist/lib/components/icons/IconHeart/IconHeartSvg.cjs

@@ -0,0 +1,21 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const IconHeartSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    xmlSpace: "preserve",
+    focusable: "false",
+    fill: "currentColor",
+    width: 16,
+    height: 16,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsxRuntime.jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.7 4c-.1 0-.1 0 0 0-1.4 0-2.7.5-3.7 1.3C11 4.5 9.7 4 8.4 4 5.5 4 3 6.3 3 9.3c0 4 5 8.9 8.6 10.6.1.1.3.1.4.1s.3 0 .4-.1C16 18.2 21 13.3 21 9.3c0-3-2.4-5.3-5.3-5.3zM12 17.9c-3-1.6-7-5.7-7-8.6C5 7.5 6.5 6 8.4 6h.1c1.1 0 2.1.5 2.8 1.4.4.5 1.2.5 1.6 0 .6-.9 1.6-1.4 2.7-1.4C17.5 6 19 7.5 19 9.3c0 2.9-4 7-7 8.6z" })
+    ]
+  }
+);
+exports.IconHeartSvg = IconHeartSvg;

package/dist/lib/components/icons/IconHeart/IconHeartSvg.mjs

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconHeartSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    xmlSpace: "preserve",
+    focusable: "false",
+    fill: "currentColor",
+    width: 16,
+    height: 16,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx("path", { d: "M15.7 4c-.1 0-.1 0 0 0-1.4 0-2.7.5-3.7 1.3C11 4.5 9.7 4 8.4 4 5.5 4 3 6.3 3 9.3c0 4 5 8.9 8.6 10.6.1.1.3.1.4.1s.3 0 .4-.1C16 18.2 21 13.3 21 9.3c0-3-2.4-5.3-5.3-5.3zM12 17.9c-3-1.6-7-5.7-7-8.6C5 7.5 6.5 6 8.4 6h.1c1.1 0 2.1.5 2.8 1.4.4.5 1.2.5 1.6 0 .6-.9 1.6-1.4 2.7-1.4C17.5 6 19 7.5 19 9.3c0 2.9-4 7-7 8.6z" })
+    ]
+  }
+);
+export {
+  IconHeartSvg
+};

package/dist/lib/components/icons/IconHelp/IconHelp.cjs

@@ -0,0 +1,10 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const lib_components_Box_Box_cjs = require("../../Box/Box.cjs");
+const lib_hooks_useIcon_index_cjs = require("../../../hooks/useIcon/index.cjs");
+const lib_components_icons_IconHelp_IconHelpSvg_cjs = require("./IconHelpSvg.cjs");
+const IconHelp = (props) => {
+  const iconProps = lib_hooks_useIcon_index_cjs.useIcon(props);
+  return /* @__PURE__ */ jsxRuntime.jsx(lib_components_Box_Box_cjs.Box, { component: lib_components_icons_IconHelp_IconHelpSvg_cjs.IconHelpSvg, ...iconProps });
+};
+exports.IconHelp = IconHelp;

package/dist/lib/components/icons/IconHelp/IconHelp.mjs

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { Box } from "../../Box/Box.mjs";
+import { useIcon } from "../../../hooks/useIcon/index.mjs";
+import { IconHelpSvg } from "./IconHelpSvg.mjs";
+const IconHelp = (props) => {
+  const iconProps = useIcon(props);
+  return /* @__PURE__ */ jsx(Box, { component: IconHelpSvg, ...iconProps });
+};
+export {
+  IconHelp
+};

package/dist/lib/components/icons/IconHelp/IconHelpSvg.cjs

@@ -0,0 +1,22 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const IconHelpSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    xmlSpace: "preserve",
+    focusable: "false",
+    fill: "currentColor",
+    width: 16,
+    height: 16,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsxRuntime.jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 1C5.9 1 1 5.9 1 12s4.9 11 11 11 11-4.9 11-11S18.1 1 12 1zm0 20c-5 0-9-4-9-9s4-9 9-9 9 4 9 9-4 9-9 9z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.7 16.3c-.4-.4-1.1-.4-1.4 0-.1.1-.2.2-.2.3 0 .1-.1.2-.1.4 0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3c.1-.1.2-.2.2-.3 0-.1.1-.2.1-.4s0-.3-.1-.4c0-.1-.1-.2-.2-.3zm.6-10.1c-2-.7-4.3.4-5.1 2.5-.2.5.1 1 .6 1.2.5.2 1.1-.1 1.3-.6.4-1 1.5-1.6 2.6-1.2.8.3 1.3 1 1.3 1.9 0 .5-.3.7-1.3 1.2-.7.3-1.7.8-1.7 1.8 0 .6.4 1 1 1 .5 0 .9-.3 1-.7.1-.1.4-.2.6-.3.9-.4 2.5-1.2 2.5-3-.1-1.7-1.2-3.2-2.8-3.8z" })
+    ]
+  }
+);
+exports.IconHelpSvg = IconHelpSvg;

package/dist/lib/components/icons/IconHelp/IconHelpSvg.mjs

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconHelpSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    xmlSpace: "preserve",
+    focusable: "false",
+    fill: "currentColor",
+    width: 16,
+    height: 16,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx("path", { d: "M12 1C5.9 1 1 5.9 1 12s4.9 11 11 11 11-4.9 11-11S18.1 1 12 1zm0 20c-5 0-9-4-9-9s4-9 9-9 9 4 9 9-4 9-9 9z" }),
+      /* @__PURE__ */ jsx("path", { d: "M12.7 16.3c-.4-.4-1.1-.4-1.4 0-.1.1-.2.2-.2.3 0 .1-.1.2-.1.4 0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3c.1-.1.2-.2.2-.3 0-.1.1-.2.1-.4s0-.3-.1-.4c0-.1-.1-.2-.2-.3zm.6-10.1c-2-.7-4.3.4-5.1 2.5-.2.5.1 1 .6 1.2.5.2 1.1-.1 1.3-.6.4-1 1.5-1.6 2.6-1.2.8.3 1.3 1 1.3 1.9 0 .5-.3.7-1.3 1.2-.7.3-1.7.8-1.7 1.8 0 .6.4 1 1 1 .5 0 .9-.3 1-.7.1-.1.4-.2.6-.3.9-.4 2.5-1.2 2.5-3-.1-1.7-1.2-3.2-2.8-3.8z" })
+    ]
+  }
+);
+export {
+  IconHelpSvg
+};

package/dist/lib/components/icons/IconHistory/IconHistory.cjs

@@ -0,0 +1,10 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const lib_components_Box_Box_cjs = require("../../Box/Box.cjs");
+const lib_hooks_useIcon_index_cjs = require("../../../hooks/useIcon/index.cjs");
+const lib_components_icons_IconHistory_IconHistorySvg_cjs = require("./IconHistorySvg.cjs");
+const IconHistory = (props) => {
+  const iconProps = lib_hooks_useIcon_index_cjs.useIcon(props);
+  return /* @__PURE__ */ jsxRuntime.jsx(lib_components_Box_Box_cjs.Box, { component: lib_components_icons_IconHistory_IconHistorySvg_cjs.IconHistorySvg, ...iconProps });
+};
+exports.IconHistory = IconHistory;

package/dist/lib/components/icons/IconHistory/IconHistory.mjs

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { Box } from "../../Box/Box.mjs";
+import { useIcon } from "../../../hooks/useIcon/index.mjs";
+import { IconHistorySvg } from "./IconHistorySvg.mjs";
+const IconHistory = (props) => {
+  const iconProps = useIcon(props);
+  return /* @__PURE__ */ jsx(Box, { component: IconHistorySvg, ...iconProps });
+};
+export {
+  IconHistory
+};

package/dist/lib/components/icons/IconHistory/IconHistorySvg.cjs

@@ -0,0 +1,22 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const IconHistorySvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    xmlSpace: "preserve",
+    focusable: "false",
+    fill: "currentColor",
+    width: 16,
+    height: 16,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsxRuntime.jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 6c-.6 0-1 .4-1 1v5c0 .4.2.7.6.9l4 2c.1.1.2.1.4.1.4 0 .7-.2.9-.6.2-.5 0-1.1-.4-1.3L13 11.4V7c0-.6-.4-1-1-1z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.1 4.9C15.2 1 8.8 1 4.9 4.9 3.3 6.6 2.3 8.7 2 11H1c-.4 0-.8.2-.9.6-.2.4-.1.8.2 1.1l2 2c.2.2.4.3.7.3s.5-.1.7-.3l2-2c.3-.3.4-.7.2-1.1-.1-.4-.5-.6-.9-.6h-.9c.2-1.8 1-3.4 2.3-4.7 3.1-3.1 8.2-3.1 11.3 0 3.1 3.1 3.1 8.2 0 11.3-3.1 3.1-8.2 3.1-11.3 0-.4-.4-1-.4-1.4 0s-.4 1 0 1.4c1.9 2 4.4 3 7 3 2.6 0 5.1-1 7.1-2.9 3.9-3.9 3.9-10.3 0-14.2z" })
+    ]
+  }
+);
+exports.IconHistorySvg = IconHistorySvg;

package/dist/lib/components/icons/IconHistory/IconHistorySvg.mjs

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconHistorySvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    xmlSpace: "preserve",
+    focusable: "false",
+    fill: "currentColor",
+    width: 16,
+    height: 16,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx("path", { d: "M12 6c-.6 0-1 .4-1 1v5c0 .4.2.7.6.9l4 2c.1.1.2.1.4.1.4 0 .7-.2.9-.6.2-.5 0-1.1-.4-1.3L13 11.4V7c0-.6-.4-1-1-1z" }),
+      /* @__PURE__ */ jsx("path", { d: "M19.1 4.9C15.2 1 8.8 1 4.9 4.9 3.3 6.6 2.3 8.7 2 11H1c-.4 0-.8.2-.9.6-.2.4-.1.8.2 1.1l2 2c.2.2.4.3.7.3s.5-.1.7-.3l2-2c.3-.3.4-.7.2-1.1-.1-.4-.5-.6-.9-.6h-.9c.2-1.8 1-3.4 2.3-4.7 3.1-3.1 8.2-3.1 11.3 0 3.1 3.1 3.1 8.2 0 11.3-3.1 3.1-8.2 3.1-11.3 0-.4-.4-1-.4-1.4 0s-.4 1 0 1.4c1.9 2 4.4 3 7 3 2.6 0 5.1-1 7.1-2.9 3.9-3.9 3.9-10.3 0-14.2z" })
+    ]
+  }
+);
+export {
+  IconHistorySvg
+};

package/dist/lib/components/icons/IconHome/IconHome.cjs

@@ -0,0 +1,10 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const lib_components_Box_Box_cjs = require("../../Box/Box.cjs");
+const lib_hooks_useIcon_index_cjs = require("../../../hooks/useIcon/index.cjs");
+const lib_components_icons_IconHome_IconHomeSvg_cjs = require("./IconHomeSvg.cjs");
+const IconHome = (props) => {
+  const iconProps = lib_hooks_useIcon_index_cjs.useIcon(props);
+  return /* @__PURE__ */ jsxRuntime.jsx(lib_components_Box_Box_cjs.Box, { component: lib_components_icons_IconHome_IconHomeSvg_cjs.IconHomeSvg, ...iconProps });
+};
+exports.IconHome = IconHome;

package/dist/lib/components/icons/IconHome/IconHome.mjs

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { Box } from "../../Box/Box.mjs";
+import { useIcon } from "../../../hooks/useIcon/index.mjs";
+import { IconHomeSvg } from "./IconHomeSvg.mjs";
+const IconHome = (props) => {
+  const iconProps = useIcon(props);
+  return /* @__PURE__ */ jsx(Box, { component: IconHomeSvg, ...iconProps });
+};
+export {
+  IconHome
+};

package/dist/lib/components/icons/IconHome/IconHomeSvg.cjs

@@ -0,0 +1,21 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const IconHomeSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    xmlSpace: "preserve",
+    focusable: "false",
+    fill: "currentColor",
+    width: 16,
+    height: 16,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsxRuntime.jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m20.7 9.2-8-7c-.4-.3-.9-.3-1.3 0l-8 7c-.3.2-.4.5-.4.8v11c0 .6.4 1 1 1h16c.6 0 1-.4 1-1V10c0-.3-.1-.6-.3-.8zM19 20h-5v-4c0-.6-.4-1-1-1h-2c-.6 0-1 .4-1 1v4H5v-9.5l7-6.1 7 6.1V20z" })
+    ]
+  }
+);
+exports.IconHomeSvg = IconHomeSvg;

package/dist/lib/components/icons/IconHome/IconHomeSvg.mjs

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconHomeSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    xmlSpace: "preserve",
+    focusable: "false",
+    fill: "currentColor",
+    width: 16,
+    height: 16,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx("path", { d: "m20.7 9.2-8-7c-.4-.3-.9-.3-1.3 0l-8 7c-.3.2-.4.5-.4.8v11c0 .6.4 1 1 1h16c.6 0 1-.4 1-1V10c0-.3-.1-.6-.3-.8zM19 20h-5v-4c0-.6-.4-1-1-1h-2c-.6 0-1 .4-1 1v4H5v-9.5l7-6.1 7 6.1V20z" })
+    ]
+  }
+);
+export {
+  IconHomeSvg
+};

package/dist/lib/components/icons/IconImage/IconImage.cjs

@@ -0,0 +1,10 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const lib_components_Box_Box_cjs = require("../../Box/Box.cjs");
+const lib_hooks_useIcon_index_cjs = require("../../../hooks/useIcon/index.cjs");
+const lib_components_icons_IconImage_IconImageSvg_cjs = require("./IconImageSvg.cjs");
+const IconImage = (props) => {
+  const iconProps = lib_hooks_useIcon_index_cjs.useIcon(props);
+  return /* @__PURE__ */ jsxRuntime.jsx(lib_components_Box_Box_cjs.Box, { component: lib_components_icons_IconImage_IconImageSvg_cjs.IconImageSvg, ...iconProps });
+};
+exports.IconImage = IconImage;

package/dist/lib/components/icons/IconImage/IconImage.mjs

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { Box } from "../../Box/Box.mjs";
+import { useIcon } from "../../../hooks/useIcon/index.mjs";
+import { IconImageSvg } from "./IconImageSvg.mjs";
+const IconImage = (props) => {
+  const iconProps = useIcon(props);
+  return /* @__PURE__ */ jsx(Box, { component: IconImageSvg, ...iconProps });
+};
+export {
+  IconImage
+};

package/dist/lib/components/icons/IconImage/IconImageSvg.cjs

@@ -0,0 +1,22 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const IconImageSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    xmlSpace: "preserve",
+    focusable: "false",
+    fill: "currentColor",
+    width: 16,
+    height: 16,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsxRuntime.jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 2H5C3.3 2 2 3.3 2 5v14c0 1.7 1.3 3 3 3h14c1.7 0 3-1.3 3-3V5c0-1.7-1.3-3-3-3zM4 5c0-.6.4-1 1-1h14c.6 0 1 .4 1 1v7.6L17.4 10c-.8-.8-2.1-.8-2.8 0l-9.9 9.9c-.4-.1-.7-.5-.7-.9V5zm15 15H7.4l8.6-8.6 4 4V19c0 .6-.4 1-1 1z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 8, cy: 8, r: 2 })
+    ]
+  }
+);
+exports.IconImageSvg = IconImageSvg;

package/dist/lib/components/icons/IconImage/IconImageSvg.mjs

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconImageSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    xmlSpace: "preserve",
+    focusable: "false",
+    fill: "currentColor",
+    width: 16,
+    height: 16,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx("path", { d: "M19 2H5C3.3 2 2 3.3 2 5v14c0 1.7 1.3 3 3 3h14c1.7 0 3-1.3 3-3V5c0-1.7-1.3-3-3-3zM4 5c0-.6.4-1 1-1h14c.6 0 1 .4 1 1v7.6L17.4 10c-.8-.8-2.1-.8-2.8 0l-9.9 9.9c-.4-.1-.7-.5-.7-.9V5zm15 15H7.4l8.6-8.6 4 4V19c0 .6-.4 1-1 1z" }),
+      /* @__PURE__ */ jsx("circle", { cx: 8, cy: 8, r: 2 })
+    ]
+  }
+);
+export {
+  IconImageSvg
+};

package/dist/lib/components/icons/IconInfo/IconInfo.cjs

@@ -0,0 +1,10 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const lib_components_Box_Box_cjs = require("../../Box/Box.cjs");
+const lib_hooks_useIcon_index_cjs = require("../../../hooks/useIcon/index.cjs");
+const lib_components_icons_IconInfo_IconInfoSvg_cjs = require("./IconInfoSvg.cjs");
+const IconInfo = (props) => {
+  const iconProps = lib_hooks_useIcon_index_cjs.useIcon(props);
+  return /* @__PURE__ */ jsxRuntime.jsx(lib_components_Box_Box_cjs.Box, { component: lib_components_icons_IconInfo_IconInfoSvg_cjs.IconInfoSvg, ...iconProps });
+};
+exports.IconInfo = IconInfo;