braid-design-system 32.16.0 → 32.16.2

package/dist/lib/components/icons/IconSocialYouTube/IconSocialYouTubeSvg.mjs

@@ -0,0 +1,25 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconSocialYouTubeSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    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: "M22.54 6.705a2.755 2.755 0 0 0-1.945-1.945C18.88 4.3 12 4.3 12 4.3s-6.88 0-8.595.46A2.755 2.755 0 0 0 1.46 6.705C1 8.42 1 12 1 12s0 3.58.46 5.295a2.755 2.755 0 0 0 1.945 1.945C5.12 19.7 12 19.7 12 19.7s6.88 0 8.595-.46a2.755 2.755 0 0 0 1.945-1.945C23 15.58 23 12 23 12s0-3.58-.46-5.295ZM9.8 15.3V8.7l5.716 3.3L9.8 15.3Z" })
+    ]
+  }
+);
+export {
+  IconSocialYouTubeSvg
+};

package/dist/lib/components/icons/IconSort/IconSort.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_IconSort_IconSortSvg_cjs = require("./IconSortSvg.cjs");
+const IconSort = (props) => {
+  const iconProps = lib_hooks_useIcon_index_cjs.useIcon(props);
+  return /* @__PURE__ */ jsxRuntime.jsx(lib_components_Box_Box_cjs.Box, { component: lib_components_icons_IconSort_IconSortSvg_cjs.IconSortSvg, ...iconProps });
+};
+exports.IconSort = IconSort;

package/dist/lib/components/icons/IconSort/IconSort.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 { IconSortSvg } from "./IconSortSvg.mjs";
+const IconSort = (props) => {
+  const iconProps = useIcon(props);
+  return /* @__PURE__ */ jsx(Box, { component: IconSortSvg, ...iconProps });
+};
+export {
+  IconSort
+};

package/dist/lib/components/icons/IconSort/IconSortSvg.cjs

@@ -0,0 +1,20 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const IconSortSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    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: "m11.707 7.293-3-3a1 1 0 0 0-1.414 0l-3 3a1 1 0 1 0 1.414 1.414L7 7.414V15a1 1 0 1 0 2 0V7.414l1.293 1.293a.997.997 0 0 0 1.414 0 1 1 0 0 0 0-1.414Zm8 8a1 1 0 0 0-1.414 0L17 16.586V10a1 1 0 1 0-2 0v6.586l-1.293-1.293a1 1 0 1 0-1.414 1.414l3 3a.997.997 0 0 0 1.414 0l3-3a1 1 0 0 0 0-1.414Z" })
+    ]
+  }
+);
+exports.IconSortSvg = IconSortSvg;

package/dist/lib/components/icons/IconSort/IconSortSvg.mjs

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconSortSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    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: "m11.707 7.293-3-3a1 1 0 0 0-1.414 0l-3 3a1 1 0 1 0 1.414 1.414L7 7.414V15a1 1 0 1 0 2 0V7.414l1.293 1.293a.997.997 0 0 0 1.414 0 1 1 0 0 0 0-1.414Zm8 8a1 1 0 0 0-1.414 0L17 16.586V10a1 1 0 1 0-2 0v6.586l-1.293-1.293a1 1 0 1 0-1.414 1.414l3 3a.997.997 0 0 0 1.414 0l3-3a1 1 0 0 0 0-1.414Z" })
+    ]
+  }
+);
+export {
+  IconSortSvg
+};

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

@@ -0,0 +1,11 @@
+"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_IconStar_IconStarSvg_cjs = require("./IconStarSvg.cjs");
+const lib_components_icons_IconStar_IconStarActiveSvg_cjs = require("./IconStarActiveSvg.cjs");
+const IconStar = ({ 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_IconStar_IconStarActiveSvg_cjs.IconStarActiveSvg : lib_components_icons_IconStar_IconStarSvg_cjs.IconStarSvg, ...iconProps });
+};
+exports.IconStar = IconStar;

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

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

package/dist/lib/components/icons/IconStar/IconStarActiveSvg.cjs

@@ -0,0 +1,21 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const IconStarActiveSvg = ({ 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: "M23 9c-.1-.4-.4-.6-.8-.7l-6.4-.9-2.9-5.8c-.3-.5-.9-.7-1.4-.4-.2.1-.3.2-.4.4L8.2 7.3l-6.3 1c-.6.1-1 .6-.9 1.1 0 .2.1.4.3.6l4.6 4.5-1.1 6.4c-.1.5.3 1.1.8 1.2.2 0 .4 0 .6-.1l5.7-3 5.7 3c.5.3 1.1.1 1.3-.4.1-.2.1-.4.1-.6l-1.1-6.4 4.6-4.5c.5-.4.6-.8.5-1.1z" })
+    ]
+  }
+);
+exports.IconStarActiveSvg = IconStarActiveSvg;

package/dist/lib/components/icons/IconStar/IconStarActiveSvg.mjs

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconStarActiveSvg = ({ 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: "M23 9c-.1-.4-.4-.6-.8-.7l-6.4-.9-2.9-5.8c-.3-.5-.9-.7-1.4-.4-.2.1-.3.2-.4.4L8.2 7.3l-6.3 1c-.6.1-1 .6-.9 1.1 0 .2.1.4.3.6l4.6 4.5-1.1 6.4c-.1.5.3 1.1.8 1.2.2 0 .4 0 .6-.1l5.7-3 5.7 3c.5.3 1.1.1 1.3-.4.1-.2.1-.4.1-.6l-1.1-6.4 4.6-4.5c.5-.4.6-.8.5-1.1z" })
+    ]
+  }
+);
+export {
+  IconStarActiveSvg
+};

package/dist/lib/components/icons/IconStar/IconStarHalfSvg.cjs

@@ -0,0 +1,20 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const IconStarHalfSvg = ({ 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: "M22.951 8.954a1 1 0 0 0-.806-.68l-6.391-.935-2.858-5.782a1.042 1.042 0 0 0-1.793 0L8.246 7.339l-6.39.934a1 1 0 0 0-.553 1.706l4.623 4.498-1.091 6.354a1 1 0 0 0 1.45 1.054L12 18.883l5.715 3.002a1 1 0 0 0 1.45-1.054l-1.09-6.354 4.622-4.497a1.002 1.002 0 0 0 .254-1.026Zm-6.648 4.456a1 1 0 0 0-.288.886l.837 4.877-4.387-2.305a.99.99 0 0 0-.465-.115V4.257l2.193 4.44a1 1 0 0 0 .752.545l4.905.717Z" })
+    ]
+  }
+);
+exports.IconStarHalfSvg = IconStarHalfSvg;

package/dist/lib/components/icons/IconStar/IconStarHalfSvg.mjs

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconStarHalfSvg = ({ 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: "M22.951 8.954a1 1 0 0 0-.806-.68l-6.391-.935-2.858-5.782a1.042 1.042 0 0 0-1.793 0L8.246 7.339l-6.39.934a1 1 0 0 0-.553 1.706l4.623 4.498-1.091 6.354a1 1 0 0 0 1.45 1.054L12 18.883l5.715 3.002a1 1 0 0 0 1.45-1.054l-1.09-6.354 4.622-4.497a1.002 1.002 0 0 0 .254-1.026Zm-6.648 4.456a1 1 0 0 0-.288.886l.837 4.877-4.387-2.305a.99.99 0 0 0-.465-.115V4.257l2.193 4.44a1 1 0 0 0 .752.545l4.905.717Z" })
+    ]
+  }
+);
+export {
+  IconStarHalfSvg
+};

package/dist/lib/components/icons/IconStar/IconStarSvg.cjs

@@ -0,0 +1,21 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const IconStarSvg = ({ 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: "M23 9c-.1-.4-.4-.6-.8-.7l-6.4-.9-2.9-5.8c-.3-.7-1.5-.7-1.8 0L8.2 7.3l-6.3 1c-.4 0-.7.3-.9.7-.1.4 0 .8.3 1l4.6 4.5-1.1 6.4c-.1.4.1.8.4 1 .2 0 .4.1.6.1.2 0 .3 0 .5-.1l5.7-3 5.7 3c.3.2.7.1 1.1-.1.3-.2.5-.6.4-1l-1.1-6.4 4.6-4.5c.3-.2.4-.6.3-.9zm-6.7 4.4c-.2.2-.3.6-.3.9l.8 4.9-4.4-2.3c-.3-.2-.6-.2-.9 0l-4.4 2.3.9-4.9c0-.3-.1-.7-.3-.9L4.1 10 9 9.3c.3 0 .6-.3.8-.5L12 4.3l2.2 4.4c.1.3.4.5.8.5l4.9.7-3.6 3.5z" })
+    ]
+  }
+);
+exports.IconStarSvg = IconStarSvg;

package/dist/lib/components/icons/IconStar/IconStarSvg.mjs

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconStarSvg = ({ 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: "M23 9c-.1-.4-.4-.6-.8-.7l-6.4-.9-2.9-5.8c-.3-.7-1.5-.7-1.8 0L8.2 7.3l-6.3 1c-.4 0-.7.3-.9.7-.1.4 0 .8.3 1l4.6 4.5-1.1 6.4c-.1.4.1.8.4 1 .2 0 .4.1.6.1.2 0 .3 0 .5-.1l5.7-3 5.7 3c.3.2.7.1 1.1-.1.3-.2.5-.6.4-1l-1.1-6.4 4.6-4.5c.3-.2.4-.6.3-.9zm-6.7 4.4c-.2.2-.3.6-.3.9l.8 4.9-4.4-2.3c-.3-.2-.6-.2-.9 0l-4.4 2.3.9-4.9c0-.3-.1-.7-.3-.9L4.1 10 9 9.3c.3 0 .6-.3.8-.5L12 4.3l2.2 4.4c.1.3.4.5.8.5l4.9.7-3.6 3.5z" })
+    ]
+  }
+);
+export {
+  IconStarSvg
+};

package/dist/lib/components/icons/IconStatistics/IconStatistics.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_IconStatistics_IconStatisticsSvg_cjs = require("./IconStatisticsSvg.cjs");
+const IconStatistics = (props) => {
+  const iconProps = lib_hooks_useIcon_index_cjs.useIcon(props);
+  return /* @__PURE__ */ jsxRuntime.jsx(lib_components_Box_Box_cjs.Box, { component: lib_components_icons_IconStatistics_IconStatisticsSvg_cjs.IconStatisticsSvg, ...iconProps });
+};
+exports.IconStatistics = IconStatistics;

package/dist/lib/components/icons/IconStatistics/IconStatistics.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 { IconStatisticsSvg } from "./IconStatisticsSvg.mjs";
+const IconStatistics = (props) => {
+  const iconProps = useIcon(props);
+  return /* @__PURE__ */ jsx(Box, { component: IconStatisticsSvg, ...iconProps });
+};
+export {
+  IconStatistics
+};

package/dist/lib/components/icons/IconStatistics/IconStatisticsSvg.cjs

@@ -0,0 +1,21 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const IconStatisticsSvg = ({ 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: "M20 20H4a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2ZM4 16a1 1 0 0 1-.707-1.707l5-5a1 1 0 0 1 1.414 0L12 11.586l7.293-7.293a1 1 0 0 1 1.414 1.414l-8 8a1 1 0 0 1-1.414 0L9 11.414l-4.293 4.293A.997.997 0 0 1 4 16Z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 20H4a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2ZM4 16a1 1 0 0 1-.707-1.707l5-5a1 1 0 0 1 1.414 0L12 11.586l7.293-7.293a1 1 0 0 1 1.414 1.414l-8 8a1 1 0 0 1-1.414 0L9 11.414l-4.293 4.293A.997.997 0 0 1 4 16Z" })
+    ]
+  }
+);
+exports.IconStatisticsSvg = IconStatisticsSvg;

package/dist/lib/components/icons/IconStatistics/IconStatisticsSvg.mjs

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconStatisticsSvg = ({ 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: "M20 20H4a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2ZM4 16a1 1 0 0 1-.707-1.707l5-5a1 1 0 0 1 1.414 0L12 11.586l7.293-7.293a1 1 0 0 1 1.414 1.414l-8 8a1 1 0 0 1-1.414 0L9 11.414l-4.293 4.293A.997.997 0 0 1 4 16Z" }),
+      /* @__PURE__ */ jsx("path", { d: "M20 20H4a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2ZM4 16a1 1 0 0 1-.707-1.707l5-5a1 1 0 0 1 1.414 0L12 11.586l7.293-7.293a1 1 0 0 1 1.414 1.414l-8 8a1 1 0 0 1-1.414 0L9 11.414l-4.293 4.293A.997.997 0 0 1 4 16Z" })
+    ]
+  }
+);
+export {
+  IconStatisticsSvg
+};

package/dist/lib/components/icons/IconSubCategory/IconSubCategory.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_IconSubCategory_IconSubCategorySvg_cjs = require("./IconSubCategorySvg.cjs");
+const IconSubCategory = (props) => {
+  const iconProps = lib_hooks_useIcon_index_cjs.useIcon(props);
+  return /* @__PURE__ */ jsxRuntime.jsx(lib_components_Box_Box_cjs.Box, { component: lib_components_icons_IconSubCategory_IconSubCategorySvg_cjs.IconSubCategorySvg, ...iconProps });
+};
+exports.IconSubCategory = IconSubCategory;

package/dist/lib/components/icons/IconSubCategory/IconSubCategory.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 { IconSubCategorySvg } from "./IconSubCategorySvg.mjs";
+const IconSubCategory = (props) => {
+  const iconProps = useIcon(props);
+  return /* @__PURE__ */ jsx(Box, { component: IconSubCategorySvg, ...iconProps });
+};
+export {
+  IconSubCategory
+};

package/dist/lib/components/icons/IconSubCategory/IconSubCategorySvg.cjs

@@ -0,0 +1,21 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const IconSubCategorySvg = ({ 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: "m18.7 14.3-3-3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l1.3 1.3H8c-.6 0-1-.4-1-1V6c0-.6-.4-1-1-1s-1 .4-1 1v7c0 1.7 1.3 3 3 3h7.6l-1.3 1.3c-.4.4-.4 1 0 1.4.2.2.5.3.7.3s.5-.1.7-.3l3-3c.4-.4.4-1 0-1.4z" })
+    ]
+  }
+);
+exports.IconSubCategorySvg = IconSubCategorySvg;

package/dist/lib/components/icons/IconSubCategory/IconSubCategorySvg.mjs

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconSubCategorySvg = ({ 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: "m18.7 14.3-3-3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l1.3 1.3H8c-.6 0-1-.4-1-1V6c0-.6-.4-1-1-1s-1 .4-1 1v7c0 1.7 1.3 3 3 3h7.6l-1.3 1.3c-.4.4-.4 1 0 1.4.2.2.5.3.7.3s.5-.1.7-.3l3-3c.4-.4.4-1 0-1.4z" })
+    ]
+  }
+);
+export {
+  IconSubCategorySvg
+};

package/dist/lib/components/icons/IconTag/IconTag.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_IconTag_IconTagSvg_cjs = require("./IconTagSvg.cjs");
+const IconTag = (props) => {
+  const iconProps = lib_hooks_useIcon_index_cjs.useIcon(props);
+  return /* @__PURE__ */ jsxRuntime.jsx(lib_components_Box_Box_cjs.Box, { component: lib_components_icons_IconTag_IconTagSvg_cjs.IconTagSvg, ...iconProps });
+};
+exports.IconTag = IconTag;

package/dist/lib/components/icons/IconTag/IconTag.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 { IconTagSvg } from "./IconTagSvg.mjs";
+const IconTag = (props) => {
+  const iconProps = useIcon(props);
+  return /* @__PURE__ */ jsx(Box, { component: IconTagSvg, ...iconProps });
+};
+export {
+  IconTag
+};

package/dist/lib/components/icons/IconTag/IconTagSvg.cjs

@@ -0,0 +1,22 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const IconTagSvg = ({ 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: "M7.4 6.1c-.3-.1-.5-.1-.8 0-.1 0-.2.1-.3.2-.1.1-.2.2-.2.3-.1.1-.1.3-.1.4 0 .1 0 .3.1.4.1.1.1.2.2.3.2.2.4.3.7.3.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7 0-.3-.1-.5-.3-.7-.1-.1-.2-.2-.3-.2z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m22.1 10.9-8.6-8.6c-.2-.2-.4-.3-.7-.3h-8c-1.7 0-3 1.3-3 3v8c0 .3.1.5.3.7l8.6 8.6c.6.6 1.4.9 2.1.9.8 0 1.5-.3 2.1-.9l7.1-7.1.1-.1c1.2-1.2 1.2-3.1 0-4.2zm-1.3 2.7s-.1.1 0 0l-7.3 7.3c-.4.4-1 .4-1.4 0l-8.3-8.3V5c0-.6.4-1 1-1h7.6l8.3 8.3c.4.4.4.9.1 1.3z" })
+    ]
+  }
+);
+exports.IconTagSvg = IconTagSvg;

package/dist/lib/components/icons/IconTag/IconTagSvg.mjs

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconTagSvg = ({ 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: "M7.4 6.1c-.3-.1-.5-.1-.8 0-.1 0-.2.1-.3.2-.1.1-.2.2-.2.3-.1.1-.1.3-.1.4 0 .1 0 .3.1.4.1.1.1.2.2.3.2.2.4.3.7.3.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7 0-.3-.1-.5-.3-.7-.1-.1-.2-.2-.3-.2z" }),
+      /* @__PURE__ */ jsx("path", { d: "m22.1 10.9-8.6-8.6c-.2-.2-.4-.3-.7-.3h-8c-1.7 0-3 1.3-3 3v8c0 .3.1.5.3.7l8.6 8.6c.6.6 1.4.9 2.1.9.8 0 1.5-.3 2.1-.9l7.1-7.1.1-.1c1.2-1.2 1.2-3.1 0-4.2zm-1.3 2.7s-.1.1 0 0l-7.3 7.3c-.4.4-1 .4-1.4 0l-8.3-8.3V5c0-.6.4-1 1-1h7.6l8.3 8.3c.4.4.4.9.1 1.3z" })
+    ]
+  }
+);
+export {
+  IconTagSvg
+};

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

@@ -0,0 +1,24 @@
+"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_IconThumb_IconThumbSvg_cjs = require("./IconThumbSvg.cjs");
+const lib_components_icons_IconThumb_IconThumb_css_cjs = require("./IconThumb.css.cjs");
+const IconThumb = ({ direction = "up", ...props }) => {
+  const { className, ...iconProps } = lib_hooks_useIcon_index_cjs.useIcon(props);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    lib_components_Box_Box_cjs.Box,
+    {
+      component: lib_components_icons_IconThumb_IconThumbSvg_cjs.IconThumbSvg,
+      className: [
+        lib_components_icons_IconThumb_IconThumb_css_cjs.root,
+        className,
+        {
+          [lib_components_icons_IconThumb_IconThumb_css_cjs.down]: direction === "down"
+        }
+      ],
+      ...iconProps
+    }
+  );
+};
+exports.IconThumb = IconThumb;

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

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { Box } from "../../Box/Box.mjs";
+import { useIcon } from "../../../hooks/useIcon/index.mjs";
+import { IconThumbSvg } from "./IconThumbSvg.mjs";
+import { root, down } from "./IconThumb.css.mjs";
+const IconThumb = ({ direction = "up", ...props }) => {
+  const { className, ...iconProps } = useIcon(props);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: IconThumbSvg,
+      className: [
+        root,
+        className,
+        {
+          [down]: direction === "down"
+        }
+      ],
+      ...iconProps
+    }
+  );
+};
+export {
+  IconThumb
+};

package/dist/lib/components/icons/IconThumb/IconThumbSvg.cjs

@@ -0,0 +1,20 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const IconThumbSvg = ({ 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: "M20.847 9.122A2.986 2.986 0 0 0 18.507 8h-4.223A7.098 7.098 0 0 0 15 5a3.1 3.1 0 0 0-2.235-3.318A3.364 3.364 0 0 0 9.08 3.606L6.77 9H3a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h3.796A16.498 16.498 0 0 0 13 21a10.607 10.607 0 0 0 5.855-1.628 2.986 2.986 0 0 0 1.277-1.855l1.304-5.867a2.988 2.988 0 0 0-.59-2.528ZM4 11h2v7H4Zm14.179 6.084a.996.996 0 0 1-.425.62A8.592 8.592 0 0 1 13 19a16.217 16.217 0 0 1-5-.685v-7.11l2.895-6.758a1.348 1.348 0 0 1 1.41-.818C12.933 3.776 13 4.637 13 5a5.93 5.93 0 0 1-1.262 3.353A1 1 0 0 0 12.5 10h6.007a1 1 0 0 1 .975 1.217Z" })
+    ]
+  }
+);
+exports.IconThumbSvg = IconThumbSvg;

package/dist/lib/components/icons/IconThumb/IconThumbSvg.mjs

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconThumbSvg = ({ 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: "M20.847 9.122A2.986 2.986 0 0 0 18.507 8h-4.223A7.098 7.098 0 0 0 15 5a3.1 3.1 0 0 0-2.235-3.318A3.364 3.364 0 0 0 9.08 3.606L6.77 9H3a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h3.796A16.498 16.498 0 0 0 13 21a10.607 10.607 0 0 0 5.855-1.628 2.986 2.986 0 0 0 1.277-1.855l1.304-5.867a2.988 2.988 0 0 0-.59-2.528ZM4 11h2v7H4Zm14.179 6.084a.996.996 0 0 1-.425.62A8.592 8.592 0 0 1 13 19a16.217 16.217 0 0 1-5-.685v-7.11l2.895-6.758a1.348 1.348 0 0 1 1.41-.818C12.933 3.776 13 4.637 13 5a5.93 5.93 0 0 1-1.262 3.353A1 1 0 0 0 12.5 10h6.007a1 1 0 0 1 .975 1.217Z" })
+    ]
+  }
+);
+export {
+  IconThumbSvg
+};

package/dist/lib/components/icons/IconTick/IconTick.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_IconTick_IconTickSvg_cjs = require("./IconTickSvg.cjs");
+const IconTick = (props) => {
+  const iconProps = lib_hooks_useIcon_index_cjs.useIcon(props);
+  return /* @__PURE__ */ jsxRuntime.jsx(lib_components_Box_Box_cjs.Box, { component: lib_components_icons_IconTick_IconTickSvg_cjs.IconTickSvg, ...iconProps });
+};
+exports.IconTick = IconTick;

package/dist/lib/components/icons/IconTick/IconTick.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 { IconTickSvg } from "./IconTickSvg.mjs";
+const IconTick = (props) => {
+  const iconProps = useIcon(props);
+  return /* @__PURE__ */ jsx(Box, { component: IconTickSvg, ...iconProps });
+};
+export {
+  IconTick
+};

package/dist/lib/components/icons/IconTick/IconTickSvg.cjs

@@ -0,0 +1,21 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const IconTickSvg = ({ 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.7 6.3c-.4-.4-1-.4-1.4 0L9 15.6l-3.3-3.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l4 4c.2.2.4.3.7.3s.5-.1.7-.3l10-10c.4-.4.4-1 0-1.4z" })
+    ]
+  }
+);
+exports.IconTickSvg = IconTickSvg;

package/dist/lib/components/icons/IconTick/IconTickSvg.mjs

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconTickSvg = ({ 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.7 6.3c-.4-.4-1-.4-1.4 0L9 15.6l-3.3-3.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l4 4c.2.2.4.3.7.3s.5-.1.7-.3l10-10c.4-.4.4-1 0-1.4z" })
+    ]
+  }
+);
+export {
+  IconTickSvg
+};