@jamesodwyer/gds-figma-vite 1.0.0

package/dist/index48.cjs

@@ -0,0 +1,160 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const styled = require("styled-components");
+const ArrowTip = require("./index553.cjs");
+const useDelayedTooltipToggle = require("./index554.cjs");
+const getLogicalBoundingRect = require("./index555.cjs");
+const typography = require("./index520.cjs");
+const spacing = require("./index522.cjs");
+const elevation = require("./index524.cjs");
+const defaultPositionX = "centre";
+const defaultPositionY = "top";
+const defaultDesktopBreakpoint = 900;
+const defaultZIndex = 2;
+const Body = ({
+  children
+}) => /* @__PURE__ */ jsxRuntime.jsx(Container, { children });
+function Tooltip({
+  children,
+  enableClick = false,
+  enableHover = false,
+  headerHeight = 0,
+  id,
+  message,
+  positionX = defaultPositionX,
+  positionY = defaultPositionY,
+  root,
+  fixPosition,
+  zIndex = defaultZIndex,
+  desktopBreakpoint = defaultDesktopBreakpoint
+}) {
+  const tooltipRef = React.useRef(null);
+  const [overridePositionX, setOverridePositionX] = React.useState(null);
+  const [overridePositionY, setOverridePositionY] = React.useState(null);
+  const [showTooltip, setShowTooltip] = React.useState(false);
+  const {
+    handleHideTooltip,
+    handleShowTooltip,
+    handleToggleTooltip
+  } = useDelayedTooltipToggle.useDelayedTooltipToggle(tooltipRef, showTooltip, setShowTooltip);
+  const overridePosition = React.useCallback(() => {
+    if (!tooltipRef.current) return;
+    const tooltipElement = tooltipRef.current;
+    const tooltipRect = getLogicalBoundingRect.getLogicalBoundingRect(tooltipElement);
+    const containerRect = root ? getLogicalBoundingRect.getLogicalBoundingRect(root) : null;
+    const containerHeight = (containerRect == null ? void 0 : containerRect.blockEnd) || window.innerHeight;
+    const containerEnd = (containerRect == null ? void 0 : containerRect.inlineEnd) || window.innerWidth;
+    const containerStart = (containerRect == null ? void 0 : containerRect.inlineStart) || 0;
+    const containerTop = (containerRect == null ? void 0 : containerRect.blockStart) || 0;
+    const calculateHorizontalOverflow = () => {
+      const tooltipWidth = 192;
+      const direction = getComputedStyle(tooltipElement).direction;
+      if (direction === "rtl") {
+        return {
+          overflowStart: tooltipRect.inlineStart > containerStart,
+          overflowEnd: tooltipRect.inlineEnd < containerEnd,
+          willOverflowStart: tooltipRect.inlineStart + tooltipWidth > containerStart,
+          willOverflowEnd: tooltipRect.inlineEnd - tooltipWidth < containerEnd
+        };
+      } else {
+        return {
+          overflowStart: tooltipRect.inlineStart < containerStart,
+          overflowEnd: tooltipRect.inlineEnd > containerEnd,
+          willOverflowStart: tooltipRect.inlineEnd - tooltipWidth < containerStart,
+          willOverflowEnd: tooltipRect.inlineEnd + tooltipWidth > containerEnd
+        };
+      }
+    };
+    const overflowBottom = tooltipRect.blockStart + tooltipRect.height > containerHeight;
+    const overflowTop = tooltipRect.blockStart - headerHeight < containerTop;
+    const {
+      overflowStart,
+      overflowEnd,
+      willOverflowEnd,
+      willOverflowStart
+    } = calculateHorizontalOverflow();
+    if (overflowStart) {
+      setOverridePositionX("start");
+      if (willOverflowEnd) {
+        setOverridePositionX("centre");
+      }
+    } else if (overflowEnd && !fixPosition) {
+      setOverridePositionX("end");
+      if (willOverflowStart) {
+        setOverridePositionX("centre");
+      }
+    }
+    if (positionY === "bottom" && overflowBottom) {
+      setOverridePositionY("top");
+    } else if (positionY === "top" && overflowTop) {
+      setOverridePositionY("bottom");
+    }
+  }, [fixPosition, headerHeight, positionY, root]);
+  const resetDefaultPosition = React.useCallback(() => {
+    setOverridePositionX(positionX);
+    setOverridePositionY(positionY);
+  }, [positionX, positionY]);
+  React.useEffect(() => {
+    resetDefaultPosition();
+    if (showTooltip) overridePosition();
+  }, [overridePosition, resetDefaultPosition, showTooltip]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(TooltipWrapper, { onClick: enableClick ? handleToggleTooltip : () => {
+  }, onMouseEnter: enableHover ? handleShowTooltip : () => {
+  }, onMouseLeave: enableHover ? handleHideTooltip : () => {
+  }, onFocus: enableClick || enableHover ? handleShowTooltip : () => {
+  }, onBlur: enableClick || enableHover ? handleHideTooltip : () => {
+  }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(Display, { ref: tooltipRef, role: "tooltip", id, $showTooltip: showTooltip, $positionY: overridePositionY || positionY, $positionX: overridePositionX || positionX, $zIndex: zIndex, $desktopBreakpoint: desktopBreakpoint, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ArrowTip.default, { positionX: overridePositionX || positionX, positionY: overridePositionY || positionY }),
+      /* @__PURE__ */ jsxRuntime.jsx(Body, { children: message })
+    ] }),
+    children
+  ] });
+}
+Tooltip.Arrow = ArrowTip.default;
+Tooltip.Body = Body;
+const TooltipWrapper = styled.div.withConfig({
+  displayName: "Tooltip__TooltipWrapper",
+  componentId: "sc-93g1ge-0"
+})(["position:relative;width:fit-content;overflow:visible;"]);
+const Container = styled.div.withConfig({
+  displayName: "Tooltip__Container",
+  componentId: "sc-93g1ge-1"
+})(["", ";padding:", " ", ";border:1px solid ", ";border-radius:", ";text-wrap:wrap;background:", ";"], elevation.elevation.level2, spacing.spacing.hall, spacing.spacing.auditorium, ({
+  theme
+}) => theme.base.borderDark, spacing.spacing.lounge, ({
+  theme
+}) => theme.base.bg);
+const Display = styled.div.withConfig({
+  displayName: "Tooltip__Display",
+  componentId: "sc-93g1ge-2"
+})(["", " ", " ", " position:absolute;z-index:", ";min-width:200px;max-width:240px;color:", ";line-height:", ";transition:opacity 0.3s ease-in;", ""], typography.textStyle.etna, ({
+  $showTooltip
+}) => hideTooltip($showTooltip), ({
+  $positionY,
+  $positionX
+}) => setDisplayLocation($positionX, $positionY), ({
+  $zIndex
+}) => $zIndex, ({
+  theme
+}) => theme.text.secondary, spacing.spacing.theatre, ({
+  $desktopBreakpoint
+}) => `
+    @media (min-width: ${$desktopBreakpoint}px) {
+      min-width: 16rem;
+      max-width: 320px;
+    }
+  `);
+const setDisplayLocation = ($positionX, $positionY) => {
+  const displayStart = $positionX === "start";
+  const displayEnd = $positionX === "end";
+  const displayTop = $positionY === "top";
+  const displayBottom = $positionY === "bottom";
+  return styled.css(["top:", ";bottom:", ";inset-inline-start:", ";transform:translate( ", ",", " );:dir(rtl){transform:translate( ", ",", " );}"], displayTop ? "-50%" : "auto", displayBottom ? "0%" : "auto", displayStart ? `calc(50% - ${spacing.spacing.hall})` : displayEnd ? `calc(50% + ${spacing.spacing.hall})` : "50%", displayStart ? `-${spacing.spacing.hall}` : displayEnd ? `calc(-100% + ${spacing.spacing.hall})` : "-50%", displayTop ? "-100%" : `calc(100% + ${spacing.spacing.hall})`, displayStart ? `${spacing.spacing.hall}` : displayEnd ? `calc(100% - ${spacing.spacing.hall})` : "50%", displayTop ? "-100%" : `calc(100% + ${spacing.spacing.hall})`);
+};
+const hideTooltip = ($showTooltip) => !$showTooltip && styled.css(["visibility:hidden;opacity:0;"]);
+exports.default = Tooltip;
+//# sourceMappingURL=index48.cjs.map

package/dist/index48.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index48.cjs","sources":["../src/components/Tooltip/index.tsx"],"sourcesContent":["\"use client\";\nimport React, {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport styled, { css } from \"styled-components\";\nimport { elevation, spacing, textStyle } from \"../../dimensions\";\nimport { PositionX, PositionY } from \"./types\";\nimport ArrowTip from \"./ArrowTip\";\nimport { useDelayedTooltipToggle } from \"./useDelayedTooltipToggle\";\nimport { getLogicalBoundingRect } from \"../../utils/getLogicalBoundingRect\";\n\nconst defaultPositionX = \"centre\";\nconst defaultPositionY = \"top\";\nconst defaultDesktopBreakpoint = 900;\nconst defaultZIndex = 2;\n\nexport type TooltipProps = {\n  /** Action item (i.e. button or link) that allows the tooltip to be accessible by setting aria-describedby to the id prop  */\n  children: ReactNode;\n  /** boolean to enable click events for the tooltip to hide/show\n   * @default false\n   */\n  enableClick?: boolean;\n  /** boolean to enable hover events for the tooltip to hide/show\n   *  @default false\n   */\n  enableHover?: boolean;\n  /** height of header to reposition tooltip */\n  headerHeight?: number;\n  /** unique id to use for accessibility purposes */\n  id: string;\n  /** message that the tooltip displays when show */\n  message: ReactNode;\n  /** set value for the X location of the tooltip when visible in window */\n  positionX?: PositionX;\n  /** set value for the Y location of the tooltip when visible in window */\n  positionY?: PositionY;\n  /**keeps position from being overidden */\n  fixPosition?: boolean;\n  /** root container that the tooltip is contained in */\n  root?: HTMLElement | null;\n  /** z-index of the tooltip */\n  zIndex?: number;\n  /** breakpoint for desktop */\n  desktopBreakpoint?: number;\n};\n\nexport type TooltipBodyProps = {\n  /** message that the tooltip displays when show */\n  children: ReactNode;\n};\n\nconst Body = ({ children }: TooltipBodyProps) => (\n  <Container>{children}</Container>\n);\n\nfunction Tooltip({\n  children,\n  enableClick = false,\n  enableHover = false,\n  headerHeight = 0,\n  id,\n  message,\n  positionX = defaultPositionX,\n  positionY = defaultPositionY,\n  root,\n  fixPosition,\n  zIndex = defaultZIndex,\n  desktopBreakpoint = defaultDesktopBreakpoint,\n}: TooltipProps) {\n  const tooltipRef = useRef<HTMLDivElement | null>(null);\n\n  const [overridePositionX, setOverridePositionX] = useState<PositionX | null>(\n    null,\n  );\n  const [overridePositionY, setOverridePositionY] = useState<PositionY | null>(\n    null,\n  );\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  const { handleHideTooltip, handleShowTooltip, handleToggleTooltip } =\n    useDelayedTooltipToggle(tooltipRef, showTooltip, setShowTooltip);\n\n  // overrides the set position props when the tooltip is not fully in the window frame\n  const overridePosition = useCallback(() => {\n    if (!tooltipRef.current) return;\n\n    const tooltipElement = tooltipRef.current;\n    const tooltipRect = getLogicalBoundingRect(tooltipElement);\n\n    const containerRect = root ? getLogicalBoundingRect(root) : null;\n    const containerHeight = containerRect?.blockEnd || window.innerHeight;\n    const containerEnd = containerRect?.inlineEnd || window.innerWidth;\n    const containerStart = containerRect?.inlineStart || 0;\n    const containerTop = containerRect?.blockStart || 0;\n\n    const calculateHorizontalOverflow = () => {\n      // 192 is the distance between the start and end tooltip positions\n      // This distance will always be the same number\n      const tooltipWidth = 192;\n\n      const direction = getComputedStyle(tooltipElement).direction;\n      if (direction === \"rtl\") {\n        return {\n          overflowStart: tooltipRect.inlineStart > containerStart,\n          overflowEnd: tooltipRect.inlineEnd < containerEnd,\n          willOverflowStart:\n            tooltipRect.inlineStart + tooltipWidth > containerStart,\n          willOverflowEnd: tooltipRect.inlineEnd - tooltipWidth < containerEnd,\n        };\n      } else {\n        return {\n          overflowStart: tooltipRect.inlineStart < containerStart,\n          overflowEnd: tooltipRect.inlineEnd > containerEnd,\n          willOverflowStart:\n            tooltipRect.inlineEnd - tooltipWidth < containerStart,\n          willOverflowEnd: tooltipRect.inlineEnd + tooltipWidth > containerEnd,\n        };\n      }\n    };\n    const overflowBottom =\n      tooltipRect.blockStart + tooltipRect.height > containerHeight;\n    const overflowTop = tooltipRect.blockStart - headerHeight < containerTop;\n\n    const { overflowStart, overflowEnd, willOverflowEnd, willOverflowStart } =\n      calculateHorizontalOverflow();\n\n    if (overflowStart) {\n      setOverridePositionX(\"start\");\n\n      if (willOverflowEnd) {\n        setOverridePositionX(\"centre\");\n      }\n    } else if (overflowEnd && !fixPosition) {\n      setOverridePositionX(\"end\");\n\n      if (willOverflowStart) {\n        setOverridePositionX(\"centre\");\n      }\n    }\n\n    if (positionY === \"bottom\" && overflowBottom) {\n      setOverridePositionY(\"top\");\n    } else if (positionY === \"top\" && overflowTop) {\n      setOverridePositionY(\"bottom\");\n    }\n  }, [fixPosition, headerHeight, positionY, root]);\n\n  const resetDefaultPosition = useCallback(() => {\n    setOverridePositionX(positionX);\n    setOverridePositionY(positionY);\n  }, [positionX, positionY]);\n\n  useEffect(() => {\n    resetDefaultPosition();\n    if (showTooltip) overridePosition();\n  }, [overridePosition, resetDefaultPosition, showTooltip]);\n\n  return (\n    <TooltipWrapper\n      onClick={enableClick ? handleToggleTooltip : () => {}}\n      onMouseEnter={enableHover ? handleShowTooltip : () => {}}\n      onMouseLeave={enableHover ? handleHideTooltip : () => {}}\n      onFocus={enableClick || enableHover ? handleShowTooltip : () => {}}\n      onBlur={enableClick || enableHover ? handleHideTooltip : () => {}}\n    >\n      <Display\n        ref={tooltipRef}\n        role=\"tooltip\"\n        id={id}\n        $showTooltip={showTooltip}\n        $positionY={overridePositionY || positionY}\n        $positionX={overridePositionX || positionX}\n        $zIndex={zIndex}\n        $desktopBreakpoint={desktopBreakpoint}\n      >\n        <ArrowTip\n          positionX={overridePositionX || positionX}\n          positionY={overridePositionY || positionY}\n        />\n        <Body>{message}</Body>\n      </Display>\n      {children}\n    </TooltipWrapper>\n  );\n}\n\nTooltip.Arrow = ArrowTip;\nTooltip.Body = Body;\n\nexport default Tooltip;\n\n// TODO: find a solution where we don't need a wrapper around this component\n// This needs to be completed before we can mark this as stable\nconst TooltipWrapper = styled.div`\n  position: relative;\n  width: fit-content;\n  overflow: visible;\n`;\n\nconst Container = styled.div`\n  ${elevation.level2};\n  padding: ${spacing.hall} ${spacing.auditorium};\n  border: 1px solid ${({ theme }) => theme.base.borderDark};\n  border-radius: ${spacing.lounge};\n  text-wrap: wrap;\n  background: ${({ theme }) => theme.base.bg};\n`;\n\nconst Display = styled.div<{\n  $showTooltip: boolean;\n  $positionY: string;\n  $positionX: string;\n  $zIndex: number;\n  $desktopBreakpoint?: number;\n}>`\n  ${textStyle.etna}\n\n  ${({ $showTooltip }) => hideTooltip($showTooltip)}\n\n  ${({ $positionY, $positionX }) => setDisplayLocation($positionX, $positionY)}\n\n  position: absolute;\n  z-index: ${({ $zIndex }) => $zIndex};\n  min-width: 200px;\n  max-width: 240px;\n  color: ${({ theme }) => theme.text.secondary};\n  line-height: ${spacing.theatre};\n  transition: opacity 0.3s ease-in;\n\n  ${({ $desktopBreakpoint }) => `\n    @media (min-width: ${$desktopBreakpoint}px) {\n      min-width: 16rem;\n      max-width: 320px;\n    }\n  `}\n`;\n\nconst setDisplayLocation = ($positionX: string, $positionY: string) => {\n  const displayStart = $positionX === \"start\";\n  const displayEnd = $positionX === \"end\";\n  const displayTop = $positionY === \"top\";\n  const displayBottom = $positionY === \"bottom\";\n\n  return css`\n    top: ${displayTop ? \"-50%\" : \"auto\"};\n    bottom: ${displayBottom ? \"0%\" : \"auto\"};\n    inset-inline-start: ${displayStart\n      ? `calc(50% - ${spacing.hall})`\n      : displayEnd\n        ? `calc(50% + ${spacing.hall})`\n        : \"50%\"};\n    transform: translate(\n      ${displayStart\n        ? `-${spacing.hall}`\n        : displayEnd\n          ? `calc(-100% + ${spacing.hall})`\n          : \"-50%\"},\n      ${displayTop ? \"-100%\" : `calc(100% + ${spacing.hall})`}\n    );\n\n    /* For RTL languages we need to translate in the opposite direction */\n    :dir(rtl) {\n      transform: translate(\n        ${displayStart\n          ? `${spacing.hall}`\n          : displayEnd\n            ? `calc(100% - ${spacing.hall})`\n            : \"50%\"},\n        ${displayTop ? \"-100%\" : `calc(100% + ${spacing.hall})`}\n      );\n    }\n  `;\n};\n\nconst hideTooltip = ($showTooltip: boolean) =>\n  !$showTooltip &&\n  css`\n    visibility: hidden;\n    opacity: 0;\n  `;\n"],"names":["children","id","message","defaultPositionX","defaultPositionY","root","fixPosition","defaultZIndex","handleHideTooltip","handleShowTooltip","handleToggleTooltip","containerStart","containerEnd","overflowStart","overflowEnd","willOverflowEnd","willOverflowStart","setOverridePositionX","setOverridePositionY","useEffect","resetDefaultPosition","overridePosition","Tooltip","$positionY"],"mappings":";;;;;;;;;;;;AAeA;AACA;AACA;AACA;AAsCA;AAAc;AAA6B;AAI3C;AAAiB;AACfA;AACc;AACA;AACC;AACfC;AACAC;AACYC;AACAC;AACZC;AACAC;AACSC;AAEG;AACZ;AAEA;AAGA;AAGA;AAEA;AAAM;AAAEC;AAAmBC;AAAmBC;AAI9C;AACE;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAGE;AAEA;AACA;AACE;AAAO;AACoCC;AACJC;AAEMD;AACaC;AAAAA;AAG1D;AAAO;AACoCD;AACJC;AAEID;AACeC;AAAAA;AAE5D;AAEF;AAEA;AAEA;AAAM;AAAEC;AAAeC;AAAaC;AAAiBC;AAGrD;AACEC;AAEA;AACEA;AAA6B;AAC/B;AAEAA;AAEA;AACEA;AAA6B;AAC/B;AAGF;AACEC;AAA0B;AAE1BA;AAA6B;AAC/B;AAGF;AACED;AACAC;AAA8B;AAGhCC;AACEC;AACA;AAAiBC;AAGnB;AAEuD;AACG;AACA;AACU;AACD;AAE/D;AAUE;AAE4C;AAE7B;AACjB;AACCrB;AAGP;AAEAsB;AACAA;AAMA;AAAiC;AAAA;AAAA;AAMjC;AAA4B;AAAA;AAAA;AAGL;AAAQ;AAGd;AAAQ;AAGzB;AAA0B;AAAA;AAAA;AASrB;AAAe;AAEf;AAAEC;AAAuB;AAGhB;AAAU;AAGZ;AAAQ;AAIf;AAAqB;AAAM;AACW;AAAA;AAAA;AAAA;AAO3C;AACE;AACA;AACA;AACA;AAEA;AA6BF;AAEA;;"}

package/dist/index48.js

@@ -0,0 +1,160 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useRef, useState, useCallback, useEffect } from "react";
+import styled, { css } from "styled-components";
+import ArrowTip from "./index553.js";
+import { useDelayedTooltipToggle } from "./index554.js";
+import { getLogicalBoundingRect } from "./index555.js";
+import { textStyle } from "./index520.js";
+import { spacing } from "./index522.js";
+import { elevation } from "./index524.js";
+const defaultPositionX = "centre";
+const defaultPositionY = "top";
+const defaultDesktopBreakpoint = 900;
+const defaultZIndex = 2;
+const Body = ({
+  children
+}) => /* @__PURE__ */ jsx(Container, { children });
+function Tooltip({
+  children,
+  enableClick = false,
+  enableHover = false,
+  headerHeight = 0,
+  id,
+  message,
+  positionX = defaultPositionX,
+  positionY = defaultPositionY,
+  root,
+  fixPosition,
+  zIndex = defaultZIndex,
+  desktopBreakpoint = defaultDesktopBreakpoint
+}) {
+  const tooltipRef = useRef(null);
+  const [overridePositionX, setOverridePositionX] = useState(null);
+  const [overridePositionY, setOverridePositionY] = useState(null);
+  const [showTooltip, setShowTooltip] = useState(false);
+  const {
+    handleHideTooltip,
+    handleShowTooltip,
+    handleToggleTooltip
+  } = useDelayedTooltipToggle(tooltipRef, showTooltip, setShowTooltip);
+  const overridePosition = useCallback(() => {
+    if (!tooltipRef.current) return;
+    const tooltipElement = tooltipRef.current;
+    const tooltipRect = getLogicalBoundingRect(tooltipElement);
+    const containerRect = root ? getLogicalBoundingRect(root) : null;
+    const containerHeight = (containerRect == null ? void 0 : containerRect.blockEnd) || window.innerHeight;
+    const containerEnd = (containerRect == null ? void 0 : containerRect.inlineEnd) || window.innerWidth;
+    const containerStart = (containerRect == null ? void 0 : containerRect.inlineStart) || 0;
+    const containerTop = (containerRect == null ? void 0 : containerRect.blockStart) || 0;
+    const calculateHorizontalOverflow = () => {
+      const tooltipWidth = 192;
+      const direction = getComputedStyle(tooltipElement).direction;
+      if (direction === "rtl") {
+        return {
+          overflowStart: tooltipRect.inlineStart > containerStart,
+          overflowEnd: tooltipRect.inlineEnd < containerEnd,
+          willOverflowStart: tooltipRect.inlineStart + tooltipWidth > containerStart,
+          willOverflowEnd: tooltipRect.inlineEnd - tooltipWidth < containerEnd
+        };
+      } else {
+        return {
+          overflowStart: tooltipRect.inlineStart < containerStart,
+          overflowEnd: tooltipRect.inlineEnd > containerEnd,
+          willOverflowStart: tooltipRect.inlineEnd - tooltipWidth < containerStart,
+          willOverflowEnd: tooltipRect.inlineEnd + tooltipWidth > containerEnd
+        };
+      }
+    };
+    const overflowBottom = tooltipRect.blockStart + tooltipRect.height > containerHeight;
+    const overflowTop = tooltipRect.blockStart - headerHeight < containerTop;
+    const {
+      overflowStart,
+      overflowEnd,
+      willOverflowEnd,
+      willOverflowStart
+    } = calculateHorizontalOverflow();
+    if (overflowStart) {
+      setOverridePositionX("start");
+      if (willOverflowEnd) {
+        setOverridePositionX("centre");
+      }
+    } else if (overflowEnd && !fixPosition) {
+      setOverridePositionX("end");
+      if (willOverflowStart) {
+        setOverridePositionX("centre");
+      }
+    }
+    if (positionY === "bottom" && overflowBottom) {
+      setOverridePositionY("top");
+    } else if (positionY === "top" && overflowTop) {
+      setOverridePositionY("bottom");
+    }
+  }, [fixPosition, headerHeight, positionY, root]);
+  const resetDefaultPosition = useCallback(() => {
+    setOverridePositionX(positionX);
+    setOverridePositionY(positionY);
+  }, [positionX, positionY]);
+  useEffect(() => {
+    resetDefaultPosition();
+    if (showTooltip) overridePosition();
+  }, [overridePosition, resetDefaultPosition, showTooltip]);
+  return /* @__PURE__ */ jsxs(TooltipWrapper, { onClick: enableClick ? handleToggleTooltip : () => {
+  }, onMouseEnter: enableHover ? handleShowTooltip : () => {
+  }, onMouseLeave: enableHover ? handleHideTooltip : () => {
+  }, onFocus: enableClick || enableHover ? handleShowTooltip : () => {
+  }, onBlur: enableClick || enableHover ? handleHideTooltip : () => {
+  }, children: [
+    /* @__PURE__ */ jsxs(Display, { ref: tooltipRef, role: "tooltip", id, $showTooltip: showTooltip, $positionY: overridePositionY || positionY, $positionX: overridePositionX || positionX, $zIndex: zIndex, $desktopBreakpoint: desktopBreakpoint, children: [
+      /* @__PURE__ */ jsx(ArrowTip, { positionX: overridePositionX || positionX, positionY: overridePositionY || positionY }),
+      /* @__PURE__ */ jsx(Body, { children: message })
+    ] }),
+    children
+  ] });
+}
+Tooltip.Arrow = ArrowTip;
+Tooltip.Body = Body;
+const TooltipWrapper = styled.div.withConfig({
+  displayName: "Tooltip__TooltipWrapper",
+  componentId: "sc-93g1ge-0"
+})(["position:relative;width:fit-content;overflow:visible;"]);
+const Container = styled.div.withConfig({
+  displayName: "Tooltip__Container",
+  componentId: "sc-93g1ge-1"
+})(["", ";padding:", " ", ";border:1px solid ", ";border-radius:", ";text-wrap:wrap;background:", ";"], elevation.level2, spacing.hall, spacing.auditorium, ({
+  theme
+}) => theme.base.borderDark, spacing.lounge, ({
+  theme
+}) => theme.base.bg);
+const Display = styled.div.withConfig({
+  displayName: "Tooltip__Display",
+  componentId: "sc-93g1ge-2"
+})(["", " ", " ", " position:absolute;z-index:", ";min-width:200px;max-width:240px;color:", ";line-height:", ";transition:opacity 0.3s ease-in;", ""], textStyle.etna, ({
+  $showTooltip
+}) => hideTooltip($showTooltip), ({
+  $positionY,
+  $positionX
+}) => setDisplayLocation($positionX, $positionY), ({
+  $zIndex
+}) => $zIndex, ({
+  theme
+}) => theme.text.secondary, spacing.theatre, ({
+  $desktopBreakpoint
+}) => `
+    @media (min-width: ${$desktopBreakpoint}px) {
+      min-width: 16rem;
+      max-width: 320px;
+    }
+  `);
+const setDisplayLocation = ($positionX, $positionY) => {
+  const displayStart = $positionX === "start";
+  const displayEnd = $positionX === "end";
+  const displayTop = $positionY === "top";
+  const displayBottom = $positionY === "bottom";
+  return css(["top:", ";bottom:", ";inset-inline-start:", ";transform:translate( ", ",", " );:dir(rtl){transform:translate( ", ",", " );}"], displayTop ? "-50%" : "auto", displayBottom ? "0%" : "auto", displayStart ? `calc(50% - ${spacing.hall})` : displayEnd ? `calc(50% + ${spacing.hall})` : "50%", displayStart ? `-${spacing.hall}` : displayEnd ? `calc(-100% + ${spacing.hall})` : "-50%", displayTop ? "-100%" : `calc(100% + ${spacing.hall})`, displayStart ? `${spacing.hall}` : displayEnd ? `calc(100% - ${spacing.hall})` : "50%", displayTop ? "-100%" : `calc(100% + ${spacing.hall})`);
+};
+const hideTooltip = ($showTooltip) => !$showTooltip && css(["visibility:hidden;opacity:0;"]);
+export {
+  Tooltip as default
+};
+//# sourceMappingURL=index48.js.map

package/dist/index48.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index48.js","sources":["../src/components/Tooltip/index.tsx"],"sourcesContent":["\"use client\";\nimport React, {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport styled, { css } from \"styled-components\";\nimport { elevation, spacing, textStyle } from \"../../dimensions\";\nimport { PositionX, PositionY } from \"./types\";\nimport ArrowTip from \"./ArrowTip\";\nimport { useDelayedTooltipToggle } from \"./useDelayedTooltipToggle\";\nimport { getLogicalBoundingRect } from \"../../utils/getLogicalBoundingRect\";\n\nconst defaultPositionX = \"centre\";\nconst defaultPositionY = \"top\";\nconst defaultDesktopBreakpoint = 900;\nconst defaultZIndex = 2;\n\nexport type TooltipProps = {\n  /** Action item (i.e. button or link) that allows the tooltip to be accessible by setting aria-describedby to the id prop  */\n  children: ReactNode;\n  /** boolean to enable click events for the tooltip to hide/show\n   * @default false\n   */\n  enableClick?: boolean;\n  /** boolean to enable hover events for the tooltip to hide/show\n   *  @default false\n   */\n  enableHover?: boolean;\n  /** height of header to reposition tooltip */\n  headerHeight?: number;\n  /** unique id to use for accessibility purposes */\n  id: string;\n  /** message that the tooltip displays when show */\n  message: ReactNode;\n  /** set value for the X location of the tooltip when visible in window */\n  positionX?: PositionX;\n  /** set value for the Y location of the tooltip when visible in window */\n  positionY?: PositionY;\n  /**keeps position from being overidden */\n  fixPosition?: boolean;\n  /** root container that the tooltip is contained in */\n  root?: HTMLElement | null;\n  /** z-index of the tooltip */\n  zIndex?: number;\n  /** breakpoint for desktop */\n  desktopBreakpoint?: number;\n};\n\nexport type TooltipBodyProps = {\n  /** message that the tooltip displays when show */\n  children: ReactNode;\n};\n\nconst Body = ({ children }: TooltipBodyProps) => (\n  <Container>{children}</Container>\n);\n\nfunction Tooltip({\n  children,\n  enableClick = false,\n  enableHover = false,\n  headerHeight = 0,\n  id,\n  message,\n  positionX = defaultPositionX,\n  positionY = defaultPositionY,\n  root,\n  fixPosition,\n  zIndex = defaultZIndex,\n  desktopBreakpoint = defaultDesktopBreakpoint,\n}: TooltipProps) {\n  const tooltipRef = useRef<HTMLDivElement | null>(null);\n\n  const [overridePositionX, setOverridePositionX] = useState<PositionX | null>(\n    null,\n  );\n  const [overridePositionY, setOverridePositionY] = useState<PositionY | null>(\n    null,\n  );\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  const { handleHideTooltip, handleShowTooltip, handleToggleTooltip } =\n    useDelayedTooltipToggle(tooltipRef, showTooltip, setShowTooltip);\n\n  // overrides the set position props when the tooltip is not fully in the window frame\n  const overridePosition = useCallback(() => {\n    if (!tooltipRef.current) return;\n\n    const tooltipElement = tooltipRef.current;\n    const tooltipRect = getLogicalBoundingRect(tooltipElement);\n\n    const containerRect = root ? getLogicalBoundingRect(root) : null;\n    const containerHeight = containerRect?.blockEnd || window.innerHeight;\n    const containerEnd = containerRect?.inlineEnd || window.innerWidth;\n    const containerStart = containerRect?.inlineStart || 0;\n    const containerTop = containerRect?.blockStart || 0;\n\n    const calculateHorizontalOverflow = () => {\n      // 192 is the distance between the start and end tooltip positions\n      // This distance will always be the same number\n      const tooltipWidth = 192;\n\n      const direction = getComputedStyle(tooltipElement).direction;\n      if (direction === \"rtl\") {\n        return {\n          overflowStart: tooltipRect.inlineStart > containerStart,\n          overflowEnd: tooltipRect.inlineEnd < containerEnd,\n          willOverflowStart:\n            tooltipRect.inlineStart + tooltipWidth > containerStart,\n          willOverflowEnd: tooltipRect.inlineEnd - tooltipWidth < containerEnd,\n        };\n      } else {\n        return {\n          overflowStart: tooltipRect.inlineStart < containerStart,\n          overflowEnd: tooltipRect.inlineEnd > containerEnd,\n          willOverflowStart:\n            tooltipRect.inlineEnd - tooltipWidth < containerStart,\n          willOverflowEnd: tooltipRect.inlineEnd + tooltipWidth > containerEnd,\n        };\n      }\n    };\n    const overflowBottom =\n      tooltipRect.blockStart + tooltipRect.height > containerHeight;\n    const overflowTop = tooltipRect.blockStart - headerHeight < containerTop;\n\n    const { overflowStart, overflowEnd, willOverflowEnd, willOverflowStart } =\n      calculateHorizontalOverflow();\n\n    if (overflowStart) {\n      setOverridePositionX(\"start\");\n\n      if (willOverflowEnd) {\n        setOverridePositionX(\"centre\");\n      }\n    } else if (overflowEnd && !fixPosition) {\n      setOverridePositionX(\"end\");\n\n      if (willOverflowStart) {\n        setOverridePositionX(\"centre\");\n      }\n    }\n\n    if (positionY === \"bottom\" && overflowBottom) {\n      setOverridePositionY(\"top\");\n    } else if (positionY === \"top\" && overflowTop) {\n      setOverridePositionY(\"bottom\");\n    }\n  }, [fixPosition, headerHeight, positionY, root]);\n\n  const resetDefaultPosition = useCallback(() => {\n    setOverridePositionX(positionX);\n    setOverridePositionY(positionY);\n  }, [positionX, positionY]);\n\n  useEffect(() => {\n    resetDefaultPosition();\n    if (showTooltip) overridePosition();\n  }, [overridePosition, resetDefaultPosition, showTooltip]);\n\n  return (\n    <TooltipWrapper\n      onClick={enableClick ? handleToggleTooltip : () => {}}\n      onMouseEnter={enableHover ? handleShowTooltip : () => {}}\n      onMouseLeave={enableHover ? handleHideTooltip : () => {}}\n      onFocus={enableClick || enableHover ? handleShowTooltip : () => {}}\n      onBlur={enableClick || enableHover ? handleHideTooltip : () => {}}\n    >\n      <Display\n        ref={tooltipRef}\n        role=\"tooltip\"\n        id={id}\n        $showTooltip={showTooltip}\n        $positionY={overridePositionY || positionY}\n        $positionX={overridePositionX || positionX}\n        $zIndex={zIndex}\n        $desktopBreakpoint={desktopBreakpoint}\n      >\n        <ArrowTip\n          positionX={overridePositionX || positionX}\n          positionY={overridePositionY || positionY}\n        />\n        <Body>{message}</Body>\n      </Display>\n      {children}\n    </TooltipWrapper>\n  );\n}\n\nTooltip.Arrow = ArrowTip;\nTooltip.Body = Body;\n\nexport default Tooltip;\n\n// TODO: find a solution where we don't need a wrapper around this component\n// This needs to be completed before we can mark this as stable\nconst TooltipWrapper = styled.div`\n  position: relative;\n  width: fit-content;\n  overflow: visible;\n`;\n\nconst Container = styled.div`\n  ${elevation.level2};\n  padding: ${spacing.hall} ${spacing.auditorium};\n  border: 1px solid ${({ theme }) => theme.base.borderDark};\n  border-radius: ${spacing.lounge};\n  text-wrap: wrap;\n  background: ${({ theme }) => theme.base.bg};\n`;\n\nconst Display = styled.div<{\n  $showTooltip: boolean;\n  $positionY: string;\n  $positionX: string;\n  $zIndex: number;\n  $desktopBreakpoint?: number;\n}>`\n  ${textStyle.etna}\n\n  ${({ $showTooltip }) => hideTooltip($showTooltip)}\n\n  ${({ $positionY, $positionX }) => setDisplayLocation($positionX, $positionY)}\n\n  position: absolute;\n  z-index: ${({ $zIndex }) => $zIndex};\n  min-width: 200px;\n  max-width: 240px;\n  color: ${({ theme }) => theme.text.secondary};\n  line-height: ${spacing.theatre};\n  transition: opacity 0.3s ease-in;\n\n  ${({ $desktopBreakpoint }) => `\n    @media (min-width: ${$desktopBreakpoint}px) {\n      min-width: 16rem;\n      max-width: 320px;\n    }\n  `}\n`;\n\nconst setDisplayLocation = ($positionX: string, $positionY: string) => {\n  const displayStart = $positionX === \"start\";\n  const displayEnd = $positionX === \"end\";\n  const displayTop = $positionY === \"top\";\n  const displayBottom = $positionY === \"bottom\";\n\n  return css`\n    top: ${displayTop ? \"-50%\" : \"auto\"};\n    bottom: ${displayBottom ? \"0%\" : \"auto\"};\n    inset-inline-start: ${displayStart\n      ? `calc(50% - ${spacing.hall})`\n      : displayEnd\n        ? `calc(50% + ${spacing.hall})`\n        : \"50%\"};\n    transform: translate(\n      ${displayStart\n        ? `-${spacing.hall}`\n        : displayEnd\n          ? `calc(-100% + ${spacing.hall})`\n          : \"-50%\"},\n      ${displayTop ? \"-100%\" : `calc(100% + ${spacing.hall})`}\n    );\n\n    /* For RTL languages we need to translate in the opposite direction */\n    :dir(rtl) {\n      transform: translate(\n        ${displayStart\n          ? `${spacing.hall}`\n          : displayEnd\n            ? `calc(100% - ${spacing.hall})`\n            : \"50%\"},\n        ${displayTop ? \"-100%\" : `calc(100% + ${spacing.hall})`}\n      );\n    }\n  `;\n};\n\nconst hideTooltip = ($showTooltip: boolean) =>\n  !$showTooltip &&\n  css`\n    visibility: hidden;\n    opacity: 0;\n  `;\n"],"names":["children","id","message","defaultPositionX","defaultPositionY","root","fixPosition","defaultZIndex","handleHideTooltip","handleShowTooltip","handleToggleTooltip","containerStart","containerEnd","overflowStart","overflowEnd","willOverflowEnd","willOverflowStart","setOverridePositionX","setOverridePositionY","useEffect","resetDefaultPosition","overridePosition","Tooltip","$positionY"],"mappings":";;;;;;;;;;AAeA;AACA;AACA;AACA;AAsCA;AAAc;AAA6B;AAI3C;AAAiB;AACfA;AACc;AACA;AACC;AACfC;AACAC;AACYC;AACAC;AACZC;AACAC;AACSC;AAEG;AACZ;AAEA;AAGA;AAGA;AAEA;AAAM;AAAEC;AAAmBC;AAAmBC;AAI9C;AACE;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAGE;AAEA;AACA;AACE;AAAO;AACoCC;AACJC;AAEMD;AACaC;AAAAA;AAG1D;AAAO;AACoCD;AACJC;AAEID;AACeC;AAAAA;AAE5D;AAEF;AAEA;AAEA;AAAM;AAAEC;AAAeC;AAAaC;AAAiBC;AAGrD;AACEC;AAEA;AACEA;AAA6B;AAC/B;AAEAA;AAEA;AACEA;AAA6B;AAC/B;AAGF;AACEC;AAA0B;AAE1BA;AAA6B;AAC/B;AAGF;AACED;AACAC;AAA8B;AAGhCC;AACEC;AACA;AAAiBC;AAGnB;AAEuD;AACG;AACA;AACU;AACD;AAE/D;AAUE;AAE4C;AAE7B;AACjB;AACCrB;AAGP;AAEAsB;AACAA;AAMA;AAAiC;AAAA;AAAA;AAMjC;AAA4B;AAAA;AAAA;AAGL;AAAQ;AAGd;AAAQ;AAGzB;AAA0B;AAAA;AAAA;AASrB;AAAe;AAEf;AAAEC;AAAuB;AAGhB;AAAU;AAGZ;AAAQ;AAIf;AAAqB;AAAM;AACW;AAAA;AAAA;AAAA;AAO3C;AACE;AACA;AACA;AACA;AAEA;AA6BF;AAEA;;;;"}

package/dist/index480.cjs

@@ -0,0 +1,15 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const ScFlag = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { fill: "none", viewBox: "0 0 512 512", width: props.size || "1em", height: props.size || "1em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#0052B4", fillRule: "evenodd", d: "M44.3 400a256.1 256.1 0 0 1 156-394z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FFDA44", fillRule: "evenodd", d: "M165.1 16.6A255.4 255.4 0 0 1 358 21L63.6 424.8a265 265 0 0 1-24-31.8L165.2 16.6Z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#D80027", fillRule: "evenodd", d: "M333.4 12a256.4 256.4 0 0 1 173.7 193.7l-412.4 249a257.6 257.6 0 0 1-34.2-33.4L333.4 11.9Z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FFF", fillRule: "evenodd", d: "M478.7 382.4a254.8 254.8 0 0 0 21.4-203.8l-409.4 273a256.7 256.7 0 0 0 36.8 25.9z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#6DA544", fillRule: "evenodd", d: "M495.4 346.9A256.1 256.1 0 0 1 119 472.3L495.4 347Z", clipRule: "evenodd" })
+  ] });
+};
+exports.default = ScFlag;
+//# sourceMappingURL=index480.cjs.map

package/dist/index480.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index480.cjs","sources":["../src/flag-icons/dist/ScFlag.tsx"],"sourcesContent":["// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst ScFlag = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 512 512\"\n      width={props.size || \"1em\"}\n      height={props.size || \"1em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <path\n        fill=\"#0052B4\"\n        fillRule=\"evenodd\"\n        d=\"M44.3 400a256.1 256.1 0 0 1 156-394z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#FFDA44\"\n        fillRule=\"evenodd\"\n        d=\"M165.1 16.6A255.4 255.4 0 0 1 358 21L63.6 424.8a265 265 0 0 1-24-31.8L165.2 16.6Z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#D80027\"\n        fillRule=\"evenodd\"\n        d=\"M333.4 12a256.4 256.4 0 0 1 173.7 193.7l-412.4 249a257.6 257.6 0 0 1-34.2-33.4L333.4 11.9Z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#FFF\"\n        fillRule=\"evenodd\"\n        d=\"M478.7 382.4a254.8 254.8 0 0 0 21.4-203.8l-409.4 273a256.7 256.7 0 0 0 36.8 25.9z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#6DA544\"\n        fillRule=\"evenodd\"\n        d=\"M495.4 346.9A256.1 256.1 0 0 1 119 472.3L495.4 347Z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nexport default ScFlag;\n"],"names":[],"mappings":";;;;AAQA;AACE;AAUI;AAIoB;AAMA;AAMA;AAMA;AAMA;AAI1B;;"}

package/dist/index480.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+const ScFlag = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { fill: "none", viewBox: "0 0 512 512", width: props.size || "1em", height: props.size || "1em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsx("path", { fill: "#0052B4", fillRule: "evenodd", d: "M44.3 400a256.1 256.1 0 0 1 156-394z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FFDA44", fillRule: "evenodd", d: "M165.1 16.6A255.4 255.4 0 0 1 358 21L63.6 424.8a265 265 0 0 1-24-31.8L165.2 16.6Z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#D80027", fillRule: "evenodd", d: "M333.4 12a256.4 256.4 0 0 1 173.7 193.7l-412.4 249a257.6 257.6 0 0 1-34.2-33.4L333.4 11.9Z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FFF", fillRule: "evenodd", d: "M478.7 382.4a254.8 254.8 0 0 0 21.4-203.8l-409.4 273a256.7 256.7 0 0 0 36.8 25.9z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#6DA544", fillRule: "evenodd", d: "M495.4 346.9A256.1 256.1 0 0 1 119 472.3L495.4 347Z", clipRule: "evenodd" })
+  ] });
+};
+export {
+  ScFlag as default
+};
+//# sourceMappingURL=index480.js.map

package/dist/index480.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index480.js","sources":["../src/flag-icons/dist/ScFlag.tsx"],"sourcesContent":["// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst ScFlag = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 512 512\"\n      width={props.size || \"1em\"}\n      height={props.size || \"1em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <path\n        fill=\"#0052B4\"\n        fillRule=\"evenodd\"\n        d=\"M44.3 400a256.1 256.1 0 0 1 156-394z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#FFDA44\"\n        fillRule=\"evenodd\"\n        d=\"M165.1 16.6A255.4 255.4 0 0 1 358 21L63.6 424.8a265 265 0 0 1-24-31.8L165.2 16.6Z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#D80027\"\n        fillRule=\"evenodd\"\n        d=\"M333.4 12a256.4 256.4 0 0 1 173.7 193.7l-412.4 249a257.6 257.6 0 0 1-34.2-33.4L333.4 11.9Z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#FFF\"\n        fillRule=\"evenodd\"\n        d=\"M478.7 382.4a254.8 254.8 0 0 0 21.4-203.8l-409.4 273a256.7 256.7 0 0 0 36.8 25.9z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#6DA544\"\n        fillRule=\"evenodd\"\n        d=\"M495.4 346.9A256.1 256.1 0 0 1 119 472.3L495.4 347Z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nexport default ScFlag;\n"],"names":[],"mappings":";;AAQA;AACE;AAUI;AAIoB;AAMA;AAMA;AAMA;AAMA;AAI1B;;;;"}

package/dist/index481.cjs

@@ -0,0 +1,14 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const SdFlag = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { fill: "none", viewBox: "0 0 512 512", width: props.size || "1em", height: props.size || "1em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FFF", d: "M482.2 376c19-35.8 29.8-76.6 29.8-120s-10.8-84.2-29.8-120H29.8A254.9 254.9 0 0 0 0 256c0 43.4 10.8 84.2 29.8 120z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#333", d: "M496.5 344a256.1 256.1 0 0 1-481 0z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#D80027", d: "M496.5 168h-481a256.1 256.1 0 0 1 481 0" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#496E2D", d: "M0 245.6A255.2 255.2 0 0 1 74.9 74.9L256 256 74.9 437.1A255.2 255.2 0 0 1 0 266.4z" })
+  ] });
+};
+exports.default = SdFlag;
+//# sourceMappingURL=index481.cjs.map

package/dist/index481.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index481.cjs","sources":["../src/flag-icons/dist/SdFlag.tsx"],"sourcesContent":["// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst SdFlag = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 512 512\"\n      width={props.size || \"1em\"}\n      height={props.size || \"1em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <path\n        fill=\"#FFF\"\n        d=\"M482.2 376c19-35.8 29.8-76.6 29.8-120s-10.8-84.2-29.8-120H29.8A254.9 254.9 0 0 0 0 256c0 43.4 10.8 84.2 29.8 120z\"\n      />\n      <path fill=\"#333\" d=\"M496.5 344a256.1 256.1 0 0 1-481 0z\" />\n      <path fill=\"#D80027\" d=\"M496.5 168h-481a256.1 256.1 0 0 1 481 0\" />\n      <path\n        fill=\"#496E2D\"\n        d=\"M0 245.6A255.2 255.2 0 0 1 74.9 74.9L256 256 74.9 437.1A255.2 255.2 0 0 1 0 266.4z\"\n      />\n    </svg>\n  );\n};\nexport default SdFlag;\n"],"names":[],"mappings":";;;;AAQA;AACE;AAUI;AAEuH;AAE9D;AACO;AAGwB;AAI9F;;"}

package/dist/index481.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+const SdFlag = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { fill: "none", viewBox: "0 0 512 512", width: props.size || "1em", height: props.size || "1em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsx("path", { fill: "#FFF", d: "M482.2 376c19-35.8 29.8-76.6 29.8-120s-10.8-84.2-29.8-120H29.8A254.9 254.9 0 0 0 0 256c0 43.4 10.8 84.2 29.8 120z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#333", d: "M496.5 344a256.1 256.1 0 0 1-481 0z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#D80027", d: "M496.5 168h-481a256.1 256.1 0 0 1 481 0" }),
+    /* @__PURE__ */ jsx("path", { fill: "#496E2D", d: "M0 245.6A255.2 255.2 0 0 1 74.9 74.9L256 256 74.9 437.1A255.2 255.2 0 0 1 0 266.4z" })
+  ] });
+};
+export {
+  SdFlag as default
+};
+//# sourceMappingURL=index481.js.map

package/dist/index481.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index481.js","sources":["../src/flag-icons/dist/SdFlag.tsx"],"sourcesContent":["// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst SdFlag = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 512 512\"\n      width={props.size || \"1em\"}\n      height={props.size || \"1em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <path\n        fill=\"#FFF\"\n        d=\"M482.2 376c19-35.8 29.8-76.6 29.8-120s-10.8-84.2-29.8-120H29.8A254.9 254.9 0 0 0 0 256c0 43.4 10.8 84.2 29.8 120z\"\n      />\n      <path fill=\"#333\" d=\"M496.5 344a256.1 256.1 0 0 1-481 0z\" />\n      <path fill=\"#D80027\" d=\"M496.5 168h-481a256.1 256.1 0 0 1 481 0\" />\n      <path\n        fill=\"#496E2D\"\n        d=\"M0 245.6A255.2 255.2 0 0 1 74.9 74.9L256 256 74.9 437.1A255.2 255.2 0 0 1 0 266.4z\"\n      />\n    </svg>\n  );\n};\nexport default SdFlag;\n"],"names":[],"mappings":";;AAQA;AACE;AAUI;AAEuH;AAE9D;AACO;AAGwB;AAI9F;;;;"}

package/dist/index482.cjs

@@ -0,0 +1,12 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const SeFlag = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { fill: "none", viewBox: "0 0 512 512", width: props.size || "1em", height: props.size || "1em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#0052B4", d: "M256 512a256 256 0 1 0 0-512 256 256 0 0 0 0 512" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FFDA44", d: "M510 288a258.4 258.4 0 0 0 0-64H192V8a254.4 254.4 0 0 0-64 26.2V224H2a258.5 258.5 0 0 0 0 64h126v189.8a254.4 254.4 0 0 0 64 26.1V288z" })
+  ] });
+};
+exports.default = SeFlag;
+//# sourceMappingURL=index482.cjs.map

package/dist/index482.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index482.cjs","sources":["../src/flag-icons/dist/SeFlag.tsx"],"sourcesContent":["// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst SeFlag = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 512 512\"\n      width={props.size || \"1em\"}\n      height={props.size || \"1em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <path\n        fill=\"#0052B4\"\n        d=\"M256 512a256 256 0 1 0 0-512 256 256 0 0 0 0 512\"\n      />\n      <path\n        fill=\"#FFDA44\"\n        d=\"M510 288a258.4 258.4 0 0 0 0-64H192V8a254.4 254.4 0 0 0-64 26.2V224H2a258.5 258.5 0 0 0 0 64h126v189.8a254.4 254.4 0 0 0 64 26.1V288z\"\n      />\n    </svg>\n  );\n};\nexport default SeFlag;\n"],"names":[],"mappings":";;;;AAQA;AACE;AAUI;AAEsD;AAIqF;AAIjJ;;"}

package/dist/index482.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+const SeFlag = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { fill: "none", viewBox: "0 0 512 512", width: props.size || "1em", height: props.size || "1em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsx("path", { fill: "#0052B4", d: "M256 512a256 256 0 1 0 0-512 256 256 0 0 0 0 512" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FFDA44", d: "M510 288a258.4 258.4 0 0 0 0-64H192V8a254.4 254.4 0 0 0-64 26.2V224H2a258.5 258.5 0 0 0 0 64h126v189.8a254.4 254.4 0 0 0 64 26.1V288z" })
+  ] });
+};
+export {
+  SeFlag as default
+};
+//# sourceMappingURL=index482.js.map

package/dist/index482.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index482.js","sources":["../src/flag-icons/dist/SeFlag.tsx"],"sourcesContent":["// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst SeFlag = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 512 512\"\n      width={props.size || \"1em\"}\n      height={props.size || \"1em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <path\n        fill=\"#0052B4\"\n        d=\"M256 512a256 256 0 1 0 0-512 256 256 0 0 0 0 512\"\n      />\n      <path\n        fill=\"#FFDA44\"\n        d=\"M510 288a258.4 258.4 0 0 0 0-64H192V8a254.4 254.4 0 0 0-64 26.2V224H2a258.5 258.5 0 0 0 0 64h126v189.8a254.4 254.4 0 0 0 64 26.1V288z\"\n      />\n    </svg>\n  );\n};\nexport default SeFlag;\n"],"names":[],"mappings":";;AAQA;AACE;AAUI;AAEsD;AAIqF;AAIjJ;;;;"}

package/dist/index483.cjs

@@ -0,0 +1,14 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const SgFlag = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { fill: "none", viewBox: "0 0 512 512", width: props.size || "1em", height: props.size || "1em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FFF", d: "M256 512a256 256 0 0 0 256-255.5v-.5l-256-32L0 256a256 256 0 0 0 256 256" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#D80027", d: "M512 255.5v.5H0a256 256 0 0 1 512-.5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FFF", d: "M154.9 128A78 78 0 0 1 216 51.9a78 78 0 1 0 0 152.2 78 78 0 0 1-61.2-76.1ZM255 55.7l5.6 17h17.8L264 83.2l5.5 17L255 89.7l-14.4 10.5 5.5-17-14.5-10.5h18z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FFF", d: "m211.7 89 5.5 17H235l-14.5 10.6 5.5 17-14.4-10.5-14.5 10.5 5.5-17-14.4-10.6H206l5.6-17Zm86.7 0 5.5 17h18l-14.5 10.6 5.5 17-14.5-10.5-14.5 10.5 5.6-17L275 106h18l5.5-17Zm-16.7 50.1 5.5 17h18l-14.5 10.5 5.5 17-14.5-10.5-14.4 10.6 5.5-17-14.5-10.6h17.9zm-53.3 0 5.5 17h17.9l-14.5 10.5 5.5 17-14.4-10.5-14.5 10.6 5.5-17L205 156h18l5.5-17Z" })
+  ] });
+};
+exports.default = SgFlag;
+//# sourceMappingURL=index483.cjs.map

package/dist/index483.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index483.cjs","sources":["../src/flag-icons/dist/SgFlag.tsx"],"sourcesContent":["// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst SgFlag = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 512 512\"\n      width={props.size || \"1em\"}\n      height={props.size || \"1em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <path\n        fill=\"#FFF\"\n        d=\"M256 512a256 256 0 0 0 256-255.5v-.5l-256-32L0 256a256 256 0 0 0 256 256\"\n      />\n      <path fill=\"#D80027\" d=\"M512 255.5v.5H0a256 256 0 0 1 512-.5\" />\n      <path\n        fill=\"#FFF\"\n        d=\"M154.9 128A78 78 0 0 1 216 51.9a78 78 0 1 0 0 152.2 78 78 0 0 1-61.2-76.1ZM255 55.7l5.6 17h17.8L264 83.2l5.5 17L255 89.7l-14.4 10.5 5.5-17-14.5-10.5h18z\"\n      />\n      <path\n        fill=\"#FFF\"\n        d=\"m211.7 89 5.5 17H235l-14.5 10.6 5.5 17-14.4-10.5-14.5 10.5 5.5-17-14.4-10.6H206l5.6-17Zm86.7 0 5.5 17h18l-14.5 10.6 5.5 17-14.5-10.5-14.5 10.5 5.6-17L275 106h18l5.5-17Zm-16.7 50.1 5.5 17h18l-14.5 10.5 5.5 17-14.5-10.5-14.4 10.6 5.5-17-14.5-10.6h17.9zm-53.3 0 5.5 17h17.9l-14.5 10.5 5.5 17-14.4-10.5-14.5 10.6 5.5-17L205 156h18l5.5-17Z\"\n      />\n    </svg>\n  );\n};\nexport default SgFlag;\n"],"names":[],"mappings":";;;;AAQA;AACE;AAUI;AAE8E;AAEjB;AAGiG;AAIsL;AAI1V;;"}

package/dist/index483.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+const SgFlag = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { fill: "none", viewBox: "0 0 512 512", width: props.size || "1em", height: props.size || "1em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsx("path", { fill: "#FFF", d: "M256 512a256 256 0 0 0 256-255.5v-.5l-256-32L0 256a256 256 0 0 0 256 256" }),
+    /* @__PURE__ */ jsx("path", { fill: "#D80027", d: "M512 255.5v.5H0a256 256 0 0 1 512-.5" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FFF", d: "M154.9 128A78 78 0 0 1 216 51.9a78 78 0 1 0 0 152.2 78 78 0 0 1-61.2-76.1ZM255 55.7l5.6 17h17.8L264 83.2l5.5 17L255 89.7l-14.4 10.5 5.5-17-14.5-10.5h18z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FFF", d: "m211.7 89 5.5 17H235l-14.5 10.6 5.5 17-14.4-10.5-14.5 10.5 5.5-17-14.4-10.6H206l5.6-17Zm86.7 0 5.5 17h18l-14.5 10.6 5.5 17-14.5-10.5-14.5 10.5 5.6-17L275 106h18l5.5-17Zm-16.7 50.1 5.5 17h18l-14.5 10.5 5.5 17-14.5-10.5-14.4 10.6 5.5-17-14.5-10.6h17.9zm-53.3 0 5.5 17h17.9l-14.5 10.5 5.5 17-14.4-10.5-14.5 10.6 5.5-17L205 156h18l5.5-17Z" })
+  ] });
+};
+export {
+  SgFlag as default
+};
+//# sourceMappingURL=index483.js.map

package/dist/index483.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index483.js","sources":["../src/flag-icons/dist/SgFlag.tsx"],"sourcesContent":["// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst SgFlag = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 512 512\"\n      width={props.size || \"1em\"}\n      height={props.size || \"1em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <path\n        fill=\"#FFF\"\n        d=\"M256 512a256 256 0 0 0 256-255.5v-.5l-256-32L0 256a256 256 0 0 0 256 256\"\n      />\n      <path fill=\"#D80027\" d=\"M512 255.5v.5H0a256 256 0 0 1 512-.5\" />\n      <path\n        fill=\"#FFF\"\n        d=\"M154.9 128A78 78 0 0 1 216 51.9a78 78 0 1 0 0 152.2 78 78 0 0 1-61.2-76.1ZM255 55.7l5.6 17h17.8L264 83.2l5.5 17L255 89.7l-14.4 10.5 5.5-17-14.5-10.5h18z\"\n      />\n      <path\n        fill=\"#FFF\"\n        d=\"m211.7 89 5.5 17H235l-14.5 10.6 5.5 17-14.4-10.5-14.5 10.5 5.5-17-14.4-10.6H206l5.6-17Zm86.7 0 5.5 17h18l-14.5 10.6 5.5 17-14.5-10.5-14.5 10.5 5.6-17L275 106h18l5.5-17Zm-16.7 50.1 5.5 17h18l-14.5 10.5 5.5 17-14.5-10.5-14.4 10.6 5.5-17-14.5-10.6h17.9zm-53.3 0 5.5 17h17.9l-14.5 10.5 5.5 17-14.4-10.5-14.5 10.6 5.5-17L205 156h18l5.5-17Z\"\n      />\n    </svg>\n  );\n};\nexport default SgFlag;\n"],"names":[],"mappings":";;AAQA;AACE;AAUI;AAE8E;AAEjB;AAGiG;AAIsL;AAI1V;;;;"}

package/dist/index484.cjs

@@ -0,0 +1,19 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const ShFlag = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { fill: "none", viewBox: "0 0 512 512", width: props.size || "1em", height: props.size || "1em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#026", d: "M512 256a256 256 0 1 1-512 0L256 0a256 256 0 0 1 256 256" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#026", d: "M256 0v256H0A256 256 0 0 1 256 0" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FFF", d: "M217.6 256H256v-38.4L140.7 102.3H256V0A256 256 0 0 0 0 256h102.3V140.7z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#D80027", d: "M256 76.6V25.4H144.7A257 257 0 0 0 25.4 144.7V256h51.2V76.6z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#D80027", d: "M256 230.4V256L102.2 102.2H128z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FFF", d: "M304 152h160v80l-80 32-80-32z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#333", d: "M384 164a14 14 0 0 0-14 14h-42a14 14 0 0 0 14 14 14 14 0 0 0 14 14 14 14 0 0 0 14 14h28a14 14 0 0 0 14-14 14 14 0 0 0 14-14 14 14 0 0 0 14-14h-42a14 14 0 0 0-14-14" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#338AF3", d: "M304 232v48c0 61 80 80 80 80s80-19 80-80v-48z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FFF", d: "M388 245c-9 0-15 8-25 1 5 12 14 9 22 10v6h-14s-14 20 0 38h14v5h-14c-9 0-9-11-9-11h-34v11h7c9 8 13 26 27 26h52c15 0 17-9 20-17 3-7 5-8 6-9v-8h-29s0 8-8 8h-12v-6h14c-11-17 0-37 0-37h-14v-16l-4-1zm-23 17c-20 6-31 26-31 26h25c-2-17 6-26 6-26m44 6a34 34 0 0 0-2 23h24c-5-12 0-23 0-23z" })
+  ] });
+};
+exports.default = ShFlag;
+//# sourceMappingURL=index484.cjs.map

package/dist/index484.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index484.cjs","sources":["../src/flag-icons/dist/ShFlag.tsx"],"sourcesContent":["// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst ShFlag = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 512 512\"\n      width={props.size || \"1em\"}\n      height={props.size || \"1em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <path\n        fill=\"#026\"\n        d=\"M512 256a256 256 0 1 1-512 0L256 0a256 256 0 0 1 256 256\"\n      />\n      <path fill=\"#026\" d=\"M256 0v256H0A256 256 0 0 1 256 0\" />\n      <path\n        fill=\"#FFF\"\n        d=\"M217.6 256H256v-38.4L140.7 102.3H256V0A256 256 0 0 0 0 256h102.3V140.7z\"\n      />\n      <path\n        fill=\"#D80027\"\n        d=\"M256 76.6V25.4H144.7A257 257 0 0 0 25.4 144.7V256h51.2V76.6z\"\n      />\n      <path fill=\"#D80027\" d=\"M256 230.4V256L102.2 102.2H128z\" />\n      <path fill=\"#FFF\" d=\"M304 152h160v80l-80 32-80-32z\" />\n      <path\n        fill=\"#333\"\n        d=\"M384 164a14 14 0 0 0-14 14h-42a14 14 0 0 0 14 14 14 14 0 0 0 14 14 14 14 0 0 0 14 14h28a14 14 0 0 0 14-14 14 14 0 0 0 14-14 14 14 0 0 0 14-14h-42a14 14 0 0 0-14-14\"\n      />\n      <path fill=\"#338AF3\" d=\"M304 232v48c0 61 80 80 80 80s80-19 80-80v-48z\" />\n      <path\n        fill=\"#FFF\"\n        d=\"M388 245c-9 0-15 8-25 1 5 12 14 9 22 10v6h-14s-14 20 0 38h14v5h-14c-9 0-9-11-9-11h-34v11h7c9 8 13 26 27 26h52c15 0 17-9 20-17 3-7 5-8 6-9v-8h-29s0 8-8 8h-12v-6h14c-11-17 0-37 0-37h-14v-16l-4-1zm-23 17c-20 6-31 26-31 26h25c-2-17 6-26 6-26m44 6a34 34 0 0 0-2 23h24c-5-12 0-23 0-23z\"\n      />\n    </svg>\n  );\n};\nexport default ShFlag;\n"],"names":[],"mappings":";;;;AAQA;AACE;AAUI;AAE8D;AAER;AAGuB;AAIX;AAEV;AACL;AAGsH;AAEnG;AAGuN;AAInS;;"}

package/dist/index484.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+const ShFlag = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { fill: "none", viewBox: "0 0 512 512", width: props.size || "1em", height: props.size || "1em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsx("path", { fill: "#026", d: "M512 256a256 256 0 1 1-512 0L256 0a256 256 0 0 1 256 256" }),
+    /* @__PURE__ */ jsx("path", { fill: "#026", d: "M256 0v256H0A256 256 0 0 1 256 0" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FFF", d: "M217.6 256H256v-38.4L140.7 102.3H256V0A256 256 0 0 0 0 256h102.3V140.7z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#D80027", d: "M256 76.6V25.4H144.7A257 257 0 0 0 25.4 144.7V256h51.2V76.6z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#D80027", d: "M256 230.4V256L102.2 102.2H128z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FFF", d: "M304 152h160v80l-80 32-80-32z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#333", d: "M384 164a14 14 0 0 0-14 14h-42a14 14 0 0 0 14 14 14 14 0 0 0 14 14 14 14 0 0 0 14 14h28a14 14 0 0 0 14-14 14 14 0 0 0 14-14 14 14 0 0 0 14-14h-42a14 14 0 0 0-14-14" }),
+    /* @__PURE__ */ jsx("path", { fill: "#338AF3", d: "M304 232v48c0 61 80 80 80 80s80-19 80-80v-48z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FFF", d: "M388 245c-9 0-15 8-25 1 5 12 14 9 22 10v6h-14s-14 20 0 38h14v5h-14c-9 0-9-11-9-11h-34v11h7c9 8 13 26 27 26h52c15 0 17-9 20-17 3-7 5-8 6-9v-8h-29s0 8-8 8h-12v-6h14c-11-17 0-37 0-37h-14v-16l-4-1zm-23 17c-20 6-31 26-31 26h25c-2-17 6-26 6-26m44 6a34 34 0 0 0-2 23h24c-5-12 0-23 0-23z" })
+  ] });
+};
+export {
+  ShFlag as default
+};
+//# sourceMappingURL=index484.js.map

package/dist/index484.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index484.js","sources":["../src/flag-icons/dist/ShFlag.tsx"],"sourcesContent":["// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst ShFlag = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 512 512\"\n      width={props.size || \"1em\"}\n      height={props.size || \"1em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <path\n        fill=\"#026\"\n        d=\"M512 256a256 256 0 1 1-512 0L256 0a256 256 0 0 1 256 256\"\n      />\n      <path fill=\"#026\" d=\"M256 0v256H0A256 256 0 0 1 256 0\" />\n      <path\n        fill=\"#FFF\"\n        d=\"M217.6 256H256v-38.4L140.7 102.3H256V0A256 256 0 0 0 0 256h102.3V140.7z\"\n      />\n      <path\n        fill=\"#D80027\"\n        d=\"M256 76.6V25.4H144.7A257 257 0 0 0 25.4 144.7V256h51.2V76.6z\"\n      />\n      <path fill=\"#D80027\" d=\"M256 230.4V256L102.2 102.2H128z\" />\n      <path fill=\"#FFF\" d=\"M304 152h160v80l-80 32-80-32z\" />\n      <path\n        fill=\"#333\"\n        d=\"M384 164a14 14 0 0 0-14 14h-42a14 14 0 0 0 14 14 14 14 0 0 0 14 14 14 14 0 0 0 14 14h28a14 14 0 0 0 14-14 14 14 0 0 0 14-14 14 14 0 0 0 14-14h-42a14 14 0 0 0-14-14\"\n      />\n      <path fill=\"#338AF3\" d=\"M304 232v48c0 61 80 80 80 80s80-19 80-80v-48z\" />\n      <path\n        fill=\"#FFF\"\n        d=\"M388 245c-9 0-15 8-25 1 5 12 14 9 22 10v6h-14s-14 20 0 38h14v5h-14c-9 0-9-11-9-11h-34v11h7c9 8 13 26 27 26h52c15 0 17-9 20-17 3-7 5-8 6-9v-8h-29s0 8-8 8h-12v-6h14c-11-17 0-37 0-37h-14v-16l-4-1zm-23 17c-20 6-31 26-31 26h25c-2-17 6-26 6-26m44 6a34 34 0 0 0-2 23h24c-5-12 0-23 0-23z\"\n      />\n    </svg>\n  );\n};\nexport default ShFlag;\n"],"names":[],"mappings":";;AAQA;AACE;AAUI;AAE8D;AAER;AAGuB;AAIX;AAEV;AACL;AAGsH;AAEnG;AAGuN;AAInS;;;;"}