braid-design-system 32.16.0 → 32.16.2

package/dist/styles/lib/components/Accordion/AccordionItem.mjs

@@ -1,2540 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Box } from "../Box/Box.mjs";
-import { useIcon } from "../../hooks/useIcon/index.mjs";
-import { createContext, Children, isValidElement, cloneElement, useMemo, useContext, useState } from "react";
-import assert from "assert";
-import { textStyles } from "../../css/typography.mjs";
-import { buildDataAttributes, AccordionContext, validTones } from "./Accordion.mjs";
-import { MaxLines } from "../private/MaxLines/MaxLines.mjs";
-import { alignToFlexAlign } from "../../utils/align.mjs";
-import dedent from "dedent";
-import { Columns } from "../Columns/Columns.mjs";
-import { Column } from "../Column/Column.mjs";
-import { isFragment } from "react-is";
-import { negativeMargin } from "../../css/negativeMargin/negativeMargin.mjs";
-import { resolveCollapsibleAlignmentProps } from "../../utils/collapsibleAlignmentProps.mjs";
-import { virtualTouchable } from "../private/touchable/virtualTouchable.mjs";
-import { hideFocusRingsClassName } from "../private/hideFocusRings/hideFocusRings.css.mjs";
-import { button, focusRing } from "./AccordionItem.css.mjs";
-import { IconChevron } from "../icons/IconChevron/IconChevron.mjs";
-const TextContext = createContext(null);
-function flattenChildren(children, depth = 0, keys = []) {
-  return Children.toArray(children).reduce(
-    (acc, node, nodeIndex) => {
-      if (isFragment(node)) {
-        acc.push(
-          ...flattenChildren(
-            node.props.children,
-            depth + 1,
-            keys.concat(node.key || nodeIndex)
-          )
-        );
-      } else if (isValidElement(node)) {
-        acc.push(
-          cloneElement(node, {
-            key: keys.concat(String(node.key)).join(".")
-          })
-        );
-      } else if (typeof node === "string" || typeof node === "number") {
-        acc.push(node);
-      }
-      return acc;
-    },
-    []
-  );
-}
-const DefaultTextPropsContext = createContext({
-  tone: void 0,
-  weight: void 0,
-  size: void 0
-});
-const DefaultTextPropsProvider = ({
-  size,
-  weight,
-  tone,
-  children
-}) => {
-  const defaultTextProps = useMemo(
-    () => ({
-      size,
-      weight,
-      tone
-    }),
-    [size, weight, tone]
-  );
-  return /* @__PURE__ */ jsx(DefaultTextPropsContext.Provider, { value: defaultTextProps, children });
-};
-const useDefaultTextProps = ({
-  size: sizeProp,
-  weight: weightProp,
-  tone: toneProp
-}) => {
-  const { size, weight, tone } = useContext(DefaultTextPropsContext);
-  return {
-    size: sizeProp ?? size ?? "standard",
-    weight: weightProp ?? weight ?? "regular",
-    tone: toneProp ?? tone ?? "neutral"
-  };
-};
-const Typography = ({
-  id,
-  component = "span",
-  className,
-  align,
-  truncate = false,
-  maxLines,
-  icon,
-  data,
-  children,
-  ...restProps
-}) => {
-  const lines = truncate ? 1 : maxLines;
-  const contents = typeof lines === "number" ? /* @__PURE__ */ jsx(MaxLines, { lines, children }) : children;
-  if (process.env.NODE_ENV !== "production") {
-    if (truncate) {
-      console.warn(
-        dedent`
-          The "truncate" prop has been deprecated and will be removed in a future version. Use "maxLines" instead.
-             <Text
-            %c-   truncate
-            %c+   maxLines={1}
-             %c/>
-        `,
-        "color: red",
-        "color: green",
-        "color: inherit"
-      );
-    }
-  }
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      id,
-      display: "block",
-      component,
-      textAlign: align,
-      className,
-      ...buildDataAttributes({ data, validateRestProps: restProps }),
-      children: icon ? /* @__PURE__ */ jsxs(
-        Box,
-        {
-          component: "span",
-          display: "flex",
-          justifyContent: alignToFlexAlign(align),
-          children: [
-            /* @__PURE__ */ jsx(
-              Box,
-              {
-                component: "span",
-                display: "block",
-                paddingRight: "xsmall",
-                flexGrow: 0,
-                flexShrink: 0,
-                minWidth: 0,
-                textAlign: align,
-                children: icon
-              }
-            ),
-            /* @__PURE__ */ jsx(Box, { component: "span", display: "block", minWidth: 0, children: contents })
-          ]
-        }
-      ) : contents
-    }
-  );
-};
-const Text = ({
-  size: sizeProp,
-  tone: toneProp,
-  weight: weightProp,
-  baseline = true,
-  ...typographyProps
-}) => {
-  assert(
-    !useContext(TextContext),
-    "Text components should not be nested within each other"
-  );
-  const { size, weight, tone } = useDefaultTextProps({
-    size: sizeProp,
-    weight: weightProp,
-    tone: toneProp
-  });
-  const textStylingProps = useMemo(
-    () => ({
-      tone,
-      size,
-      weight,
-      baseline
-    }),
-    [tone, size, weight, baseline]
-  );
-  return /* @__PURE__ */ jsx(TextContext.Provider, { value: textStylingProps, children: /* @__PURE__ */ jsx(
-    Typography,
-    {
-      ...typographyProps,
-      className: textStyles(textStylingProps)
-    }
-  ) });
-};
-const validInlineComponents = ["div", "span", "ol", "ul"];
-const Inline = ({
-  space = "none",
-  align,
-  alignY,
-  collapseBelow,
-  reverse,
-  component = "div",
-  data,
-  children,
-  ...restProps
-}) => {
-  assert(
-    validInlineComponents.includes(component),
-    `Invalid Inline component: '${component}'. Should be one of [${validInlineComponents.map((c) => `'${c}'`).join(", ")}]`
-  );
-  const isList = component === "ol" || component === "ul";
-  const inlineItemComponent = isList ? "li" : component;
-  const {
-    collapsibleAlignmentProps,
-    collapsibleAlignmentChildProps,
-    orderChildren
-  } = resolveCollapsibleAlignmentProps({
-    align,
-    alignY,
-    collapseBelow,
-    reverse
-  });
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: component === "span" ? component : void 0,
-      display: component === "span" ? "block" : void 0,
-      className: negativeMargin("top", space),
-      ...buildDataAttributes({ data, validateRestProps: restProps }),
-      children: /* @__PURE__ */ jsx(
-        Box,
-        {
-          component,
-          className: negativeMargin("left", space),
-          flexWrap: "wrap",
-          ...collapsibleAlignmentProps,
-          children: Children.map(
-            orderChildren(flattenChildren(children)),
-            (child) => child !== null && child !== void 0 ? /* @__PURE__ */ jsx(
-              Box,
-              {
-                component: inlineItemComponent,
-                minWidth: 0,
-                marginLeft: space,
-                marginTop: space,
-                ...collapsibleAlignmentChildProps,
-                children: child
-              }
-            ) : null
-          )
-        }
-      )
-    }
-  );
-};
-const IconAddSvg = ({ 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 11h-5V6c0-.6-.4-1-1-1s-1 .4-1 1v5H6c-.6 0-1 .4-1 1s.4 1 1 1h5v5c0 .6.4 1 1 1s1-.4 1-1v-5h5c.6 0 1-.4 1-1s-.4-1-1-1z" })
-    ]
-  }
-);
-const IconAdd = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconAddSvg, ...iconProps });
-};
-const IconBookmarkSvg = ({ 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 5.1c.1-1.6-1.1-2.9-2.7-3.1H7.6C6.1 2.1 4.9 3.5 5 5v16c0 .4.2.7.5.9.3.2.7.2 1 0l5.4-3.6 5.4 3.6c.2.1.4.2.6.2.2 0 .3 0 .5-.1.3-.2.5-.5.5-.9l.1-16zm-2 14-4.4-3c-.3-.2-.8-.2-1.1 0l-4.4 3L7 4.9c0-.4.3-.9.7-.9h8.5c.5 0 .8.5.8 1v14.1z" })
-    ]
-  }
-);
-const IconBookmarkActiveSvg = ({
-  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 5.1c.1-1.6-1.1-2.9-2.7-3.1H7.6C6.1 2.1 4.9 3.5 5 5v16c0 .4.2.7.5.9.3.2.7.2 1 0l5.4-3.6 5.4 3.6c.2.1.4.2.6.2.2 0 .3 0 .5-.1.3-.2.5-.5.5-.9l.1-16z" })
-    ]
-  }
-);
-const IconBookmark = ({
-  active = false,
-  ...props
-}) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: active ? IconBookmarkActiveSvg : IconBookmarkSvg,
-      ...iconProps
-    }
-  );
-};
-const IconCautionSvg = ({ 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.71 17.262 14.738 3.71A3.183 3.183 0 0 0 12 2.013 3.183 3.183 0 0 0 9.262 3.71L1.29 17.262a3.152 3.152 0 0 0-.14 3.225A3.152 3.152 0 0 0 4 22h16a3.023 3.023 0 0 0 2.71-4.738ZM20 20H4c-1.1 0-1.544-.776-.986-1.724l7.972-13.552A1.232 1.232 0 0 1 12 4.013a1.232 1.232 0 0 1 1.014.71l7.972 13.553C21.544 19.224 21.1 20 20 20Z" }),
-      /* @__PURE__ */ jsx("circle", { cx: 12, cy: 17, r: 1 }),
-      /* @__PURE__ */ jsx("path", { d: "M11.978 14a1 1 0 0 0 1-1V9a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1Z" })
-    ]
-  }
-);
-const IconCaution = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconCautionSvg, ...iconProps });
-};
-const IconClearSvg = ({ 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: "m13.4 12 5.3-5.3c.4-.4.4-1 0-1.4s-1-.4-1.4 0L12 10.6 6.7 5.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l5.3 5.3-5.3 5.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3s.5-.1.7-.3l5.3-5.3 5.3 5.3c.2.2.5.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4L13.4 12z" })
-    ]
-  }
-);
-const IconClear = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconClearSvg, ...iconProps });
-};
-const IconCompanySvg = ({ 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: "M9 6h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2z" }),
-      /* @__PURE__ */ jsx("path", { d: "M17 2.2V2c0-.6-.4-1-1-1H8c-.6 0-1 .4-1 1v.2C5.9 2.6 5 3.7 5 5v16c0 .6.4 1 1 1h12c.6 0 1-.4 1-1V5c0-1.3-.9-2.4-2-2.8zM17 20h-3v-2h-4v2H7V5c0-.6.4-1 1-1h8c.6 0 1 .4 1 1v15z" })
-    ]
-  }
-);
-const IconCompany = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconCompanySvg, ...iconProps });
-};
-const IconComposeSvg = ({ 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: "m22.3 1.9-.2-.2C20.9.5 19 .5 17.9 1.7l-7.6 7.6c-.1.1-.2.3-.3.5l-1 4c-.1.3 0 .7.3.9.2.2.4.3.7.3h.2l4-1c.2 0 .3-.1.5-.3l7.6-7.6c.6-.6.9-1.3.9-2.1s-.3-1.6-.9-2.1zm-8.8 10.2-2.1.5.5-2.1L17 5.4 18.6 7l-5.1 5.1zm7.4-7.4-.9.9L18.4 4l.9-.9c.4-.4 1-.4 1.4 0l.2.2c.2.2.3.4.3.7s-.1.5-.3.7z" }),
-      /* @__PURE__ */ jsx("path", { d: "M20 11c-.6 0-1 .4-1 1v6c0 .6-.4 1-1 1H6c-.6 0-1-.4-1-1V6c0-.6.4-1 1-1h6c.6 0 1-.4 1-1s-.4-1-1-1H6C4.3 3 3 4.3 3 6v12c0 1.7 1.3 3 3 3h12c1.7 0 3-1.3 3-3v-6c0-.6-.4-1-1-1z" })
-    ]
-  }
-);
-const IconCompose = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconComposeSvg, ...iconProps });
-};
-const IconCopySvg = ({ 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: "M14 7H6c-1.7 0-3 1.3-3 3v8c0 1.7 1.3 3 3 3h8c1.7 0 3-1.3 3-3v-8c0-1.7-1.3-3-3-3zm1 11c0 .6-.4 1-1 1H6c-.6 0-1-.4-1-1v-8c0-.6.4-1 1-1h8c.6 0 1 .4 1 1v8z" }),
-      /* @__PURE__ */ jsx("path", { d: "M19 2h-8C9.3 2 8 3.3 8 5h2c0-.6.4-1 1-1h8c.6 0 1 .4 1 1v8c0 .6-.4 1-1 1v2c1.7 0 3-1.3 3-3V5c0-1.7-1.3-3-3-3z" })
-    ]
-  }
-);
-const IconCopy = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconCopySvg, ...iconProps });
-};
-const IconCreditCardSvg = ({ 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 4H4C2.3 4 1 5.3 1 7v10c0 1.7 1.3 3 3 3h16c1.7 0 3-1.3 3-3V7c0-1.7-1.3-3-3-3zM3 7c0-.6.4-1 1-1h16c.6 0 1 .4 1 1v1H3V7zm18 10c0 .6-.4 1-1 1H4c-.6 0-1-.4-1-1v-7h18v7z" }),
-      /* @__PURE__ */ jsx("path", { d: "M6 16h4c.6 0 1-.4 1-1s-.4-1-1-1H6c-.6 0-1 .4-1 1s.4 1 1 1z" })
-    ]
-  }
-);
-const IconCreditCard = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconCreditCardSvg, ...iconProps });
-};
-const IconCriticalSvg = ({ 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("circle", { cx: 12, cy: 17, r: 1 }),
-      /* @__PURE__ */ jsx("path", { d: "M12 14c.6 0 1-.4 1-1V8c0-.6-.4-1-1-1s-1 .4-1 1v5c0 .6.4 1 1 1z" })
-    ]
-  }
-);
-const IconCritical = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconCriticalSvg, ...iconProps });
-};
-const IconDateSvg = ({ 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 4h-2V3c0-.6-.4-1-1-1s-1 .4-1 1v1H9V3c0-.6-.4-1-1-1s-1 .4-1 1v1H5C3.3 4 2 5.3 2 7v12c0 1.7 1.3 3 3 3h14c1.7 0 3-1.3 3-3V7c0-1.7-1.3-3-3-3zM4 7c0-.6.4-1 1-1h2v1c0 .6.4 1 1 1s1-.4 1-1V6h6v1c0 .6.4 1 1 1s1-.4 1-1V6h2c.6 0 1 .4 1 1v3H4V7zm16 12c0 .6-.4 1-1 1H5c-.6 0-1-.4-1-1v-7h16v7z" })
-    ]
-  }
-);
-const IconDate = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconDateSvg, ...iconProps });
-};
-const IconDeleteSvg = ({ 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: "M10 17c.6 0 1-.4 1-1v-6c0-.6-.4-1-1-1s-1 .4-1 1v6c0 .6.4 1 1 1zm4 0c.6 0 1-.4 1-1v-6c0-.6-.4-1-1-1s-1 .4-1 1v6c0 .6.4 1 1 1z" }),
-      /* @__PURE__ */ jsx("path", { d: "M20 4h-4V3c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2v1H4c-.6 0-1 .4-1 1s.4 1 1 1v13c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3V6c.6 0 1-.4 1-1s-.4-1-1-1zM10 3h4v1h-4V3zm8 16c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V6h12v13z" })
-    ]
-  }
-);
-const IconDelete = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconDeleteSvg, ...iconProps });
-};
-const IconDesktopSvg = ({ 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.2 2H4.8A2.908 2.908 0 0 0 2 5v10a2.908 2.908 0 0 0 2.8 3H11v2.005H8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2h-3V18h6.2a2.908 2.908 0 0 0 2.8-3V5a2.908 2.908 0 0 0-2.8-3Zm.8 13a.93.93 0 0 1-.8 1H4.8a.93.93 0 0 1-.8-1V5a.93.93 0 0 1 .8-1h14.4a.93.93 0 0 1 .8 1Z" })
-    ]
-  }
-);
-const IconDesktop = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconDesktopSvg, ...iconProps });
-};
-const IconDocumentSvg = ({ 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.5 6.7-3.6-3.2-1.2-1.2c-.2-.2-.4-.3-.7-.3H5.8C4.8 2 4 3.1 4 4.5V20c-.1 1 .7 1.9 1.7 2H18c1 .1 1.9-.7 2-1.7V8c0-.5-.2-1-.5-1.3zM15 5.4 16.6 7H15V5.4zM7 20c-.6 0-1-.4-1-1V5c0-.6.4-1 1-1h6v4c0 .6.4 1 1 1h4v10c0 .6-.4 1-1 1H7z" }),
-      /* @__PURE__ */ jsx("path", { d: "M14 11H9c-.6 0-1 .4-1 1s.4 1 1 1h5c.6 0 1-.4 1-1s-.4-1-1-1zm-2 4H9c-.6 0-1 .4-1 1s.4 1 1 1h3c.6 0 1-.4 1-1s-.4-1-1-1z" })
-    ]
-  }
-);
-const IconDocument = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconDocumentSvg, ...iconProps });
-};
-const IconDocumentBrokenSvg = ({
-  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", { fill: "none", d: "M15 5.414V7h1.586L15 5.414z" }),
-      /* @__PURE__ */ jsx("path", { d: "m19.707 7.293-5-5A1 1 0 0 0 14 2H7a3.003 3.003 0 0 0-3 3v14a3.003 3.003 0 0 0 3 3h5v-2H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h6v4a1 1 0 0 0 1 1h4v5h2V8a1 1 0 0 0-.293-.707ZM15 7V5.414L16.586 7Z" }),
-      /* @__PURE__ */ jsx("path", { d: "M19.707 16.293a1 1 0 0 0-1.414 0L17 17.586l-1.293-1.293a1 1 0 0 0-1.414 1.414L15.586 19l-1.293 1.293a1 1 0 1 0 1.414 1.414L17 20.414l1.293 1.293a1 1 0 0 0 1.414-1.414L18.414 19l1.293-1.293a1 1 0 0 0 0-1.414Z" })
-    ]
-  }
-);
-const IconDocumentBroken = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconDocumentBrokenSvg, ...iconProps });
-};
-const IconDownloadSvg = ({ 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 16c-.6 0-1 .4-1 1v1c0 .6-.5 1-1.1 1H7.1c-.6 0-1-.5-1.1-1v-1c0-.6-.4-1-1-1s-1 .4-1 1v1c0 1.7 1.4 3 3 3h9.9c1.7 0 3.1-1.3 3.1-3v-1c0-.6-.4-1-1-1zm-7.7-1.3c.2.2.5.3.7.3s.5-.1.7-.3l5-5c.4-.4.4-1 0-1.4s-1-.4-1.4 0L13 11.6V4c0-.6-.4-1-1-1s-1 .4-1 1v7.6L7.7 8.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l5 5z" })
-    ]
-  }
-);
-const IconDownload = (props) => {
-  const iconProps = useIcon(props, {
-    verticalCorrection: {
-      uppercase: "none",
-      lowercase: "up"
-    }
-  });
-  return /* @__PURE__ */ jsx(Box, { component: IconDownloadSvg, ...iconProps });
-};
-const IconEditSvg = ({ 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 4.1c-1.4-1.4-4-1.4-5.4 0l-11 11c-.1.1-.2.3-.3.5l-1 5c-.1.3 0 .7.3.9.2.2.4.3.7.3h.2l5-1c.2 0 .4-.1.5-.3l11-11c1.5-1.5 1.5-3.9 0-5.4zM8.5 18.9l-3.2.6.6-3.2 8.6-8.6 2.6 2.6-8.6 8.6zM19.3 8.1l-.8.8-2.6-2.6.8-.8c.7-.7 1.9-.7 2.6 0 .7.7.7 1.9 0 2.6z" })
-    ]
-  }
-);
-const IconEdit = (props) => {
-  const iconProps = useIcon(props, {
-    verticalCorrection: {
-      uppercase: "none",
-      lowercase: "up"
-    }
-  });
-  return /* @__PURE__ */ jsx(Box, { component: IconEditSvg, ...iconProps });
-};
-const IconEducationSvg = ({ 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 2H7C5.3 2 4 3.3 4 5v14c0 1.7 1.3 3 3 3h12c.6 0 1-.4 1-1V3c0-.6-.4-1-1-1zM7 4h11v12H7c-.4 0-.7.1-1 .2V5c0-.6.4-1 1-1zm11 16H7c-.6 0-1-.4-1-1s.4-1 1-1h11v2z" })
-    ]
-  }
-);
-const IconEducation = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconEducationSvg, ...iconProps });
-};
-const IconEnlargeSvg = ({ 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.923 4.618A.999.999 0 0 0 19 4h-4a1 1 0 1 0 0 2h1.586l-3.293 3.293a1 1 0 1 0 1.414 1.414L18 7.414V9a1 1 0 1 0 2 0V5c0-.13-.026-.26-.077-.382Zm-10.63 8.675L6 16.586V15a1 1 0 1 0-2 0v4a1 1 0 0 0 .618.923A1 1 0 0 0 5 20h4a1 1 0 1 0 0-2H7.414l3.293-3.293a1 1 0 1 0-1.414-1.414Z" })
-    ]
-  }
-);
-const IconEnlargeActiveSvg = ({
-  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: "M10.382 13.077A1 1 0 0 0 10 13H6a1 1 0 1 0 0 2h1.586l-3.293 3.293a1 1 0 1 0 1.414 1.414L9 16.414V18a1 1 0 1 0 2 0v-4a.999.999 0 0 0-.618-.923Zm9.325-8.784a1 1 0 0 0-1.414 0L15 7.586V6a1 1 0 1 0-2 0v4a1 1 0 0 0 .618.923A1 1 0 0 0 14 11h4a1 1 0 1 0 0-2h-1.586l3.293-3.293a1 1 0 0 0 0-1.414Z" })
-    ]
-  }
-);
-const IconEnlarge = ({ active = false, ...props }) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: active ? IconEnlargeActiveSvg : IconEnlargeSvg,
-      ...iconProps
-    }
-  );
-};
-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" })
-    ]
-  }
-);
-const IconFilter = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconFilterSvg, ...iconProps });
-};
-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" })
-    ]
-  }
-);
-const IconFlag = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconFlagSvg, ...iconProps });
-};
-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" })
-    ]
-  }
-);
-const IconGrid = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconGridSvg, ...iconProps });
-};
-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" })
-    ]
-  }
-);
-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" })
-    ]
-  }
-);
-const IconHeart = ({ active = false, ...props }) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: active ? IconHeartActiveSvg : IconHeartSvg,
-      ...iconProps
-    }
-  );
-};
-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" })
-    ]
-  }
-);
-const IconHelp = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconHelpSvg, ...iconProps });
-};
-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" })
-    ]
-  }
-);
-const IconHistory = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconHistorySvg, ...iconProps });
-};
-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" })
-    ]
-  }
-);
-const IconHome = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconHomeSvg, ...iconProps });
-};
-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 })
-    ]
-  }
-);
-const IconImage = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconImageSvg, ...iconProps });
-};
-const IconInfoSvg = ({ 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 11c-.6 0-1 .4-1 1v4c0 .6.4 1 1 1s1-.4 1-1v-4c0-.6-.4-1-1-1zm.9-3.4c0-.1-.1-.1-.1-.2s-.1-.1-.1-.1c-.3-.3-.7-.4-1.1-.2-.1.1-.2.1-.3.2l-.1.1c0 .1-.1.1-.1.2s0 .1-.1.2V8c0 .3.1.5.3.7.1.1.2.2.3.2.1.1.3.1.4.1h.2c.1 0 .1 0 .2-.1.1 0 .1-.1.2-.1l.1-.1c.2-.2.3-.4.3-.7v-.2c0-.1-.1-.1-.1-.2z" })
-    ]
-  }
-);
-const IconInfo = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconInfoSvg, ...iconProps });
-};
-const IconInvoiceSvg = ({ 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 2H4c-.6 0-1 .4-1 1v18c0 .3.2.7.5.9.3.2.7.2 1 0l1.5-.8 1.6.8c.3.1.6.1.9 0l1.6-.8 1.6.8c.3.1.6.1.9 0l1.6-.8 1.6.8c.3.1.6.1.9 0l1.6-.8 1.6.8c-.2.1-.1.1.1.1s.4 0 .5-.1c.3-.2.5-.5.5-.9V3c0-.6-.4-1-1-1zm-1 17.4-.6-.3c-.3-.1-.6-.1-.9 0l-1.5.8-1.6-.8c-.1-.1-.2-.1-.4-.1s-.3 0-.4.1l-1.6.8-1.6-.8c-.3-.1-.6-.1-.9 0l-1.5.8-1.6-.8c-.3-.1-.6-.1-.9 0l-.5.3V4h14v15.4z" }),
-      /* @__PURE__ */ jsx("path", { d: "M8 12h8c.6 0 1-.4 1-1s-.4-1-1-1H8c-.6 0-1 .4-1 1s.4 1 1 1zm0-4h8c.6 0 1-.4 1-1s-.4-1-1-1H8c-.6 0-1 .4-1 1s.4 1 1 1zm8 6h-3c-.6 0-1 .4-1 1s.4 1 1 1h3c.6 0 1-.4 1-1s-.4-1-1-1z" })
-    ]
-  }
-);
-const IconInvoice = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconInvoiceSvg, ...iconProps });
-};
-const IconLanguageSvg = ({ 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.784 18.593a10.917 10.917 0 0 0 0-13.186.995.995 0 0 0-.094-.126 10.96 10.96 0 0 0-17.38 0 .99.99 0 0 0-.094.126 10.917 10.917 0 0 0 0 13.186.988.988 0 0 0 .094.126 10.96 10.96 0 0 0 17.38 0 .993.993 0 0 0 .094-.126ZM4.522 7h2.922a14.936 14.936 0 0 0-.902 4H3.06a8.942 8.942 0 0 1 1.463-4Zm12.936 4a14.936 14.936 0 0 0-.902-4h2.922a8.942 8.942 0 0 1 1.463 4ZM4.522 17a8.942 8.942 0 0 1-1.463-4h3.483a14.936 14.936 0 0 0 .902 4Zm4.028-4h6.9a13.453 13.453 0 0 1-1.058 4H9.608a13.453 13.453 0 0 1-1.058-4Zm0-2a13.453 13.453 0 0 1 1.058-4h4.784a13.453 13.453 0 0 1 1.058 4Zm7.12-6a20.175 20.175 0 0 0-.882-1.553A8.988 8.988 0 0 1 17.645 5ZM12 3l.028.001A17.948 17.948 0 0 1 13.382 5h-2.764a17.948 17.948 0 0 1 1.354-1.999ZM8.33 5H6.355a8.988 8.988 0 0 1 2.857-1.553c-.287.456-.587.977-.882 1.553Zm0 14c.295.576.595 1.097.882 1.553A8.988 8.988 0 0 1 6.355 19ZM12 21l-.028-.001A17.948 17.948 0 0 1 10.618 19h2.764a17.948 17.948 0 0 1-1.354 1.999Zm3.67-2h1.975a8.988 8.988 0 0 1-2.857 1.553c.287-.456.587-.977.882-1.553Zm.886-2a14.936 14.936 0 0 0 .902-4h3.483a8.942 8.942 0 0 1-1.463 4Z" })
-    ]
-  }
-);
-const IconLanguage = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconLanguageSvg, ...iconProps });
-};
-const IconLinkSvg = ({ 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: "M12.848 17.334a6.214 6.214 0 0 1-1.476-.2L9.44 19.066a3.188 3.188 0 1 1-4.51-4.508l2.962-2.961a3.208 3.208 0 0 1 4.509 0 1 1 0 1 0 1.414-1.414 5.205 5.205 0 0 0-6.832-.413 5.102 5.102 0 0 0-.505.413l-2.961 2.96a5.188 5.188 0 0 0 7.337 7.337l3.293-3.293a6.226 6.226 0 0 1-1.3.147Z" }),
-      /* @__PURE__ */ jsx("path", { d: "M11.15 6.664a6.214 6.214 0 0 1 1.476.2l1.932-1.932a3.188 3.188 0 1 1 4.508 4.508l-2.96 2.961a3.208 3.208 0 0 1-4.51 0 1 1 0 0 0-1.413 1.414 5.205 5.205 0 0 0 6.831.413 5.101 5.101 0 0 0 .506-.413l2.96-2.96a5.188 5.188 0 0 0-7.336-7.337L9.85 6.812a6.226 6.226 0 0 1 1.298-.148Z" })
-    ]
-  }
-);
-const IconLink = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconLinkSvg, ...iconProps });
-};
-const IconLinkBrokenSvg = ({ 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: "M12.848 17.334a6.214 6.214 0 0 1-1.476-.2L9.44 19.066a3.188 3.188 0 1 1-4.51-4.508l2.962-2.961a3.208 3.208 0 0 1 4.509 0 1 1 0 1 0 1.414-1.414 5.205 5.205 0 0 0-6.832-.413 5.102 5.102 0 0 0-.505.413l-2.961 2.96a5.188 5.188 0 0 0 7.337 7.337l3.293-3.293a6.226 6.226 0 0 1-1.3.147Z" }),
-      /* @__PURE__ */ jsx("path", { d: "M11.15 6.664a6.214 6.214 0 0 1 1.476.2l1.932-1.932a3.188 3.188 0 1 1 4.508 4.508l-2.96 2.961a3.208 3.208 0 0 1-4.51 0 1 1 0 0 0-1.413 1.414 5.205 5.205 0 0 0 6.831.413 5.101 5.101 0 0 0 .506-.413l2.96-2.96a5.188 5.188 0 0 0-7.336-7.337L9.85 6.812a6.226 6.226 0 0 1 1.298-.148Zm-5.736-.25a.997.997 0 0 1-.707-.293L3.293 4.707a1 1 0 0 1 1.414-1.414l1.414 1.414a1 1 0 0 1-.707 1.707ZM3.736 9.321a.994.994 0 0 1-.26-.034l-1.93-.517a1 1 0 0 1 .518-1.932l1.931.517a1 1 0 0 1-.258 1.966ZM8.32 4.735a.999.999 0 0 1-.965-.74l-.517-1.933a1 1 0 0 1 1.932-.517l.517 1.932a1 1 0 0 1-.967 1.258Z" })
-    ]
-  }
-);
-const IconLinkBroken = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconLinkBrokenSvg, ...iconProps });
-};
-const IconListSvg = ({ 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: "M9 8h10c.6 0 1-.4 1-1s-.4-1-1-1H9c-.6 0-1 .4-1 1s.4 1 1 1zm10 3H9c-.6 0-1 .4-1 1s.4 1 1 1h10c.6 0 1-.4 1-1s-.4-1-1-1zm0 5H9c-.6 0-1 .4-1 1s.4 1 1 1h10c.6 0 1-.4 1-1s-.4-1-1-1z" }),
-      /* @__PURE__ */ jsx("circle", { cx: 5, cy: 7, r: 1 }),
-      /* @__PURE__ */ jsx("circle", { cx: 5, cy: 12, r: 1 }),
-      /* @__PURE__ */ jsx("circle", { cx: 5, cy: 17, r: 1 })
-    ]
-  }
-);
-const IconList = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconListSvg, ...iconProps });
-};
-const IconLocationSvg = ({ 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 1C7.6 1 4 4.6 4 9c0 4.1 6.5 12.6 7.2 13.6.2.2.5.4.8.4s.6-.1.8-.4c.7-1 7.2-9.5 7.2-13.6 0-4.4-3.6-8-8-8zm0 19.3c-2.2-3-6-8.8-6-11.3 0-3.3 2.7-6 6-6s6 2.7 6 6c0 2.5-3.8 8.3-6 11.3z" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 5c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3zm0 4c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z" })
-    ]
-  }
-);
-const IconLocation = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconLocationSvg, ...iconProps });
-};
-const IconMailSvg = ({ 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: "M22 6.8C21.9 5.2 20.6 4 19 4H5C3.4 4 2.1 5.2 2 6.8V17c0 1.7 1.3 3 3 3h14c1.7 0 3-1.3 3-3V6.8zM5 6h14c.4 0 .7.2.9.5L12 11.8 4.1 6.5c.2-.3.5-.5.9-.5zm14 12H5c-.6 0-1-.4-1-1V8.9l7.4 5c.2.1.4.2.6.2s.4-.1.6-.2l7.4-5V17c0 .6-.4 1-1 1z" })
-    ]
-  }
-);
-const IconMail = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconMailSvg, ...iconProps });
-};
-const IconMessageSvg = ({ 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: "M12 3a9 9 0 0 0-7.605 13.815L3 21l4.909-.982A9 9 0 1 0 12 3Z",
-          fill: "none",
-          stroke: "currentColor",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2
-        }
-      )
-    ]
-  }
-);
-const IconMessage = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconMessageSvg, ...iconProps });
-};
-const IconMinusSvg = ({ 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 11H6c-.6 0-1 .4-1 1s.4 1 1 1h12c.6 0 1-.4 1-1s-.4-1-1-1z" })
-    ]
-  }
-);
-const IconMinus = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconMinusSvg, ...iconProps });
-};
-const IconMobileSvg = ({ 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: "M12.71 16.29a1.047 1.047 0 0 0-1.42 0 1.029 1.029 0 0 0-.21.33.832.832 0 0 0-.08.38.951.951 0 0 0 .29.7.96.96 0 0 0 .71.3 1 1 0 0 0 .38-.08 1.012 1.012 0 0 0 .33-.22.955.955 0 0 0 .29-.7 1 1 0 0 0-.08-.38 1.029 1.029 0 0 0-.21-.33Z" }),
-      /* @__PURE__ */ jsx("path", { d: "M16.286 2H7.714A2.761 2.761 0 0 0 5 4.8v14.4A2.761 2.761 0 0 0 7.714 22h8.572A2.761 2.761 0 0 0 19 19.2V4.8A2.761 2.761 0 0 0 16.286 2ZM17 19.2a.761.761 0 0 1-.714.8H7.714A.761.761 0 0 1 7 19.2V4.8a.761.761 0 0 1 .714-.8h8.572a.761.761 0 0 1 .714.8Z" })
-    ]
-  }
-);
-const IconMobile = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconMobileSvg, ...iconProps });
-};
-const IconMoneySvg = ({ 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",
-        {
-          fill: "none",
-          d: "M19 7H5a2 2 0 0 1-2 2v6a2 2 0 0 1 2 2h14a2 2 0 0 1 2-2V9a2 2 0 0 1-2-2Z"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M22.945 7.45a3 3 0 0 0-2.396-2.395A2.988 2.988 0 0 0 20 5H4c-.188 0-.37.022-.55.055a3 3 0 0 0-2.395 2.396A2.988 2.988 0 0 0 1 8v8c0 .188.022.37.055.55a3 3 0 0 0 2.396 2.395c.178.033.361.055.549.055h16c.188 0 .37-.022.55-.055a3 3 0 0 0 2.395-2.396c.033-.178.055-.36.055-.549V8c0-.188-.022-.37-.055-.55ZM21 15a2 2 0 0 0-2 2H5a2 2 0 0 0-2-2V9a2 2 0 0 0 2-2h14a2 2 0 0 0 2 2v6Z" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 16c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4Zm0-6c-1.103 0-2 .897-2 2s.897 2 2 2 2-.897 2-2-.897-2-2-2Z" })
-    ]
-  }
-);
-const IconMoney = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconMoneySvg, ...iconProps });
-};
-const IconNewWindowSvg = ({ 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 11c-.6 0-1 .4-1 1v5c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V7c0-.6.4-1 1-1h5c.6 0 1-.4 1-1s-.4-1-1-1H7C5.3 4 4 5.3 4 7v10c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-5c0-.6-.4-1-1-1z" }),
-      /* @__PURE__ */ jsx("path", { d: "M21 3v-.4l-.1-.1c0-.1-.1-.1-.1-.2 0 0-.1 0-.1-.1-.1 0-.1-.1-.2-.1h-4.3c-.6 0-1 .4-1 1s.4 1 1 1H18l-6.5 7.3c-.4.4-.3 1 .1 1.4.2.2.4.3.7.3.3 0 .6-.1.7-.3l6.3-7V7c0 .6.4 1 1 1s1-.4 1-1L21 3z" })
-    ]
-  }
-);
-const IconNewWindow = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconNewWindowSvg, ...iconProps });
-};
-const IconNoteSvg = ({ 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: "M13 11H8c-.6 0-1 .4-1 1s.4 1 1 1h5c.6 0 1-.4 1-1s-.4-1-1-1zm-2 4H8c-.6 0-1 .4-1 1s.4 1 1 1h3c.6 0 1-.4 1-1s-.4-1-1-1z" }),
-      /* @__PURE__ */ jsx("path", { d: "M20.9 8.6c-.1-.1-.1-.2-.2-.3l-5-5c-.1-.1-.2-.2-.3-.2-.1-.1-.3-.1-.4-.1H6C4.3 3 3 4.3 3 6v12c0 1.7 1.3 3 3 3h12c1.7 0 3-1.3 3-3V9c0-.1 0-.3-.1-.4zM16 6.4 17.6 8H16V6.4zM18 19H6c-.6 0-1-.4-1-1V6c0-.6.4-1 1-1h8v4c0 .6.4 1 1 1h4v8c0 .6-.4 1-1 1z" })
-    ]
-  }
-);
-const IconNote = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconNoteSvg, ...iconProps });
-};
-const IconNotificationSvg = ({ 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 16v-6a8.018 8.018 0 0 0-5.45-7.577 2.996 2.996 0 0 0-5.1 0A8.018 8.018 0 0 0 4 10v6a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2ZM6 16v-6a6.008 6.008 0 0 1 4.411-5.78 1.001 1.001 0 0 0 .663-.591.996.996 0 0 1 1.852 0 1.001 1.001 0 0 0 .663.592A6.008 6.008 0 0 1 18 10v6Zm6 6a2.991 2.991 0 0 0 2.816-2H9.184A2.991 2.991 0 0 0 12 22Z" })
-    ]
-  }
-);
-const IconNotification = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconNotificationSvg, ...iconProps });
-};
-const IconOverflowSvg = ({ 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("circle", { cx: 12, cy: 4, r: 2 }),
-      /* @__PURE__ */ jsx("circle", { cx: 12, cy: 20, r: 2 }),
-      /* @__PURE__ */ jsx("circle", { cx: 12, cy: 12, r: 2 })
-    ]
-  }
-);
-const IconOverflow = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconOverflowSvg, ...iconProps });
-};
-const IconPeopleSvg = ({ 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: "M14.772 4.023c.076-.006.15-.023.228-.023a3 3 0 0 1 0 6c-.078 0-.152-.017-.228-.023a6.529 6.529 0 0 1-1.325 1.751A4.934 4.934 0 0 0 15 12a5 5 0 0 0 0-10 4.934 4.934 0 0 0-1.553.272 6.529 6.529 0 0 1 1.325 1.751ZM17 14h-1.853a6.54 6.54 0 0 1 1.613 2H17a3.003 3.003 0 0 1 3 3v2a1 1 0 0 0 2 0v-2a5.006 5.006 0 0 0-5-5Z" }),
-      /* @__PURE__ */ jsx("path", { d: "M9 12a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5Zm0-8a3 3 0 1 0 3 3 3.003 3.003 0 0 0-3-3Zm6 18a1 1 0 0 1-1-1v-2a3.003 3.003 0 0 0-3-3H7a3.003 3.003 0 0 0-3 3v2a1 1 0 0 1-2 0v-2a5.006 5.006 0 0 1 5-5h4a5.006 5.006 0 0 1 5 5v2a1 1 0 0 1-1 1Z" })
-    ]
-  }
-);
-const IconPeople = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconPeopleSvg, ...iconProps });
-};
-const IconPersonAddSvg = ({ 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: "M9 12a5 5 0 1 0-5-5 5.006 5.006 0 0 0 5 5Zm0-8a3 3 0 1 1-3 3 3.003 3.003 0 0 1 3-3Zm12 7h-2V9a1 1 0 0 0-2 0v2h-2a1 1 0 0 0 0 2h2v2a1 1 0 0 0 2 0v-2h2a1 1 0 0 0 0-2Zm-10 3H7a5.006 5.006 0 0 0-5 5v2a1 1 0 0 0 2 0v-2a3.003 3.003 0 0 1 3-3h4a3.003 3.003 0 0 1 3 3v2a1 1 0 0 0 2 0v-2a5.006 5.006 0 0 0-5-5Z" })
-    ]
-  }
-);
-const IconPersonAdd = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconPersonAddSvg, ...iconProps });
-};
-const IconPersonVerifiedSvg = ({
-  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.4 4.1-8-3c-.2-.1-.5-.1-.7 0l-8 3c-.4.1-.7.5-.7.9v7c0 6.5 8.2 10.7 8.6 10.9.1.1.2.1.4.1s.3 0 .4-.1c.4-.2 8.6-4.4 8.6-10.9V5c0-.4-.3-.8-.6-.9zM19 12c0 4.5-5.4 7.9-7 8.9-1.6-.9-7-4.3-7-8.9V5.7l7-2.6 7 2.6V12z" }),
-      /* @__PURE__ */ jsx("path", { d: "M9.7 11.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l2 2c.2.2.5.3.7.3s.5-.1.7-.3l4-4c.4-.4.4-1 0-1.4s-1-.4-1.4 0L11 12.6l-1.3-1.3z" })
-    ]
-  }
-);
-const IconPersonVerified = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconPersonVerifiedSvg, ...iconProps });
-};
-const IconPhoneSvg = ({ 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: "M18.338 20.999a2.45 2.45 0 0 1-.292-.017A17.205 17.205 0 0 1 3.018 5.954a2.63 2.63 0 0 1 .655-2.047A2.723 2.723 0 0 1 5.699 3h3.29a1 1 0 0 1 .894.553l1.694 3.387a1 1 0 0 1-.062 1.002l-1.33 1.995a14.439 14.439 0 0 0 3.754 3.792l1.119-1.119a1.003 1.003 0 0 1 1.078-.221l4.235 1.694a1 1 0 0 1 .629.929V18.3a2.723 2.723 0 0 1-.907 2.026 2.641 2.641 0 0 1-1.755.672ZM5.699 5a.717.717 0 0 0-.534.24.63.63 0 0 0-.161.488 15.191 15.191 0 0 0 13.268 13.268.65.65 0 0 0 .489-.161.717.717 0 0 0 .239-.534v-2.613l-2.994-1.197-1.229 1.228a.998.998 0 0 1-1.236.141 16.495 16.495 0 0 1-5.402-5.403.998.998 0 0 1 .017-1.082l1.372-2.059L8.37 5Z" })
-    ]
-  }
-);
-const IconPhone = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconPhoneSvg, ...iconProps });
-};
-const IconPlatformAndroidSvg = ({
-  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: "m17.09 10.255 1.674-2.891a.577.577 0 0 0-.237-.773.58.58 0 0 0-.754.2l-1.71 2.945a10.42 10.42 0 0 0-8.127 0L6.227 6.791a.584.584 0 0 0-.79-.182.58.58 0 0 0-.2.755l1.672 2.89A9.8 9.8 0 0 0 2 18h20a9.8 9.8 0 0 0-4.91-7.745ZM7.456 15.5a1.137 1.137 0 1 1 0-2.274 1.137 1.137 0 0 1 0 2.274Zm9.09 0a1.137 1.137 0 1 1 .001-2.274 1.137 1.137 0 0 1 0 2.274Z" })
-    ]
-  }
-);
-const IconPlatformAndroid = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconPlatformAndroidSvg, ...iconProps });
-};
-const IconPlatformAppleSvg = ({
-  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: "M17.957 8.241c-.104.081-1.948 1.12-1.948 3.43 0 2.67 2.346 3.616 2.416 3.64-.01.057-.373 1.294-1.237 2.554-.77 1.109-1.575 2.216-2.799 2.216s-1.54-.711-2.952-.711c-1.377 0-1.867.734-2.987.734s-1.9-1.026-2.799-2.286c-1.04-1.48-1.881-3.779-1.881-5.96 0-3.5 2.275-5.356 4.515-5.356 1.19 0 2.181.781 2.929.781.71 0 1.82-.828 3.173-.828.513 0 2.357.047 3.57 1.786Zm-4.212-3.267c.56-.665.955-1.586.955-2.508 0-.128-.01-.257-.034-.362-.91.034-1.994.607-2.648 1.365-.513.583-.992 1.505-.992 2.439 0 .14.024.28.035.326.057.01.15.023.244.023.818 0 1.846-.547 2.44-1.283Z" })
-    ]
-  }
-);
-const IconPlatformApple = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconPlatformAppleSvg, ...iconProps });
-};
-const IconPositiveSvg = ({ 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: "M15.3 9.3 11 13.6l-1.3-1.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l2 2c.2.2.5.3.7.3s.5-.1.7-.3l5-5c.4-.4.4-1 0-1.4s-1-.4-1.4 0z" })
-    ]
-  }
-);
-const IconPositive = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconPositiveSvg, ...iconProps });
-};
-const IconPrintSvg = ({ 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 8h-1V3c0-.6-.4-1-1-1H7c-.6 0-1 .4-1 1v5H5c-1.7 0-3 1.3-3 3v4c0 1.7 1.3 3 3 3v3c0 .6.4 1 1 1h12c.6 0 1-.4 1-1v-3c1.7 0 3-1.3 3-3v-4c0-1.7-1.3-3-3-3zM8 4h8v4H8V4zm9 16H7v-4h10v4zm3-5c0 .6-.4 1-1 1v-1c0-.6-.4-1-1-1H6c-.6 0-1 .4-1 1v1c-.6 0-1-.4-1-1v-4c0-.6.4-1 1-1h14c.6 0 1 .4 1 1v4z" })
-    ]
-  }
-);
-const IconPrint = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconPrintSvg, ...iconProps });
-};
-const IconProfileSvg = ({ 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: "M12 12a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5Zm0-8a3 3 0 1 0 3 3 3.003 3.003 0 0 0-3-3Zm6 18a1 1 0 0 1-1-1v-2a3.003 3.003 0 0 0-3-3h-4a3.003 3.003 0 0 0-3 3v2a1 1 0 0 1-2 0v-2a5.006 5.006 0 0 1 5-5h4a5.006 5.006 0 0 1 5 5v2a1 1 0 0 1-1 1Z" })
-    ]
-  }
-);
-const IconProfile = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconProfileSvg, ...iconProps });
-};
-const IconPromoteSvg = ({ 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 10h1c.6 0 1-.4 1-1s-.4-1-1-1H6V7c0-.6-.4-1-1-1s-1 .4-1 1v1H3c-.6 0-1 .4-1 1s.4 1 1 1h1v1c0 .6.4 1 1 1s1-.4 1-1v-1zm5 8h-1v-1c0-.6-.4-1-1-1s-1 .4-1 1v1H7c-.6 0-1 .4-1 1s.4 1 1 1h1v1c0 .6.4 1 1 1s1-.4 1-1v-1h1c.6 0 1-.4 1-1s-.4-1-1-1zm10-7c-2.2 0-4-3.2-4-7 0-.6-.4-1-1-1s-1 .4-1 1c0 3.8-1.8 7-4 7-.6 0-1 .4-1 1s.4 1 1 1c2.2 0 4 3.2 4 7 0 .6.4 1 1 1s1-.4 1-1c0-3.8 1.8-7 4-7 .6 0 1-.4 1-1s-.4-1-1-1zm-5 4c-.6-1.3-1.3-2.3-2.2-3 .9-.7 1.7-1.7 2.2-3 .6 1.3 1.3 2.3 2.2 3-.9.7-1.6 1.7-2.2 3z" })
-    ]
-  }
-);
-const IconPromote = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconPromoteSvg, ...iconProps });
-};
-const IconRecommendedSvg = ({ 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 8c0-3.9-3.1-7-7-7S5 4.1 5 8c0 2 .8 3.8 2.2 5.1L6 21.9c-.1.4.1.8.4 1 .3.2.7.2 1.1 0l4.5-2.7 4.5 2.7c.1.1.3.1.5.1s.4-.1.5-.2c.3-.2.5-.6.4-1L16.7 13c1.5-1.2 2.3-3 2.3-5zM7 8c0-2.8 2.2-5 5-5s5 2.2 5 5-2.2 5-5 5-5-2.2-5-5zm8.7 12.1-3.2-1.9c-.3-.2-.7-.2-1 0l-3.2 1.9.7-5.8c.9.4 1.9.7 3 .7s2.1-.2 3-.7l.7 5.8z" })
-    ]
-  }
-);
-const IconRecommended = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconRecommendedSvg, ...iconProps });
-};
-const IconRefreshSvg = ({ 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: "M23.607 10.29a1 1 0 0 0-1.414 0l-.304.304A9.995 9.995 0 1 0 12 22a1 1 0 0 0 0-2 8 8 0 1 1 7.86-9.457l-.253-.253a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l2-2a1 1 0 0 0 0-1.414Z" })
-    ]
-  }
-);
-const IconRefresh = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconRefreshSvg, ...iconProps });
-};
-const IconResumeSvg = ({ 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: "M17 2H7C5.3 2 4 3.3 4 5v14c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3V5c0-1.7-1.3-3-3-3zm1 17c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V5c0-.6.4-1 1-1h10c.6 0 1 .4 1 1v14z" }),
-      /* @__PURE__ */ jsx("circle", { cx: 10, cy: 8, r: 2 }),
-      /* @__PURE__ */ jsx("path", { d: "M15 12H9c-.6 0-1 .4-1 1s.4 1 1 1h6c.6 0 1-.4 1-1s-.4-1-1-1zm-2 4H9c-.6 0-1 .4-1 1s.4 1 1 1h4c.6 0 1-.4 1-1s-.4-1-1-1z" })
-    ]
-  }
-);
-const IconResume = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconResumeSvg, ...iconProps });
-};
-const IconSearchSvg = ({ 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: "M21.7 20.3 18 16.6c1.2-1.5 2-3.5 2-5.6 0-5-4-9-9-9s-9 4-9 9 4 9 9 9c2.1 0 4.1-.7 5.6-2l3.7 3.7c.2.2.5.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4zM4 11c0-3.9 3.1-7 7-7s7 3.1 7 7c0 1.9-.8 3.7-2 4.9-1.3 1.3-3 2-4.9 2-4 .1-7.1-3-7.1-6.9z" })
-    ]
-  }
-);
-const IconSearch = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconSearchSvg, ...iconProps });
-};
-const IconSecuritySvg = ({ 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: "M17 10V7c0-2.8-2.2-5-5-5S7 4.2 7 7v3c-1.7 0-3 1.3-3 3v6c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-6c0-1.7-1.3-3-3-3zM9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v3H9V7zm9 12c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1v-6c0-.6.4-1 1-1h10c.6 0 1 .4 1 1v6z" })
-    ]
-  }
-);
-const IconSecurity = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconSecuritySvg, ...iconProps });
-};
-const IconSendSvg = ({ 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: "M22 3c0-.1 0-.2-.1-.3v-.1c0-.1-.1-.2-.2-.3-.1-.1-.2-.1-.3-.2h-.1c-.1-.1-.2-.1-.3-.1h-.3l-19 6c-.4.2-.6.5-.7.9 0 .4.1.8.5 1l7.8 4.9 4.9 7.8c.2.3.5.5.8.5h.1c.4 0 .7-.3.8-.7l6-19c.1-.2.1-.3.1-.4zm-4.6 2.2-7.5 7.5-5.5-3.4 13-4.1zm-2.7 14.4-3.4-5.5 7.5-7.5-4.1 13z" })
-    ]
-  }
-);
-const IconSend = (props) => {
-  const iconProps = useIcon(props, {
-    verticalCorrection: {
-      uppercase: "none",
-      lowercase: "up"
-    }
-  });
-  return /* @__PURE__ */ jsx(Box, { component: IconSendSvg, ...iconProps });
-};
-const IconSentSvg = ({ 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: "M13 8.2V6.4c0-1.1-.9-2-2-2-.5 0-1 .2-1.4.6l-6.3 6.3c-.4.4-.4 1 0 1.4L9.6 19c.8.8 2 .8 2.8 0 .4-.4.6-.9.6-1.4v-1.7c2.5 0 4.9 1.3 6.1 3.6.2.3.5.5.9.5h.2c.4-.1.8-.5.8-1 0-3.3-1.7-9.5-8-10.8zM11.9 14c-.5.1-.9.5-.9 1v2.6L5.4 12 11 6.4V9c0 .5.4.9.9 1 4.1.5 5.8 3.4 6.6 5.7-1.9-1.4-4.3-2-6.6-1.7z" })
-    ]
-  }
-);
-const IconSent = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconSentSvg, ...iconProps });
-};
-const IconSettingsSvg = ({ 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: "m21.3 13.3-.2-.2c-.5-.7-.5-1.5 0-2.2l.2-.2c.6-.8.9-1.7.8-2.7-.2-2.1-2.1-3.6-4.2-3.4h-.3c-.8.1-1.6-.3-1.9-1.1l-.1-.3c-.4-.9-1.1-1.6-2-2-.9-.4-2-.4-2.9-.1-1 .4-1.7 1.1-2.1 2l-.2.4c-.3.8-1.1 1.2-1.9 1.1h-.3c-1-.1-1.9.2-2.7.7-1.6 1.3-2 3.7-.8 5.4l.2.2c.5.6.5 1.5 0 2.2l-.2.2c-.5.8-.8 1.7-.7 2.7.1 1 .6 1.9 1.4 2.6.8.6 1.8.9 2.8.8h.3c.8-.1 1.6.3 1.9 1.1l.1.3c.4.9 1.1 1.6 2 2 .5.2 1 .3 1.5.3s.9-.1 1.4-.3c1-.4 1.7-1.1 2.1-2l.1-.3c.3-.7 1.1-1.2 1.9-1.1h.3c.9.1 1.9-.2 2.7-.7.8-.6 1.4-1.5 1.5-2.5.2-1 0-2.1-.7-2.9zm-1.2 2.6c-.1.5-.3.9-.7 1.2-.4.3-.8.4-1.3.3h-.3c-1.7-.2-3.2.7-3.9 2.3l-.1.3c-.2.5-.6.8-1 1-.5.2-1 .2-1.4 0-.4-.2-.8-.5-.9-.9l-.1-.3c-.6-1.4-2-2.3-3.5-2.3h-.7c-.5.1-1-.1-1.4-.4-.4-.3-.6-.7-.7-1.2 0-.5.1-.9.3-1.3l.2-.2c1-1.4 1-3.2 0-4.5l-.2-.4c-.3-.4-.4-.9-.4-1.4.1-.5.3-.9.7-1.2.4-.2.9-.4 1.3-.3h.3c1.7.2 3.3-.7 4-2.2l.1-.3c.2-.4.6-.8 1-1 .5-.2 1-.2 1.4 0 .4.2.8.5.9.9l.1.3c.7 1.5 2.3 2.4 3.9 2.3h.3c1-.1 1.9.6 2 1.6 0 .5-.1.9-.3 1.3l-.2.2c-1 1.4-1 3.2 0 4.5l.2.2c.3.5.4 1 .4 1.5z" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 8c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.7-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.8 2-2 2z" })
-    ]
-  }
-);
-const IconSettings = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconSettingsSvg, ...iconProps });
-};
-const IconShareSvg = ({ 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 11.3 14.4 5c-.4-.4-.9-.6-1.4-.6-1.1 0-2 .9-2 2v1.7C4.7 9.5 3 15.7 3 19c0 .5.3.9.8 1H4c.4 0 .7-.2.9-.5 1.2-2.2 3.6-3.6 6.1-3.6v1.7c0 .5.2 1 .6 1.4.8.8 2 .8 2.8 0l6.3-6.3c.4-.4.4-1 0-1.4zM13 17.6V15c0-.5-.4-.9-.9-1-.4-.1-.8-.1-1.2-.1-1.9 0-3.8.6-5.4 1.8.7-2.4 2.5-5.2 6.6-5.7.5-.1.9-.5.9-1V6.4l5.6 5.6-5.6 5.6z" })
-    ]
-  }
-);
-const IconShare = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconShareSvg, ...iconProps });
-};
-const IconSocialFacebookSvg = ({
-  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: "M15.016 2c.8 0 2.183.157 2.748.314v3.502a16.218 16.218 0 0 0-1.46-.047c-2.074 0-2.875.786-2.875 2.827v1.367h3.85l-.71 3.863h-3.14V22H8.843v-8.174H6.236V9.963h2.607V8.298C8.843 3.995 10.791 2 15.015 2" })
-    ]
-  }
-);
-const IconSocialFacebook = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconSocialFacebookSvg, ...iconProps });
-};
-const IconSocialGitHubSvg = ({ 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",
-        {
-          fillRule: "evenodd",
-          d: "M12.008 2C6.38 2 1.831 6.583 1.831 12.254c0 4.532 2.915 8.369 6.959 9.727.506.102.69-.221.69-.493 0-.237-.016-1.052-.016-1.901-2.831.611-3.42-1.222-3.42-1.222-.456-1.189-1.13-1.494-1.13-1.494-.927-.628.068-.628.068-.628 1.027.068 1.567 1.052 1.567 1.052.91 1.562 2.376 1.12 2.965.85.085-.663.354-1.121.64-1.376-2.257-.238-4.633-1.12-4.633-5.059 0-1.12.404-2.037 1.045-2.75-.102-.254-.455-1.307.1-2.716 0 0 .86-.272 2.798 1.052a9.786 9.786 0 0 1 2.544-.34c.86 0 1.736.12 2.545.34 1.938-1.324 2.797-1.052 2.797-1.052.556 1.409.202 2.462.101 2.716.657.713 1.045 1.63 1.045 2.75 0 3.939-2.376 4.804-4.65 5.06.37.322.69.933.69 1.9 0 1.375-.017 2.479-.017 2.818 0 .272.186.595.691.493a10.246 10.246 0 0 0 6.96-9.727C22.185 6.584 17.62 2 12.007 2Z"
-        }
-      )
-    ]
-  }
-);
-const IconSocialGitHub = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconSocialGitHubSvg, ...iconProps });
-};
-const IconSocialInstagramSvg = ({
-  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: "M7.858 2.07c-1.064.05-1.79.22-2.425.469-.658.256-1.215.6-1.77 1.156a4.9 4.9 0 0 0-1.15 1.773c-.246.637-.413 1.364-.46 2.429-.046 1.066-.057 1.407-.052 4.122.005 2.715.017 3.056.068 4.123.051 1.064.22 1.79.47 2.426.256.657.6 1.214 1.156 1.769a4.904 4.904 0 0 0 1.774 1.15c.636.245 1.363.413 2.428.46 1.066.047 1.407.057 4.122.052 2.716-.005 3.056-.017 4.123-.068 1.064-.05 1.79-.221 2.426-.47a4.901 4.901 0 0 0 1.769-1.156 4.903 4.903 0 0 0 1.15-1.774c.245-.636.413-1.363.46-2.427.046-1.067.057-1.408.052-4.123-.005-2.716-.018-3.056-.068-4.122-.05-1.065-.221-1.79-.47-2.427a4.905 4.905 0 0 0-1.156-1.769 4.894 4.894 0 0 0-1.774-1.15c-.636-.245-1.363-.413-2.427-.46-1.067-.047-1.407-.057-4.123-.052-2.715.005-3.056.017-4.123.068m.117 18.078c-.975-.043-1.504-.205-1.857-.34a3.136 3.136 0 0 1-1.152-.746 3.107 3.107 0 0 1-.75-1.149c-.137-.352-.302-.881-.347-1.856-.05-1.054-.061-1.37-.066-4.04-.005-2.67.004-2.986.05-4.041.042-.974.205-1.504.34-1.857.182-.468.398-.8.747-1.151.35-.351.682-.568 1.148-.75.353-.138.881-.302 1.856-.348 1.055-.05 1.37-.06 4.04-.066 2.67-.005 2.986.004 4.041.05.975.043 1.505.204 1.857.34.467.182.8.397 1.151.747.35.35.568.681.75 1.149.138.351.302.88.348 1.855.05 1.054.062 1.37.066 4.04.006 2.67-.004 2.986-.05 4.04-.043.976-.205 1.505-.34 1.859-.181.467-.398.8-.747 1.15a3.11 3.11 0 0 1-1.148.75c-.352.138-.882.302-1.856.349-1.054.05-1.37.06-4.04.065-2.67.006-2.986-.005-4.04-.05m8.151-13.492a1.2 1.2 0 1 0 2.4-.006 1.2 1.2 0 0 0-2.4.006M6.865 12.01a5.134 5.134 0 1 0 10.269-.02 5.134 5.134 0 0 0-10.269.02m1.802-.004a3.333 3.333 0 1 1 6.666-.011 3.333 3.333 0 0 1-6.666.011" })
-    ]
-  }
-);
-const IconSocialInstagram = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconSocialInstagramSvg, ...iconProps });
-};
-const IconSocialLinkedInSvg = ({
-  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: "M7.907 18.837H4.982v-9.4h2.925v9.4ZM6.445 8.152a1.694 1.694 0 1 1-.003-3.388 1.694 1.694 0 0 1 .003 3.388ZM18.85 18.837h-2.922v-4.572c0-1.09-.018-2.492-1.518-2.492-1.52 0-1.752 1.188-1.752 2.414v4.65H9.74v-9.4h2.8v1.284h.04c.39-.739 1.343-1.518 2.765-1.518 2.958 0 3.505 1.946 3.505 4.478v5.156ZM21 2H3a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1Z" })
-    ]
-  }
-);
-const IconSocialLinkedIn = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconSocialLinkedInSvg, ...iconProps });
-};
-const IconSocialMediumSvg = ({ 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: "M13.41 12c0 3.45-2.779 6.247-6.205 6.247S1 15.45 1 12s2.778-6.247 6.205-6.247S13.409 8.55 13.409 12m6.807 0c0 3.248-1.39 5.88-3.102 5.88S14.01 15.249 14.01 12s1.39-5.88 3.103-5.88 3.102 2.632 3.102 5.88M23 12c0 2.91-.488 5.269-1.091 5.269s-1.091-2.36-1.091-5.269.488-5.269 1.09-5.269S23 9.091 23 12" }),
-      /* @__PURE__ */ jsx("path", { fill: "none", d: "M22.98 6.104v11.755H1.032V6.104H22.98Z" })
-    ]
-  }
-);
-const IconSocialMedium = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconSocialMediumSvg, ...iconProps });
-};
-const IconSocialXSvg = ({ 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: "M14.096 10.55 20.666 3h-2l-5.404 6.21-3.278-5.267L9.397 3H2.399l1.903 3.057 4.88 7.84L3 21h2l5.016-5.763 3 4.82.587.943h6.998l-1.903-3.057-4.602-7.393Zm.618 8.45-3.324-5.341-.834-1.34L6 5h2.286l3.602 5.788.834 1.34L17 19h-2.286Z" })
-    ]
-  }
-);
-const IconSocialTwitter = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconSocialXSvg, ...iconProps });
-};
-const IconSocialX = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconSocialXSvg, ...iconProps });
-};
-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" })
-    ]
-  }
-);
-const IconSocialYouTube = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconSocialYouTubeSvg, ...iconProps });
-};
-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" })
-    ]
-  }
-);
-const IconSort = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconSortSvg, ...iconProps });
-};
-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" })
-    ]
-  }
-);
-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" })
-    ]
-  }
-);
-const IconStar = ({ active = false, ...props }) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: active ? IconStarActiveSvg : IconStarSvg, ...iconProps });
-};
-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" })
-    ]
-  }
-);
-const IconStatistics = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconStatisticsSvg, ...iconProps });
-};
-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" })
-    ]
-  }
-);
-const IconSubCategory = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconSubCategorySvg, ...iconProps });
-};
-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" })
-    ]
-  }
-);
-const IconTag = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconTagSvg, ...iconProps });
-};
-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" })
-    ]
-  }
-);
-const IconTick = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconTickSvg, ...iconProps });
-};
-const IconTimeSvg = ({ 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: "M16.4 13.1 13 11.4V6c0-.6-.4-1-1-1s-1 .4-1 1v6c0 .4.2.7.6.9l4 2c.1.1.2.1.4.1.4 0 .7-.2.9-.6.2-.4 0-1-.5-1.3z" }),
-      /* @__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" })
-    ]
-  }
-);
-const IconTime = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconTimeSvg, ...iconProps });
-};
-const IconTipSvg = ({ 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: "M9 18.957a1 1 0 0 1-1-1V16a8.96 8.96 0 0 0-1.485-2.633l-.277-.391a7 7 0 1 1 11.524 0l-.277.391A8.96 8.96 0 0 0 16 16v1.932a1 1 0 0 1-2 0V16c0-1.095.878-2.419 1.856-3.793l.261-.368a5 5 0 1 0-8.234 0l.26.368C9.124 13.581 10 14.905 10 16v1.957a1 1 0 0 1-1 1Z" }),
-      /* @__PURE__ */ jsx("path", { d: "M13.286 22h-2.572A2.761 2.761 0 0 1 8 19.2V17a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2.2a2.761 2.761 0 0 1-2.714 2.8ZM10 18v1.2a.761.761 0 0 0 .714.8h2.572a.761.761 0 0 0 .714-.8V18Zm13-8h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2Zm-1.475 5.5a.994.994 0 0 1-.499-.134l-1.732-1a1 1 0 1 1 1-1.732l1.732 1a1 1 0 0 1-.5 1.866Zm-1.73-10a1 1 0 0 1-.501-1.866l1.732-1a1 1 0 1 1 1 1.732l-1.732 1a.994.994 0 0 1-.5.134ZM3 10H1a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2Zm-.525 5.5a1 1 0 0 1-.501-1.866l1.732-1a1 1 0 1 1 1 1.732l-1.732 1a.994.994 0 0 1-.5.134Zm1.73-10a.994.994 0 0 1-.499-.134l-1.732-1a1 1 0 0 1 1-1.732l1.732 1a1 1 0 0 1-.5 1.866ZM15 10a1 1 0 0 1-1-1 2.003 2.003 0 0 0-2-2 1 1 0 0 1 0-2 4.004 4.004 0 0 1 4 4 1 1 0 0 1-1 1Z" }),
-      /* @__PURE__ */ jsx("path", { d: "M14 21a2 2 0 0 1-4 0" })
-    ]
-  }
-);
-const IconTip = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconTipSvg, ...iconProps });
-};
-const IconUploadSvg = ({ 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.7 9.7 11 6.4V14c0 .6.4 1 1 1s1-.4 1-1V6.4l3.3 3.3c.2.2.4.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4l-5-5c-.4-.4-1-.4-1.4 0l-5 5c-.4.4-.4 1 0 1.4s1 .4 1.4 0zM19 16c-.6 0-1 .4-1 1v1c0 .6-.5 1-1.1 1H7.1c-.6 0-1-.5-1.1-1v-1c0-.6-.4-1-1-1s-1 .4-1 1v1c0 1.7 1.4 3 3 3h9.9c1.7 0 3.1-1.3 3.1-3v-1c0-.6-.4-1-1-1z" })
-    ]
-  }
-);
-const IconUpload = (props) => {
-  const iconProps = useIcon(props, {
-    verticalCorrection: {
-      uppercase: "none",
-      lowercase: "up"
-    }
-  });
-  return /* @__PURE__ */ jsx(Box, { component: IconUploadSvg, ...iconProps });
-};
-const IconVideoSvg = ({ 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.4 11.1-12-6c-.3-.1-.6-.1-.9 0-.3.2-.5.6-.5.9v12c0 .3.2.7.5.9.1.1.3.1.5.1s.3 0 .4-.1l12-6c.3-.2.6-.5.6-.9s-.2-.7-.6-.9zM7 16.4V7.6l8.8 4.4L7 16.4z" })
-    ]
-  }
-);
-const IconVideo = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconVideoSvg, ...iconProps });
-};
-const IconVisibilitySvg = ({ 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: "M21.912 11.59C21.791 11.32 18.867 5 12 5s-9.791 6.32-9.912 6.59a1.001 1.001 0 0 0 0 .82C2.209 12.68 5.133 19 12 19s9.791-6.32 9.912-6.59a1.001 1.001 0 0 0 0-.82ZM12 17c-4.708 0-7.173-3.728-7.877-5C4.827 10.728 7.292 7 12 7c4.71 0 7.175 3.73 7.877 5-.704 1.272-3.169 5-7.877 5Z" }),
-      /* @__PURE__ */ jsx("circle", { cx: 12, cy: 12, r: 2.5 })
-    ]
-  }
-);
-const IconVisibilityHiddenSvg = ({
-  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: "M5.571 14.015A11.133 11.133 0 0 1 4.123 12C4.827 10.728 7.292 7 12 7c.192 0 .374.015.558.027l1.768-1.767A10.41 10.41 0 0 0 12 5c-6.867 0-9.791 6.32-9.912 6.59a1.001 1.001 0 0 0 0 .82 12.68 12.68 0 0 0 2.072 3.016Zm16.341-2.425a12.842 12.842 0 0 0-3.64-4.448l2.435-2.435a1 1 0 0 0-1.414-1.414l-6.384 6.384-3.232 3.232-6.384 6.384a1 1 0 1 0 1.414 1.414l2.76-2.76A10.023 10.023 0 0 0 12 19c6.867 0 9.791-6.32 9.912-6.59a1.001 1.001 0 0 0 0-.82ZM12 17a8.097 8.097 0 0 1-3.008-.578l2.099-2.099a2.488 2.488 0 0 0 3.232-3.232l2.515-2.515A10.792 10.792 0 0 1 19.877 12c-.704 1.272-3.169 5-7.877 5Z" })
-    ]
-  }
-);
-const IconVisibility = ({ hidden, ...props }) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: hidden ? IconVisibilityHiddenSvg : IconVisibilitySvg,
-      ...iconProps
-    }
-  );
-};
-const IconWorkExperienceSvg = ({
-  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 6h-3V5a3.003 3.003 0 0 0-3-3h-4a3.003 3.003 0 0 0-3 3v1H4a3.003 3.003 0 0 0-3 3v10a3.003 3.003 0 0 0 3 3h16a3.003 3.003 0 0 0 3-3V9a3.003 3.003 0 0 0-3-3ZM9 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1H9Zm6 3v12H9V8ZM3 19V9a1 1 0 0 1 1-1h3v12H4a1 1 0 0 1-1-1Zm18 0a1 1 0 0 1-1 1h-3V8h3a1 1 0 0 1 1 1Z" })
-    ]
-  }
-);
-const IconWorkExperience = (props) => {
-  const iconProps = useIcon(props, {
-    verticalCorrection: {
-      uppercase: "up",
-      lowercase: "up"
-    }
-  });
-  return /* @__PURE__ */ jsx(Box, { component: IconWorkExperienceSvg, ...iconProps });
-};
-const IconZoomInSvg = ({ 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: "m21.707 20.293-3.682-3.682a9.022 9.022 0 1 0-1.414 1.414l3.682 3.682a1 1 0 0 0 1.414-1.414ZM4 11a7 7 0 1 1 11.962 4.93c-.006.006-.013.008-.019.013s-.007.013-.012.02A6.995 6.995 0 0 1 4 11Z" }),
-      /* @__PURE__ */ jsx("path", { d: "M14 10h-2V8a1 1 0 0 0-2 0v2H8a1 1 0 0 0 0 2h2v2a1 1 0 0 0 2 0v-2h2a1 1 0 0 0 0-2Z" })
-    ]
-  }
-);
-const IconZoomIn = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconZoomInSvg, ...iconProps });
-};
-const IconZoomOutSvg = ({ 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: "m21.707 20.293-3.682-3.682a9.022 9.022 0 1 0-1.414 1.414l3.682 3.682a1 1 0 0 0 1.414-1.414ZM4 11a7 7 0 1 1 11.962 4.93c-.006.006-.013.008-.019.013s-.007.013-.012.02A6.995 6.995 0 0 1 4 11Z" }),
-      /* @__PURE__ */ jsx("path", { d: "M14 10H8a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2Z" })
-    ]
-  }
-);
-const IconZoomOut = (props) => {
-  const iconProps = useIcon(props);
-  return /* @__PURE__ */ jsx(Box, { component: IconZoomOutSvg, ...iconProps });
-};
-const useDisclosure = ({
-  id,
-  expanded: expandedProp,
-  onToggle
-}) => {
-  const [expandedFallback, setExpandedFallback] = useState(false);
-  const expanded = expandedProp ?? expandedFallback;
-  return {
-    buttonProps: {
-      "aria-controls": id,
-      "aria-expanded": expanded,
-      onClick: () => {
-        const newValue = !expanded;
-        if (expandedProp === void 0) {
-          setExpandedFallback(newValue);
-        }
-        if (typeof onToggle === "function") {
-          onToggle(newValue);
-        }
-      }
-    },
-    contentProps: {
-      id
-    },
-    expanded
-  };
-};
-const Overlay = ({
-  component,
-  zIndex,
-  background,
-  borderRadius,
-  boxShadow,
-  transition,
-  visible = false,
-  onlyVisibleForKeyboardNavigation = false,
-  className,
-  children
-}) => /* @__PURE__ */ jsx(
-  Box,
-  {
-    component,
-    position: "absolute",
-    zIndex,
-    pointerEvents: "none",
-    background,
-    borderRadius,
-    boxShadow,
-    transition,
-    inset: 0,
-    opacity: !visible ? 0 : void 0,
-    className: [
-      onlyVisibleForKeyboardNavigation ? hideFocusRingsClassName : null,
-      className
-    ],
-    children
-  }
-);
-const itemSpaceForSize = {
-  xsmall: "small",
-  small: "medium",
-  standard: "medium",
-  large: "large"
-};
-const AccordionItem = ({
-  id,
-  label,
-  children,
-  badge,
-  size: sizeProp,
-  tone: toneProp,
-  weight: weightProp,
-  icon,
-  data,
-  ...restProps
-}) => {
-  const accordionContext = useContext(AccordionContext);
-  assert(
-    !(accordionContext && sizeProp),
-    "Size cannot be set on AccordionItem when inside Accordion. Size should be set on Accordion instead."
-  );
-  assert(
-    !(accordionContext && toneProp),
-    "Tone cannot be set on AccordionItem when inside Accordion. Tone should be set on Accordion instead."
-  );
-  assert(
-    !(accordionContext && weightProp),
-    "Weight cannot be set on AccordionItem when inside Accordion. Weight should be set on Accordion instead."
-  );
-  assert(
-    toneProp === void 0 || validTones.includes(toneProp),
-    `The 'tone' prop should be one of the following: ${validTones.map((x) => `"${x}"`).join(", ")}`
-  );
-  assert(
-    // @ts-expect-error
-    !badge || badge.type.__isBadge__,
-    `AccordionItem badge prop can only be an instance of Badge. e.g. <AccordionItem badge={<Badge>New</Badge>}>`
-  );
-  assert(
-    !badge || badge.props.bleedY === void 0,
-    "Badge elements cannot set the 'bleedY' prop when passed to an AccordionItem component"
-  );
-  assert(
-    !icon || icon.props.size === void 0 && icon.props.tone === void 0,
-    "Icons cannot set the 'size' or 'tone' prop when passed to an AccordionItem component"
-  );
-  const size = (accordionContext == null ? void 0 : accordionContext.size) ?? sizeProp ?? "large";
-  const tone = (accordionContext == null ? void 0 : accordionContext.tone) ?? toneProp ?? "neutral";
-  const weight = (accordionContext == null ? void 0 : accordionContext.weight) ?? weightProp ?? "medium";
-  const itemSpace = itemSpaceForSize[size] ?? "none";
-  assert(
-    typeof label === "undefined" || typeof label === "string",
-    "Label must be a string"
-  );
-  const { expanded, buttonProps, contentProps } = useDisclosure({
-    id,
-    ...restProps.expanded !== void 0 ? {
-      onToggle: restProps.onToggle,
-      expanded: restProps.expanded
-    } : {
-      onToggle: restProps.onToggle
-    }
-  });
-  return /* @__PURE__ */ jsxs(Box, { ...buildDataAttributes({ data, validateRestProps: restProps }), children: [
-    /* @__PURE__ */ jsxs(Box, { position: "relative", display: "flex", children: [
-      /* @__PURE__ */ jsx(
-        Box,
-        {
-          component: "button",
-          type: "button",
-          cursor: "pointer",
-          className: [button, virtualTouchable()],
-          outline: "none",
-          width: "full",
-          textAlign: "left",
-          ...buttonProps,
-          children: /* @__PURE__ */ jsx(Box, { component: "span", position: "relative", children: /* @__PURE__ */ jsxs(Columns, { component: "span", space: itemSpace, children: [
-            /* @__PURE__ */ jsx(Column, { children: /* @__PURE__ */ jsxs(Inline, { component: "span", space: "small", alignY: "center", children: [
-              /* @__PURE__ */ jsx(Text, { size, weight, tone, icon, children: label }),
-              badge ? cloneElement(badge, { bleedY: true }) : null
-            ] }) }),
-            /* @__PURE__ */ jsx(Column, { width: "content", children: /* @__PURE__ */ jsx(
-              Text,
-              {
-                size,
-                weight,
-                tone: tone === "neutral" ? "secondary" : tone,
-                children: /* @__PURE__ */ jsx(IconChevron, { direction: expanded ? "up" : "down" })
-              }
-            ) })
-          ] }) })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Overlay,
-        {
-          boxShadow: "outlineFocus",
-          borderRadius: "standard",
-          transition: "fast",
-          className: [focusRing, hideFocusRingsClassName]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        paddingTop: itemSpace,
-        display: expanded ? "block" : "none",
-        ...contentProps,
-        children
-      }
-    )
-  ] });
-};
-export {
-  AccordionItem,
-  DefaultTextPropsProvider,
-  IconAdd,
-  IconBookmark,
-  IconCaution,
-  IconClear,
-  IconCompany,
-  IconCompose,
-  IconCopy,
-  IconCreditCard,
-  IconCritical,
-  IconDate,
-  IconDelete,
-  IconDesktop,
-  IconDocument,
-  IconDocumentBroken,
-  IconDownload,
-  IconEdit,
-  IconEducation,
-  IconEnlarge,
-  IconFilter,
-  IconFlag,
-  IconGrid,
-  IconHeart,
-  IconHelp,
-  IconHistory,
-  IconHome,
-  IconImage,
-  IconInfo,
-  IconInvoice,
-  IconLanguage,
-  IconLink,
-  IconLinkBroken,
-  IconList,
-  IconLocation,
-  IconMail,
-  IconMessage,
-  IconMinus,
-  IconMobile,
-  IconMoney,
-  IconNewWindow,
-  IconNote,
-  IconNotification,
-  IconOverflow,
-  IconPeople,
-  IconPersonAdd,
-  IconPersonVerified,
-  IconPhone,
-  IconPlatformAndroid,
-  IconPlatformApple,
-  IconPositive,
-  IconPrint,
-  IconProfile,
-  IconPromote,
-  IconRecommended,
-  IconRefresh,
-  IconResume,
-  IconSearch,
-  IconSecurity,
-  IconSend,
-  IconSent,
-  IconSettings,
-  IconShare,
-  IconSocialFacebook,
-  IconSocialGitHub,
-  IconSocialInstagram,
-  IconSocialLinkedIn,
-  IconSocialMedium,
-  IconSocialTwitter,
-  IconSocialX,
-  IconSocialYouTube,
-  IconSort,
-  IconStar,
-  IconStarActiveSvg,
-  IconStarSvg,
-  IconStatistics,
-  IconSubCategory,
-  IconTag,
-  IconTick,
-  IconTime,
-  IconTip,
-  IconUpload,
-  IconVideo,
-  IconVisibility,
-  IconWorkExperience,
-  IconZoomIn,
-  IconZoomOut,
-  Inline,
-  Overlay,
-  Text,
-  TextContext,
-  Typography,
-  flattenChildren,
-  useDefaultTextProps,
-  useDisclosure,
-  validInlineComponents
-};