@jamesodwyer/gds-figma-vite 1.0.0

package/dist/index36.cjs

@@ -0,0 +1,166 @@
+"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 MinusIcon = require("./index215.cjs");
+const PlusIcon = require("./index230.cjs");
+const IconButton = require("./index19.cjs");
+const elevation = require("./index524.cjs");
+const spacing = require("./index522.cjs");
+const typography = require("./index520.cjs");
+const modifiers = require("./index528.cjs");
+const StepperContext = React.createContext(void 0);
+function useStepper() {
+  const context = React.useContext(StepperContext);
+  if (!context) {
+    throw new Error("Stepper children must be rendered within a <Stepper>");
+  }
+  return context;
+}
+function Value(props) {
+  const {
+    internalValue,
+    setValue,
+    options,
+    currentIndex
+  } = useStepper();
+  const noOptions = options.length === 0;
+  const minIndex = 0;
+  const maxIndex = options.length - 1;
+  function handleKeyDown(event) {
+    if (props.disabled) {
+      return;
+    }
+    switch (event.key) {
+      case "ArrowUp":
+        event.preventDefault();
+        return setValue(Math.min(currentIndex + 1, maxIndex));
+      case "ArrowDown":
+        event.preventDefault();
+        return setValue(Math.max(currentIndex - 1, minIndex));
+      case "Home":
+        event.preventDefault();
+        return setValue(minIndex);
+      case "End":
+        event.preventDefault();
+        return setValue(maxIndex);
+      default:
+        return;
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(Option, { ...props, onKeyDown: handleKeyDown, role: "spinbutton", "aria-label": props.ariaLabel, "aria-valuenow": internalValue, "aria-valuetext": internalValue.toString(), "aria-valuemin": options[minIndex], "aria-valuemax": options[maxIndex], tabIndex: noOptions ? void 0 : 0, "aria-disabled": props.disabled, children: noOptions ? "-" : internalValue });
+}
+function Decrement({
+  disabled,
+  ...props
+}) {
+  const {
+    setValue,
+    options,
+    currentIndex
+  } = useStepper();
+  const noOptions = options.length === 0;
+  const minIndex = 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(MinusButton, { ...props, type: "button", onClick: () => setValue(Math.max(currentIndex - 1, minIndex)), disabled: disabled || noOptions || currentIndex === minIndex, tabIndex: -1, "aria-hidden": "true", width: 36, height: 36, children: /* @__PURE__ */ jsxRuntime.jsx(MinusIcon.default, { size: 20 }) });
+}
+function Increment({
+  disabled,
+  ...props
+}) {
+  const {
+    setValue,
+    options,
+    currentIndex
+  } = useStepper();
+  const noOptions = options.length === 0;
+  const maxIndex = options.length - 1;
+  return /* @__PURE__ */ jsxRuntime.jsx(PlusButton, { ...props, type: "button", onClick: () => setValue(Math.min(currentIndex + 1, maxIndex)), disabled: disabled || noOptions || currentIndex === maxIndex, tabIndex: -1, "aria-hidden": "true", width: 36, height: 36, children: /* @__PURE__ */ jsxRuntime.jsx(PlusIcon.default, { size: 20 }) });
+}
+function Stepper({
+  options = [],
+  onChange,
+  value,
+  defaultValue = options[0],
+  ariaLabel,
+  variant = "primary",
+  disabled = false,
+  ...rest
+}) {
+  const [_value, _setValue] = React.useState(defaultValue);
+  const internalValue = value !== void 0 ? value : _value;
+  const setValue = React.useCallback((newIndex) => {
+    const newValue = options[newIndex];
+    if (onChange) {
+      onChange(newValue);
+    }
+    if (value === void 0) {
+      _setValue(newValue);
+    }
+  }, [value, onChange, options]);
+  const currentIndex = React.useMemo(() => options.indexOf(internalValue), [options, internalValue]);
+  const context = React.useMemo(() => ({
+    options,
+    setValue,
+    internalValue,
+    currentIndex
+  }), [options, setValue, internalValue, currentIndex]);
+  return /* @__PURE__ */ jsxRuntime.jsx(StepperContext.Provider, { value: context, children: /* @__PURE__ */ jsxRuntime.jsxs(Wrapper, { ...rest, disabled, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Decrement, { disabled, variant }),
+    /* @__PURE__ */ jsxRuntime.jsx(Value, { disabled, ariaLabel }),
+    /* @__PURE__ */ jsxRuntime.jsx(Increment, { disabled, variant })
+  ] }) });
+}
+const borderWidth = 1;
+const valueDimension = 36;
+const Wrapper = styled.div.withConfig({
+  displayName: "Stepper__Wrapper",
+  componentId: "sc-xa231m-0"
+})(["", ";display:inline-flex;flex-shrink:0;align-items:center;padding:calc(", " - ", "px);border:", ";border-radius:", ";cursor:", ";"], elevation.elevation.level1, spacing.spacing.lounge, borderWidth, ({
+  theme
+}) => `${borderWidth}px solid ${theme.base.border}`, spacing.spacing.arena, ({
+  disabled
+}) => disabled ? "not-allowed" : "default");
+const disabledStyles = styled.css(["color:", ";cursor:", ";"], ({
+  disabled,
+  theme
+}) => disabled ? theme.base.border : theme.text.primary, ({
+  disabled
+}) => disabled ? "not-allowed" : "default");
+const Option = styled.span.withConfig({
+  displayName: "Stepper__Option",
+  componentId: "sc-xa231m-1"
+})(["display:flex;align-items:center;justify-content:center;width:", "px;height:", "px;margin:0 ", ";", " border-radius:", ";text-align:center;background-color:", ";", ""], valueDimension, valueDimension, spacing.spacing.lounge, typography.textStyle.boising, spacing.spacing.lounge, ({
+  theme
+}) => theme.base.bgAlt, disabledStyles);
+const buttonStyles = styled.css(["border:1px solid;border-radius:50%;outline:0;touch-action:manipulation;&:disabled{border:1px solid transparent;cursor:not-allowed;}&:not(:disabled){cursor:pointer;}"]);
+const variantStyles = ({
+  variant,
+  theme
+}) => {
+  const primaryBg = theme._buttons.primary.backgroundColor;
+  const darkBg = modifiers.dark(primaryBg);
+  const darkerBg = modifiers.darker(primaryBg);
+  switch (variant) {
+    case "secondary":
+      return styled.css(["border-color:transparent;color:", ";background-color:transparent;&:disabled{color:", ";}&:not(:disabled):hover{border-color:", ";color:", ";background-color:", ";}&:not(:disabled):active{border-color:", ";color:", ";background-color:", ";}"], primaryBg, theme.base.border, primaryBg, theme.text.inverse, primaryBg, darkBg, theme.text.inverse, darkBg);
+    case "primary":
+    default:
+      return styled.css(["border-color:", ";color:", ";background-color:", ";&:disabled{border-color:", ";color:", ";background-color:", ";}&:not(:disabled):hover{border-color:", ";background-color:", ";}&:not(:disabled):active{border-color:", ";background-color:", ";}"], primaryBg, theme._buttons.primary.color, primaryBg, theme.base.borderLight, theme.base.borderDark, theme.base.borderLight, darkBg, darkBg, darkerBg, darkerBg);
+  }
+};
+const MinusButton = styled(IconButton.IconButton).withConfig({
+  displayName: "Stepper__MinusButton",
+  componentId: "sc-xa231m-2"
+})(["", ";border-color:transparent;color:", ";background-color:transparent;&:disabled{color:", ";}"], buttonStyles, ({
+  theme
+}) => theme._buttons.primary.backgroundColor, ({
+  theme
+}) => theme.base.border);
+const PlusButton = styled(IconButton.IconButton).withConfig({
+  displayName: "Stepper__PlusButton",
+  componentId: "sc-xa231m-3"
+})(["", ";", ""], buttonStyles, variantStyles);
+exports.default = Stepper;
+//# sourceMappingURL=index36.cjs.map

package/dist/index36.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index36.cjs","sources":["../src/components/Stepper/index.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport styled, { css } from \"styled-components\";\nimport MinusIcon from \"../../icons/dist/MinusIcon\";\nimport PlusIcon from \"../../icons/dist/PlusIcon\";\nimport IconButton from \"../utils/IconButton\";\nimport { spacing, textStyle, elevation } from \"../../dimensions\";\nimport { dark, darker } from \"../../colors\";\nimport { Theme } from \"../../themes/types\";\n\ntype Context = {\n  options: Array<number>;\n  internalValue: number;\n  setValue: (arg0: number) => void;\n  currentIndex: number;\n};\n\nconst StepperContext = React.createContext<Context | null | undefined>(\n  undefined,\n);\n\nfunction useStepper() {\n  const context = React.useContext(StepperContext);\n  if (!context) {\n    throw new Error(\"Stepper children must be rendered within a <Stepper>\");\n  }\n  return context;\n}\n\ntype ValueProps = {\n  ariaLabel: string;\n} & DisabledProp;\n\nfunction Value(props: ValueProps) {\n  const { internalValue, setValue, options, currentIndex } = useStepper();\n  const noOptions = options.length === 0;\n  const minIndex = 0;\n  const maxIndex = options.length - 1;\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLElement>) {\n    if (props.disabled) {\n      return;\n    }\n\n    switch (event.key) {\n      case \"ArrowUp\":\n        event.preventDefault();\n        return setValue(Math.min(currentIndex + 1, maxIndex));\n      case \"ArrowDown\":\n        event.preventDefault();\n        return setValue(Math.max(currentIndex - 1, minIndex));\n      case \"Home\":\n        event.preventDefault();\n        return setValue(minIndex);\n      case \"End\":\n        event.preventDefault();\n        return setValue(maxIndex);\n      default:\n        return;\n    }\n  }\n  return (\n    <Option\n      {...props}\n      onKeyDown={handleKeyDown}\n      role=\"spinbutton\"\n      aria-label={props.ariaLabel}\n      aria-valuenow={internalValue}\n      aria-valuetext={internalValue.toString()}\n      aria-valuemin={options[minIndex]}\n      aria-valuemax={options[maxIndex]}\n      tabIndex={noOptions ? undefined : 0}\n      aria-disabled={props.disabled}\n    >\n      {noOptions ? \"-\" : internalValue}\n    </Option>\n  );\n}\n\ntype DecrementProps = VariantProp &\n  DisabledProp &\n  React.ComponentPropsWithoutRef<\"button\">;\n\nfunction Decrement({ disabled, ...props }: DecrementProps) {\n  const { setValue, options, currentIndex } = useStepper();\n  const noOptions = options.length === 0;\n  const minIndex = 0;\n\n  return (\n    <MinusButton\n      {...props}\n      type=\"button\"\n      onClick={() => setValue(Math.max(currentIndex - 1, minIndex))}\n      disabled={disabled || noOptions || currentIndex === minIndex}\n      tabIndex={-1}\n      aria-hidden=\"true\"\n      width={36}\n      height={36}\n    >\n      <MinusIcon size={20} />\n    </MinusButton>\n  );\n}\n\ntype IncrementProps = VariantProp &\n  DisabledProp &\n  React.ComponentPropsWithoutRef<\"button\">;\n\nfunction Increment({ disabled, ...props }: IncrementProps) {\n  const { setValue, options, currentIndex } = useStepper();\n  const noOptions = options.length === 0;\n  const maxIndex = options.length - 1;\n\n  return (\n    <PlusButton\n      {...props}\n      type=\"button\"\n      onClick={() => setValue(Math.min(currentIndex + 1, maxIndex))}\n      disabled={disabled || noOptions || currentIndex === maxIndex}\n      tabIndex={-1}\n      aria-hidden=\"true\"\n      width={36}\n      height={36}\n    >\n      <PlusIcon size={20} />\n    </PlusButton>\n  );\n}\n\ntype Props = {\n  /** The options to cycle through */\n  options: Array<number>;\n\n  /** The value to start at */\n  defaultValue?: number;\n\n  /** Function called with updated value when value changes */\n  onChange?: (arg0: number) => void;\n\n  /** Controlled value */\n  value?: number;\n\n  /** The value aria label */\n  ariaLabel: string;\n} & VariantProp &\n  DisabledProp;\n\n// https://www.w3.org/TR/wai-aria-1.1/#spinbutton\nfunction Stepper({\n  options = [],\n  onChange,\n  value,\n  defaultValue = options[0],\n  ariaLabel,\n  variant = \"primary\",\n  disabled = false,\n  ...rest\n}: Props) {\n  const [_value, _setValue] = React.useState(defaultValue);\n\n  const internalValue = value !== undefined ? value : _value;\n\n  // useCallback stops the function being recreated every render\n  // since we're passing it via context we need it to be consistent\n  const setValue = React.useCallback(\n    (newIndex: number) => {\n      const newValue = options[newIndex];\n\n      // always call onChange if we have it to inform parent of state updates\n      if (onChange) {\n        onChange(newValue);\n      }\n      // only update internal state if the component isn't controlled\n      if (value === undefined) {\n        _setValue(newValue);\n      }\n    },\n    [value, onChange, options],\n  );\n\n  // we need the index to inc/dec when the user interacts\n  // only recalculate when options/value change since this might get expensive\n  const currentIndex = React.useMemo(\n    () => options.indexOf(internalValue),\n    [options, internalValue],\n  );\n\n  // Only recreate context value when the values we're passing change\n  // otherwise context consumers all re-render every render of this comp\n  const context = React.useMemo(\n    () => ({\n      options,\n      setValue,\n      internalValue,\n      currentIndex,\n    }),\n    [options, setValue, internalValue, currentIndex],\n  );\n\n  return (\n    <StepperContext.Provider value={context}>\n      <Wrapper {...rest} disabled={disabled}>\n        <Decrement disabled={disabled} variant={variant} />\n        <Value disabled={disabled} ariaLabel={ariaLabel} />\n        <Increment disabled={disabled} variant={variant} />\n      </Wrapper>\n    </StepperContext.Provider>\n  );\n}\n\nexport default Stepper;\n\ntype VariantProp = {\n  variant?: \"primary\" | \"secondary\";\n};\n\ntype DisabledProp = {\n  disabled?: boolean;\n};\n\ntype PropsAndTheme = VariantProp & {\n  theme: Theme;\n};\n\nconst borderWidth = 1;\nconst valueDimension = 36;\n\nconst Wrapper = styled.div<DisabledProp>`\n  ${elevation.level1};\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  padding: calc(${spacing.lounge} - ${borderWidth}px);\n  border: ${({ theme }) => `${borderWidth}px solid ${theme.base.border}`};\n  border-radius: ${spacing.arena};\n  cursor: ${({ disabled }) => (disabled ? \"not-allowed\" : \"default\")};\n`;\n\nconst disabledStyles = css<DisabledProp>`\n  color: ${({ disabled, theme }) =>\n    disabled ? theme.base.border : theme.text.primary};\n  cursor: ${({ disabled }) => (disabled ? \"not-allowed\" : \"default\")};\n`;\n\nconst Option = styled.span<DisabledProp>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${valueDimension}px;\n  height: ${valueDimension}px;\n  margin: 0 ${spacing.lounge};\n  ${textStyle.boising}\n  border-radius: ${spacing.lounge};\n  text-align: center;\n  background-color: ${({ theme }) => theme.base.bgAlt};\n  ${disabledStyles}\n`;\n\nconst buttonStyles = css`\n  border: 1px solid;\n  border-radius: 50%;\n  outline: 0; /* Buttons should not be focusable */\n  touch-action: manipulation; /* Disable double tap to zoom on mobile */\n\n  &:disabled {\n    border: 1px solid transparent;\n    cursor: not-allowed;\n  }\n\n  &:not(:disabled) {\n    cursor: pointer;\n  }\n`;\n\nconst variantStyles = ({ variant, theme }: PropsAndTheme) => {\n  const primaryBg = theme._buttons.primary.backgroundColor;\n  const darkBg = dark(primaryBg);\n  const darkerBg = darker(primaryBg);\n\n  switch (variant) {\n    case \"secondary\":\n      return css`\n        border-color: transparent;\n        color: ${primaryBg};\n        background-color: transparent;\n\n        &:disabled {\n          color: ${theme.base.border};\n        }\n\n        &:not(:disabled):hover {\n          border-color: ${primaryBg};\n          color: ${theme.text.inverse};\n          background-color: ${primaryBg};\n        }\n\n        &:not(:disabled):active {\n          border-color: ${darkBg};\n          color: ${theme.text.inverse};\n          background-color: ${darkBg};\n        }\n      `;\n    case \"primary\":\n    default:\n      return css`\n        border-color: ${primaryBg};\n        color: ${theme._buttons.primary.color};\n        background-color: ${primaryBg};\n\n        &:disabled {\n          border-color: ${theme.base.borderLight};\n          color: ${theme.base.borderDark};\n          background-color: ${theme.base.borderLight};\n        }\n\n        &:not(:disabled):hover {\n          border-color: ${darkBg};\n          background-color: ${darkBg};\n        }\n\n        &:not(:disabled):active {\n          border-color: ${darkerBg};\n          background-color: ${darkerBg};\n        }\n      `;\n  }\n};\n\nconst MinusButton = styled(IconButton)`\n  ${buttonStyles};\n  border-color: transparent;\n  color: ${({ theme }) => theme._buttons.primary.backgroundColor};\n  background-color: transparent;\n\n  &:disabled {\n    color: ${({ theme }) => theme.base.border};\n  }\n`;\n\nconst PlusButton = styled(IconButton)`\n  ${buttonStyles};\n  ${variantStyles}\n`;\n"],"names":["internalValue","setValue","options","currentIndex","key","event","disabled","onChange","value","ariaLabel","_setValue","variant"],"mappings":";;;;;;;;;;;;;AAiBA;AAIA;AACE;AACA;AACE;AAAsE;AAExE;AACF;AAMA;AACE;AAAM;AAAEA;AAAeC;AAAUC;AAASC;AAC1C;AACA;AACA;AAEA;AACE;AACE;AAAA;AAGF;AAAcC;AAEVC;AACA;AAAoD;AAEpDA;AACA;AAAoD;AAEpDA;AACA;AAAwB;AAExBA;AACA;AAAwB;AAExB;AAAA;AAAA;AAGN;AAgBF;AAMA;AAAmB;AAAEC;AAAmC;AACtD;AAAM;AAAEL;AAAUC;AAASC;AAC3B;AACA;AAEA;AAcF;AAMA;AAAmB;AAAEG;AAAmC;AACtD;AAAM;AAAEL;AAAUC;AAASC;AAC3B;AACA;AAEA;AAcF;AAqBA;AAAiB;AACL;AACVI;AACAC;AACwB;AACxBC;AACU;AACC;AAEN;AACL;AAEA;AAIA;AAEI;AAGA;AACEF;AAAiB;AAGnB;AACEG;AAAkB;AACpB;AAOJ;AAOA;AACS;AACLR;AACAD;AACAD;AACAG;AAKJ;AAGM;AAAgD;AACA;AACA;AAIxD;AAgBA;AACA;AAEA;AAA0B;AAAA;AAAA;AAMb;AAAQ;AAER;AAAW;AAGxB;AACY;AAAEG;AAAgB;AAEjB;AAAW;AAGxB;AAA0B;AAAA;AAAA;AAUH;AAAQ;AAI/B;AAgBA;AAAuB;AAAEK;AAA8B;AACrD;AACA;AACA;AAEA;AAAQA;AAEJ;AAkB8B;AAG3B;AAEH;AAkBgC;AAItC;AAEA;AAAsC;AAAA;AAAA;AAG1B;AAAQ;AAIN;AAAQ;AAItB;AAAqC;AAAA;AAAA;;"}

package/dist/index36.js

@@ -0,0 +1,166 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default from "react";
+import styled, { css } from "styled-components";
+import MinusIcon from "./index215.js";
+import PlusIcon from "./index230.js";
+import { IconButton } from "./index19.js";
+import { elevation } from "./index524.js";
+import { spacing } from "./index522.js";
+import { textStyle } from "./index520.js";
+import { dark, darker } from "./index528.js";
+const StepperContext = React__default.createContext(void 0);
+function useStepper() {
+  const context = React__default.useContext(StepperContext);
+  if (!context) {
+    throw new Error("Stepper children must be rendered within a <Stepper>");
+  }
+  return context;
+}
+function Value(props) {
+  const {
+    internalValue,
+    setValue,
+    options,
+    currentIndex
+  } = useStepper();
+  const noOptions = options.length === 0;
+  const minIndex = 0;
+  const maxIndex = options.length - 1;
+  function handleKeyDown(event) {
+    if (props.disabled) {
+      return;
+    }
+    switch (event.key) {
+      case "ArrowUp":
+        event.preventDefault();
+        return setValue(Math.min(currentIndex + 1, maxIndex));
+      case "ArrowDown":
+        event.preventDefault();
+        return setValue(Math.max(currentIndex - 1, minIndex));
+      case "Home":
+        event.preventDefault();
+        return setValue(minIndex);
+      case "End":
+        event.preventDefault();
+        return setValue(maxIndex);
+      default:
+        return;
+    }
+  }
+  return /* @__PURE__ */ jsx(Option, { ...props, onKeyDown: handleKeyDown, role: "spinbutton", "aria-label": props.ariaLabel, "aria-valuenow": internalValue, "aria-valuetext": internalValue.toString(), "aria-valuemin": options[minIndex], "aria-valuemax": options[maxIndex], tabIndex: noOptions ? void 0 : 0, "aria-disabled": props.disabled, children: noOptions ? "-" : internalValue });
+}
+function Decrement({
+  disabled,
+  ...props
+}) {
+  const {
+    setValue,
+    options,
+    currentIndex
+  } = useStepper();
+  const noOptions = options.length === 0;
+  const minIndex = 0;
+  return /* @__PURE__ */ jsx(MinusButton, { ...props, type: "button", onClick: () => setValue(Math.max(currentIndex - 1, minIndex)), disabled: disabled || noOptions || currentIndex === minIndex, tabIndex: -1, "aria-hidden": "true", width: 36, height: 36, children: /* @__PURE__ */ jsx(MinusIcon, { size: 20 }) });
+}
+function Increment({
+  disabled,
+  ...props
+}) {
+  const {
+    setValue,
+    options,
+    currentIndex
+  } = useStepper();
+  const noOptions = options.length === 0;
+  const maxIndex = options.length - 1;
+  return /* @__PURE__ */ jsx(PlusButton, { ...props, type: "button", onClick: () => setValue(Math.min(currentIndex + 1, maxIndex)), disabled: disabled || noOptions || currentIndex === maxIndex, tabIndex: -1, "aria-hidden": "true", width: 36, height: 36, children: /* @__PURE__ */ jsx(PlusIcon, { size: 20 }) });
+}
+function Stepper({
+  options = [],
+  onChange,
+  value,
+  defaultValue = options[0],
+  ariaLabel,
+  variant = "primary",
+  disabled = false,
+  ...rest
+}) {
+  const [_value, _setValue] = React__default.useState(defaultValue);
+  const internalValue = value !== void 0 ? value : _value;
+  const setValue = React__default.useCallback((newIndex) => {
+    const newValue = options[newIndex];
+    if (onChange) {
+      onChange(newValue);
+    }
+    if (value === void 0) {
+      _setValue(newValue);
+    }
+  }, [value, onChange, options]);
+  const currentIndex = React__default.useMemo(() => options.indexOf(internalValue), [options, internalValue]);
+  const context = React__default.useMemo(() => ({
+    options,
+    setValue,
+    internalValue,
+    currentIndex
+  }), [options, setValue, internalValue, currentIndex]);
+  return /* @__PURE__ */ jsx(StepperContext.Provider, { value: context, children: /* @__PURE__ */ jsxs(Wrapper, { ...rest, disabled, children: [
+    /* @__PURE__ */ jsx(Decrement, { disabled, variant }),
+    /* @__PURE__ */ jsx(Value, { disabled, ariaLabel }),
+    /* @__PURE__ */ jsx(Increment, { disabled, variant })
+  ] }) });
+}
+const borderWidth = 1;
+const valueDimension = 36;
+const Wrapper = styled.div.withConfig({
+  displayName: "Stepper__Wrapper",
+  componentId: "sc-xa231m-0"
+})(["", ";display:inline-flex;flex-shrink:0;align-items:center;padding:calc(", " - ", "px);border:", ";border-radius:", ";cursor:", ";"], elevation.level1, spacing.lounge, borderWidth, ({
+  theme
+}) => `${borderWidth}px solid ${theme.base.border}`, spacing.arena, ({
+  disabled
+}) => disabled ? "not-allowed" : "default");
+const disabledStyles = css(["color:", ";cursor:", ";"], ({
+  disabled,
+  theme
+}) => disabled ? theme.base.border : theme.text.primary, ({
+  disabled
+}) => disabled ? "not-allowed" : "default");
+const Option = styled.span.withConfig({
+  displayName: "Stepper__Option",
+  componentId: "sc-xa231m-1"
+})(["display:flex;align-items:center;justify-content:center;width:", "px;height:", "px;margin:0 ", ";", " border-radius:", ";text-align:center;background-color:", ";", ""], valueDimension, valueDimension, spacing.lounge, textStyle.boising, spacing.lounge, ({
+  theme
+}) => theme.base.bgAlt, disabledStyles);
+const buttonStyles = css(["border:1px solid;border-radius:50%;outline:0;touch-action:manipulation;&:disabled{border:1px solid transparent;cursor:not-allowed;}&:not(:disabled){cursor:pointer;}"]);
+const variantStyles = ({
+  variant,
+  theme
+}) => {
+  const primaryBg = theme._buttons.primary.backgroundColor;
+  const darkBg = dark(primaryBg);
+  const darkerBg = darker(primaryBg);
+  switch (variant) {
+    case "secondary":
+      return css(["border-color:transparent;color:", ";background-color:transparent;&:disabled{color:", ";}&:not(:disabled):hover{border-color:", ";color:", ";background-color:", ";}&:not(:disabled):active{border-color:", ";color:", ";background-color:", ";}"], primaryBg, theme.base.border, primaryBg, theme.text.inverse, primaryBg, darkBg, theme.text.inverse, darkBg);
+    case "primary":
+    default:
+      return css(["border-color:", ";color:", ";background-color:", ";&:disabled{border-color:", ";color:", ";background-color:", ";}&:not(:disabled):hover{border-color:", ";background-color:", ";}&:not(:disabled):active{border-color:", ";background-color:", ";}"], primaryBg, theme._buttons.primary.color, primaryBg, theme.base.borderLight, theme.base.borderDark, theme.base.borderLight, darkBg, darkBg, darkerBg, darkerBg);
+  }
+};
+const MinusButton = styled(IconButton).withConfig({
+  displayName: "Stepper__MinusButton",
+  componentId: "sc-xa231m-2"
+})(["", ";border-color:transparent;color:", ";background-color:transparent;&:disabled{color:", ";}"], buttonStyles, ({
+  theme
+}) => theme._buttons.primary.backgroundColor, ({
+  theme
+}) => theme.base.border);
+const PlusButton = styled(IconButton).withConfig({
+  displayName: "Stepper__PlusButton",
+  componentId: "sc-xa231m-3"
+})(["", ";", ""], buttonStyles, variantStyles);
+export {
+  Stepper as default
+};
+//# sourceMappingURL=index36.js.map

package/dist/index36.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index36.js","sources":["../src/components/Stepper/index.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport styled, { css } from \"styled-components\";\nimport MinusIcon from \"../../icons/dist/MinusIcon\";\nimport PlusIcon from \"../../icons/dist/PlusIcon\";\nimport IconButton from \"../utils/IconButton\";\nimport { spacing, textStyle, elevation } from \"../../dimensions\";\nimport { dark, darker } from \"../../colors\";\nimport { Theme } from \"../../themes/types\";\n\ntype Context = {\n  options: Array<number>;\n  internalValue: number;\n  setValue: (arg0: number) => void;\n  currentIndex: number;\n};\n\nconst StepperContext = React.createContext<Context | null | undefined>(\n  undefined,\n);\n\nfunction useStepper() {\n  const context = React.useContext(StepperContext);\n  if (!context) {\n    throw new Error(\"Stepper children must be rendered within a <Stepper>\");\n  }\n  return context;\n}\n\ntype ValueProps = {\n  ariaLabel: string;\n} & DisabledProp;\n\nfunction Value(props: ValueProps) {\n  const { internalValue, setValue, options, currentIndex } = useStepper();\n  const noOptions = options.length === 0;\n  const minIndex = 0;\n  const maxIndex = options.length - 1;\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLElement>) {\n    if (props.disabled) {\n      return;\n    }\n\n    switch (event.key) {\n      case \"ArrowUp\":\n        event.preventDefault();\n        return setValue(Math.min(currentIndex + 1, maxIndex));\n      case \"ArrowDown\":\n        event.preventDefault();\n        return setValue(Math.max(currentIndex - 1, minIndex));\n      case \"Home\":\n        event.preventDefault();\n        return setValue(minIndex);\n      case \"End\":\n        event.preventDefault();\n        return setValue(maxIndex);\n      default:\n        return;\n    }\n  }\n  return (\n    <Option\n      {...props}\n      onKeyDown={handleKeyDown}\n      role=\"spinbutton\"\n      aria-label={props.ariaLabel}\n      aria-valuenow={internalValue}\n      aria-valuetext={internalValue.toString()}\n      aria-valuemin={options[minIndex]}\n      aria-valuemax={options[maxIndex]}\n      tabIndex={noOptions ? undefined : 0}\n      aria-disabled={props.disabled}\n    >\n      {noOptions ? \"-\" : internalValue}\n    </Option>\n  );\n}\n\ntype DecrementProps = VariantProp &\n  DisabledProp &\n  React.ComponentPropsWithoutRef<\"button\">;\n\nfunction Decrement({ disabled, ...props }: DecrementProps) {\n  const { setValue, options, currentIndex } = useStepper();\n  const noOptions = options.length === 0;\n  const minIndex = 0;\n\n  return (\n    <MinusButton\n      {...props}\n      type=\"button\"\n      onClick={() => setValue(Math.max(currentIndex - 1, minIndex))}\n      disabled={disabled || noOptions || currentIndex === minIndex}\n      tabIndex={-1}\n      aria-hidden=\"true\"\n      width={36}\n      height={36}\n    >\n      <MinusIcon size={20} />\n    </MinusButton>\n  );\n}\n\ntype IncrementProps = VariantProp &\n  DisabledProp &\n  React.ComponentPropsWithoutRef<\"button\">;\n\nfunction Increment({ disabled, ...props }: IncrementProps) {\n  const { setValue, options, currentIndex } = useStepper();\n  const noOptions = options.length === 0;\n  const maxIndex = options.length - 1;\n\n  return (\n    <PlusButton\n      {...props}\n      type=\"button\"\n      onClick={() => setValue(Math.min(currentIndex + 1, maxIndex))}\n      disabled={disabled || noOptions || currentIndex === maxIndex}\n      tabIndex={-1}\n      aria-hidden=\"true\"\n      width={36}\n      height={36}\n    >\n      <PlusIcon size={20} />\n    </PlusButton>\n  );\n}\n\ntype Props = {\n  /** The options to cycle through */\n  options: Array<number>;\n\n  /** The value to start at */\n  defaultValue?: number;\n\n  /** Function called with updated value when value changes */\n  onChange?: (arg0: number) => void;\n\n  /** Controlled value */\n  value?: number;\n\n  /** The value aria label */\n  ariaLabel: string;\n} & VariantProp &\n  DisabledProp;\n\n// https://www.w3.org/TR/wai-aria-1.1/#spinbutton\nfunction Stepper({\n  options = [],\n  onChange,\n  value,\n  defaultValue = options[0],\n  ariaLabel,\n  variant = \"primary\",\n  disabled = false,\n  ...rest\n}: Props) {\n  const [_value, _setValue] = React.useState(defaultValue);\n\n  const internalValue = value !== undefined ? value : _value;\n\n  // useCallback stops the function being recreated every render\n  // since we're passing it via context we need it to be consistent\n  const setValue = React.useCallback(\n    (newIndex: number) => {\n      const newValue = options[newIndex];\n\n      // always call onChange if we have it to inform parent of state updates\n      if (onChange) {\n        onChange(newValue);\n      }\n      // only update internal state if the component isn't controlled\n      if (value === undefined) {\n        _setValue(newValue);\n      }\n    },\n    [value, onChange, options],\n  );\n\n  // we need the index to inc/dec when the user interacts\n  // only recalculate when options/value change since this might get expensive\n  const currentIndex = React.useMemo(\n    () => options.indexOf(internalValue),\n    [options, internalValue],\n  );\n\n  // Only recreate context value when the values we're passing change\n  // otherwise context consumers all re-render every render of this comp\n  const context = React.useMemo(\n    () => ({\n      options,\n      setValue,\n      internalValue,\n      currentIndex,\n    }),\n    [options, setValue, internalValue, currentIndex],\n  );\n\n  return (\n    <StepperContext.Provider value={context}>\n      <Wrapper {...rest} disabled={disabled}>\n        <Decrement disabled={disabled} variant={variant} />\n        <Value disabled={disabled} ariaLabel={ariaLabel} />\n        <Increment disabled={disabled} variant={variant} />\n      </Wrapper>\n    </StepperContext.Provider>\n  );\n}\n\nexport default Stepper;\n\ntype VariantProp = {\n  variant?: \"primary\" | \"secondary\";\n};\n\ntype DisabledProp = {\n  disabled?: boolean;\n};\n\ntype PropsAndTheme = VariantProp & {\n  theme: Theme;\n};\n\nconst borderWidth = 1;\nconst valueDimension = 36;\n\nconst Wrapper = styled.div<DisabledProp>`\n  ${elevation.level1};\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  padding: calc(${spacing.lounge} - ${borderWidth}px);\n  border: ${({ theme }) => `${borderWidth}px solid ${theme.base.border}`};\n  border-radius: ${spacing.arena};\n  cursor: ${({ disabled }) => (disabled ? \"not-allowed\" : \"default\")};\n`;\n\nconst disabledStyles = css<DisabledProp>`\n  color: ${({ disabled, theme }) =>\n    disabled ? theme.base.border : theme.text.primary};\n  cursor: ${({ disabled }) => (disabled ? \"not-allowed\" : \"default\")};\n`;\n\nconst Option = styled.span<DisabledProp>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${valueDimension}px;\n  height: ${valueDimension}px;\n  margin: 0 ${spacing.lounge};\n  ${textStyle.boising}\n  border-radius: ${spacing.lounge};\n  text-align: center;\n  background-color: ${({ theme }) => theme.base.bgAlt};\n  ${disabledStyles}\n`;\n\nconst buttonStyles = css`\n  border: 1px solid;\n  border-radius: 50%;\n  outline: 0; /* Buttons should not be focusable */\n  touch-action: manipulation; /* Disable double tap to zoom on mobile */\n\n  &:disabled {\n    border: 1px solid transparent;\n    cursor: not-allowed;\n  }\n\n  &:not(:disabled) {\n    cursor: pointer;\n  }\n`;\n\nconst variantStyles = ({ variant, theme }: PropsAndTheme) => {\n  const primaryBg = theme._buttons.primary.backgroundColor;\n  const darkBg = dark(primaryBg);\n  const darkerBg = darker(primaryBg);\n\n  switch (variant) {\n    case \"secondary\":\n      return css`\n        border-color: transparent;\n        color: ${primaryBg};\n        background-color: transparent;\n\n        &:disabled {\n          color: ${theme.base.border};\n        }\n\n        &:not(:disabled):hover {\n          border-color: ${primaryBg};\n          color: ${theme.text.inverse};\n          background-color: ${primaryBg};\n        }\n\n        &:not(:disabled):active {\n          border-color: ${darkBg};\n          color: ${theme.text.inverse};\n          background-color: ${darkBg};\n        }\n      `;\n    case \"primary\":\n    default:\n      return css`\n        border-color: ${primaryBg};\n        color: ${theme._buttons.primary.color};\n        background-color: ${primaryBg};\n\n        &:disabled {\n          border-color: ${theme.base.borderLight};\n          color: ${theme.base.borderDark};\n          background-color: ${theme.base.borderLight};\n        }\n\n        &:not(:disabled):hover {\n          border-color: ${darkBg};\n          background-color: ${darkBg};\n        }\n\n        &:not(:disabled):active {\n          border-color: ${darkerBg};\n          background-color: ${darkerBg};\n        }\n      `;\n  }\n};\n\nconst MinusButton = styled(IconButton)`\n  ${buttonStyles};\n  border-color: transparent;\n  color: ${({ theme }) => theme._buttons.primary.backgroundColor};\n  background-color: transparent;\n\n  &:disabled {\n    color: ${({ theme }) => theme.base.border};\n  }\n`;\n\nconst PlusButton = styled(IconButton)`\n  ${buttonStyles};\n  ${variantStyles}\n`;\n"],"names":["internalValue","setValue","options","currentIndex","key","event","disabled","onChange","value","ariaLabel","_setValue","variant"],"mappings":";;;;;;;;;;;AAiBA;AAIA;AACE;AACA;AACE;AAAsE;AAExE;AACF;AAMA;AACE;AAAM;AAAEA;AAAeC;AAAUC;AAASC;AAC1C;AACA;AACA;AAEA;AACE;AACE;AAAA;AAGF;AAAcC;AAEVC;AACA;AAAoD;AAEpDA;AACA;AAAoD;AAEpDA;AACA;AAAwB;AAExBA;AACA;AAAwB;AAExB;AAAA;AAAA;AAGN;AAgBF;AAMA;AAAmB;AAAEC;AAAmC;AACtD;AAAM;AAAEL;AAAUC;AAASC;AAC3B;AACA;AAEA;AAcF;AAMA;AAAmB;AAAEG;AAAmC;AACtD;AAAM;AAAEL;AAAUC;AAASC;AAC3B;AACA;AAEA;AAcF;AAqBA;AAAiB;AACL;AACVI;AACAC;AACwB;AACxBC;AACU;AACC;AAEN;AACL;AAEA;AAIA;AAEI;AAGA;AACEF;AAAiB;AAGnB;AACEG;AAAkB;AACpB;AAOJ;AAOA;AACS;AACLR;AACAD;AACAD;AACAG;AAKJ;AAGM;AAAgD;AACA;AACA;AAIxD;AAgBA;AACA;AAEA;AAA0B;AAAA;AAAA;AAMb;AAAQ;AAER;AAAW;AAGxB;AACY;AAAEG;AAAgB;AAEjB;AAAW;AAGxB;AAA0B;AAAA;AAAA;AAUH;AAAQ;AAI/B;AAgBA;AAAuB;AAAEK;AAA8B;AACrD;AACA;AACA;AAEA;AAAQA;AAEJ;AAkB8B;AAG3B;AAEH;AAkBgC;AAItC;AAEA;AAAsC;AAAA;AAAA;AAG1B;AAAQ;AAIN;AAAQ;AAItB;AAAqC;AAAA;AAAA;;;;"}

package/dist/index360.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 CvFlag = (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("circle", { cx: 256, cy: 256, r: 256, fill: "#0052B4" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FFF", fillRule: "evenodd", d: "M477.8 384A254.8 254.8 0 0 0 512 256H0c0 46.6 12.5 90.3 34.2 128z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#D80027", fillRule: "evenodd", d: "M14.6 341.3c-4.9-13.7-8.6-28-11-42.6h504.9c-2.5 14.7-6.2 29-11 42.6h-483Z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FFC635", d: "m223.8 440.3-5.2-16.3-5.3 16.3H196l13.9 10-5.3 16.3 13.9-10 13.8 10-5.3-16.3 13.9-10h-17.2ZM104 357.5l-5.2-16.3-5.3 16.3H76.4l13.8 10-5.3 16.3 13.9-10 13.9 10-5.3-16.2 13.8-10.1h-17.1Zm-1.3-85.1-5.3-16.3-5.3 16.3H75l13.8 10-5.3 16.3 13.9-10 13.8 10-5.3-16.3 14-10zm242.3 0-5.3-16.2-5.3 16.2h-17.2l13.9 10-5.3 16.3 13.9-10 13.8 10-5.3-16.3 13.9-10zm-1.6 85.1-5.3-16.2-5.3 16.2h-17.1l13.8 10-5.3 16.3 13.9-10 13.8 10-5.2-16.3 13.8-10zM218.5 168.6l5.3 16.3h17.1L227.1 195l5.3 16.3-13.9-10-13.9 10L210 195l-13.8-10h17.1l5.3-16.4ZM143.6 193l5.3 16.2H166l-13.8 10.1 5.3 16.3-13.9-10-13.9 10 5.3-16.3-13.8-10h17.1l5.3-16.4Zm155 223-5.3-16.3L288 416h-17.1l13.8 10.1-5.3 16.3 13.9-10 13.9 10-5.3-16.3 13.8-10h-17.1Zm-147.1 2-5.3-16.3L141 418h-17.1l13.8 10-5.2 16.3 13.8-10 13.9 10-5.3-16.3 13.8-10h-17Zm144.9-210.6-5.3-16.3-5.3 16.3h-17l13.8 10-5.3 16.3 13.8-10 13.9 10-5.3-16.3 13.9-10z" })
+  ] });
+};
+exports.default = CvFlag;
+//# sourceMappingURL=index360.cjs.map

package/dist/index360.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index360.cjs","sources":["../src/flag-icons/dist/CvFlag.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 CvFlag = (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      <circle cx={256} cy={256} r={256} fill=\"#0052B4\" />\n      <path\n        fill=\"#FFF\"\n        fillRule=\"evenodd\"\n        d=\"M477.8 384A254.8 254.8 0 0 0 512 256H0c0 46.6 12.5 90.3 34.2 128z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#D80027\"\n        fillRule=\"evenodd\"\n        d=\"M14.6 341.3c-4.9-13.7-8.6-28-11-42.6h504.9c-2.5 14.7-6.2 29-11 42.6h-483Z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#FFC635\"\n        d=\"m223.8 440.3-5.2-16.3-5.3 16.3H196l13.9 10-5.3 16.3 13.9-10 13.8 10-5.3-16.3 13.9-10h-17.2ZM104 357.5l-5.2-16.3-5.3 16.3H76.4l13.8 10-5.3 16.3 13.9-10 13.9 10-5.3-16.2 13.8-10.1h-17.1Zm-1.3-85.1-5.3-16.3-5.3 16.3H75l13.8 10-5.3 16.3 13.9-10 13.8 10-5.3-16.3 14-10zm242.3 0-5.3-16.2-5.3 16.2h-17.2l13.9 10-5.3 16.3 13.9-10 13.8 10-5.3-16.3 13.9-10zm-1.6 85.1-5.3-16.2-5.3 16.2h-17.1l13.8 10-5.3 16.3 13.9-10 13.8 10-5.2-16.3 13.8-10zM218.5 168.6l5.3 16.3h17.1L227.1 195l5.3 16.3-13.9-10-13.9 10L210 195l-13.8-10h17.1l5.3-16.4ZM143.6 193l5.3 16.2H166l-13.8 10.1 5.3 16.3-13.9-10-13.9 10 5.3-16.3-13.8-10h17.1l5.3-16.4Zm155 223-5.3-16.3L288 416h-17.1l13.8 10.1-5.3 16.3 13.9-10 13.9 10-5.3-16.3 13.8-10h-17.1Zm-147.1 2-5.3-16.3L141 418h-17.1l13.8 10-5.2 16.3 13.8-10 13.9 10-5.3-16.3 13.8-10h-17Zm144.9-210.6-5.3-16.3-5.3 16.3h-17l13.8 10-5.3 16.3 13.8-10 13.9 10-5.3-16.3 13.9-10z\"\n      />\n    </svg>\n  );\n};\nexport default CvFlag;\n"],"names":[],"mappings":";;;;AAQA;AACE;AAUI;AAAgD;AAK5B;AAMA;AAIg2B;AAI13B;;"}

package/dist/index360.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+const CvFlag = (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("circle", { cx: 256, cy: 256, r: 256, fill: "#0052B4" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FFF", fillRule: "evenodd", d: "M477.8 384A254.8 254.8 0 0 0 512 256H0c0 46.6 12.5 90.3 34.2 128z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#D80027", fillRule: "evenodd", d: "M14.6 341.3c-4.9-13.7-8.6-28-11-42.6h504.9c-2.5 14.7-6.2 29-11 42.6h-483Z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FFC635", d: "m223.8 440.3-5.2-16.3-5.3 16.3H196l13.9 10-5.3 16.3 13.9-10 13.8 10-5.3-16.3 13.9-10h-17.2ZM104 357.5l-5.2-16.3-5.3 16.3H76.4l13.8 10-5.3 16.3 13.9-10 13.9 10-5.3-16.2 13.8-10.1h-17.1Zm-1.3-85.1-5.3-16.3-5.3 16.3H75l13.8 10-5.3 16.3 13.9-10 13.8 10-5.3-16.3 14-10zm242.3 0-5.3-16.2-5.3 16.2h-17.2l13.9 10-5.3 16.3 13.9-10 13.8 10-5.3-16.3 13.9-10zm-1.6 85.1-5.3-16.2-5.3 16.2h-17.1l13.8 10-5.3 16.3 13.9-10 13.8 10-5.2-16.3 13.8-10zM218.5 168.6l5.3 16.3h17.1L227.1 195l5.3 16.3-13.9-10-13.9 10L210 195l-13.8-10h17.1l5.3-16.4ZM143.6 193l5.3 16.2H166l-13.8 10.1 5.3 16.3-13.9-10-13.9 10 5.3-16.3-13.8-10h17.1l5.3-16.4Zm155 223-5.3-16.3L288 416h-17.1l13.8 10.1-5.3 16.3 13.9-10 13.9 10-5.3-16.3 13.8-10h-17.1Zm-147.1 2-5.3-16.3L141 418h-17.1l13.8 10-5.2 16.3 13.8-10 13.9 10-5.3-16.3 13.8-10h-17Zm144.9-210.6-5.3-16.3-5.3 16.3h-17l13.8 10-5.3 16.3 13.8-10 13.9 10-5.3-16.3 13.9-10z" })
+  ] });
+};
+export {
+  CvFlag as default
+};
+//# sourceMappingURL=index360.js.map

package/dist/index360.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index360.js","sources":["../src/flag-icons/dist/CvFlag.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 CvFlag = (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      <circle cx={256} cy={256} r={256} fill=\"#0052B4\" />\n      <path\n        fill=\"#FFF\"\n        fillRule=\"evenodd\"\n        d=\"M477.8 384A254.8 254.8 0 0 0 512 256H0c0 46.6 12.5 90.3 34.2 128z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#D80027\"\n        fillRule=\"evenodd\"\n        d=\"M14.6 341.3c-4.9-13.7-8.6-28-11-42.6h504.9c-2.5 14.7-6.2 29-11 42.6h-483Z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#FFC635\"\n        d=\"m223.8 440.3-5.2-16.3-5.3 16.3H196l13.9 10-5.3 16.3 13.9-10 13.8 10-5.3-16.3 13.9-10h-17.2ZM104 357.5l-5.2-16.3-5.3 16.3H76.4l13.8 10-5.3 16.3 13.9-10 13.9 10-5.3-16.2 13.8-10.1h-17.1Zm-1.3-85.1-5.3-16.3-5.3 16.3H75l13.8 10-5.3 16.3 13.9-10 13.8 10-5.3-16.3 14-10zm242.3 0-5.3-16.2-5.3 16.2h-17.2l13.9 10-5.3 16.3 13.9-10 13.8 10-5.3-16.3 13.9-10zm-1.6 85.1-5.3-16.2-5.3 16.2h-17.1l13.8 10-5.3 16.3 13.9-10 13.8 10-5.2-16.3 13.8-10zM218.5 168.6l5.3 16.3h17.1L227.1 195l5.3 16.3-13.9-10-13.9 10L210 195l-13.8-10h17.1l5.3-16.4ZM143.6 193l5.3 16.2H166l-13.8 10.1 5.3 16.3-13.9-10-13.9 10 5.3-16.3-13.8-10h17.1l5.3-16.4Zm155 223-5.3-16.3L288 416h-17.1l13.8 10.1-5.3 16.3 13.9-10 13.9 10-5.3-16.3 13.8-10h-17.1Zm-147.1 2-5.3-16.3L141 418h-17.1l13.8 10-5.2 16.3 13.8-10 13.9 10-5.3-16.3 13.8-10h-17Zm144.9-210.6-5.3-16.3-5.3 16.3h-17l13.8 10-5.3 16.3 13.8-10 13.9 10-5.3-16.3 13.9-10z\"\n      />\n    </svg>\n  );\n};\nexport default CvFlag;\n"],"names":[],"mappings":";;AAQA;AACE;AAUI;AAAgD;AAK5B;AAMA;AAIg2B;AAI13B;;;;"}

package/dist/index361.cjs

@@ -0,0 +1,13 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const CyFlag = (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("circle", { cx: 256, cy: 256, r: 256, fill: "#FFF" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#496E2D", d: "M400.7 222.6h-33.4a111.3 111.3 0 0 1-222.6 0h-33.4c0 66.2 44.5 122 105.2 139.2a37 37 0 0 0 3.9 40.5l36.3-29.2 36.4 29.2a37 37 0 0 0 3.7-40.8 144.8 144.8 0 0 0 103.9-138.9" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FF9811", d: "M167 211.5s0 55.6 55.6 55.6l11.1 11.2H256s11.1-33.4 33.4-33.4c0 0 0-22.3 22.3-22.3H345s-11-44.5 44.6-78l-22.3-11s-78 55.6-133.6 44.5v22.2h-22.2l-11.2-11z" })
+  ] });
+};
+exports.default = CyFlag;
+//# sourceMappingURL=index361.cjs.map

package/dist/index361.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index361.cjs","sources":["../src/flag-icons/dist/CyFlag.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 CyFlag = (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      <circle cx={256} cy={256} r={256} fill=\"#FFF\" />\n      <path\n        fill=\"#496E2D\"\n        d=\"M400.7 222.6h-33.4a111.3 111.3 0 0 1-222.6 0h-33.4c0 66.2 44.5 122 105.2 139.2a37 37 0 0 0 3.9 40.5l36.3-29.2 36.4 29.2a37 37 0 0 0 3.7-40.8 144.8 144.8 0 0 0 103.9-138.9\"\n      />\n      <path\n        fill=\"#FF9811\"\n        d=\"M167 211.5s0 55.6 55.6 55.6l11.1 11.2H256s11.1-33.4 33.4-33.4c0 0 0-22.3 22.3-22.3H345s-11-44.5 44.6-78l-22.3-11s-78 55.6-133.6 44.5v22.2h-22.2l-11.2-11z\"\n      />\n    </svg>\n  );\n};\nexport default CyFlag;\n"],"names":[],"mappings":";;;;AAQA;AACE;AAUI;AAA6C;AAGmI;AAIjB;AAIrK;;"}

package/dist/index361.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+const CyFlag = (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("circle", { cx: 256, cy: 256, r: 256, fill: "#FFF" }),
+    /* @__PURE__ */ jsx("path", { fill: "#496E2D", d: "M400.7 222.6h-33.4a111.3 111.3 0 0 1-222.6 0h-33.4c0 66.2 44.5 122 105.2 139.2a37 37 0 0 0 3.9 40.5l36.3-29.2 36.4 29.2a37 37 0 0 0 3.7-40.8 144.8 144.8 0 0 0 103.9-138.9" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FF9811", d: "M167 211.5s0 55.6 55.6 55.6l11.1 11.2H256s11.1-33.4 33.4-33.4c0 0 0-22.3 22.3-22.3H345s-11-44.5 44.6-78l-22.3-11s-78 55.6-133.6 44.5v22.2h-22.2l-11.2-11z" })
+  ] });
+};
+export {
+  CyFlag as default
+};
+//# sourceMappingURL=index361.js.map

package/dist/index361.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index361.js","sources":["../src/flag-icons/dist/CyFlag.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 CyFlag = (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      <circle cx={256} cy={256} r={256} fill=\"#FFF\" />\n      <path\n        fill=\"#496E2D\"\n        d=\"M400.7 222.6h-33.4a111.3 111.3 0 0 1-222.6 0h-33.4c0 66.2 44.5 122 105.2 139.2a37 37 0 0 0 3.9 40.5l36.3-29.2 36.4 29.2a37 37 0 0 0 3.7-40.8 144.8 144.8 0 0 0 103.9-138.9\"\n      />\n      <path\n        fill=\"#FF9811\"\n        d=\"M167 211.5s0 55.6 55.6 55.6l11.1 11.2H256s11.1-33.4 33.4-33.4c0 0 0-22.3 22.3-22.3H345s-11-44.5 44.6-78l-22.3-11s-78 55.6-133.6 44.5v22.2h-22.2l-11.2-11z\"\n      />\n    </svg>\n  );\n};\nexport default CyFlag;\n"],"names":[],"mappings":";;AAQA;AACE;AAUI;AAA6C;AAGmI;AAIjB;AAIrK;;;;"}

package/dist/index362.cjs

@@ -0,0 +1,13 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const CzFlag = (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: "#D80027", 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: "#FFF", d: "M512 255.5v.5H0a256 256 0 0 1 512-.5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#0052B4", 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 = CzFlag;
+//# sourceMappingURL=index362.cjs.map

package/dist/index362.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index362.cjs","sources":["../src/flag-icons/dist/CzFlag.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 CzFlag = (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=\"#D80027\"\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=\"#FFF\" d=\"M512 255.5v.5H0a256 256 0 0 1 512-.5\" />\n      <path\n        fill=\"#0052B4\"\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 CzFlag;\n"],"names":[],"mappings":";;;;AAQA;AACE;AAUI;AAE8E;AAEpB;AAG8B;AAI9F;;"}

package/dist/index362.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+const CzFlag = (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: "#D80027", d: "M256 512a256 256 0 0 0 256-255.5v-.5l-256-32L0 256a256 256 0 0 0 256 256" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FFF", d: "M512 255.5v.5H0a256 256 0 0 1 512-.5" }),
+    /* @__PURE__ */ jsx("path", { fill: "#0052B4", 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 {
+  CzFlag as default
+};
+//# sourceMappingURL=index362.js.map

package/dist/index362.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index362.js","sources":["../src/flag-icons/dist/CzFlag.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 CzFlag = (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=\"#D80027\"\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=\"#FFF\" d=\"M512 255.5v.5H0a256 256 0 0 1 512-.5\" />\n      <path\n        fill=\"#0052B4\"\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 CzFlag;\n"],"names":[],"mappings":";;AAQA;AACE;AAUI;AAE8E;AAEpB;AAG8B;AAI9F;;;;"}

package/dist/index363.cjs

@@ -0,0 +1,13 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const DeFlag = (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: "#D80027", 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: "#FFDA44", d: "M496.5 344a256.1 256.1 0 0 1-481 0z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#333", d: "M496.5 168h-481a256.1 256.1 0 0 1 481 0" })
+  ] });
+};
+exports.default = DeFlag;
+//# sourceMappingURL=index363.cjs.map

package/dist/index363.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index363.cjs","sources":["../src/flag-icons/dist/DeFlag.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 DeFlag = (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=\"#D80027\"\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=\"#FFDA44\" d=\"M496.5 344a256.1 256.1 0 0 1-481 0z\" />\n      <path fill=\"#333\" d=\"M496.5 168h-481a256.1 256.1 0 0 1 481 0\" />\n    </svg>\n  );\n};\nexport default DeFlag;\n"],"names":[],"mappings":";;;;AAQA;AACE;AAUI;AAEuH;AAE3D;AACC;AAGnE;;"}

package/dist/index363.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+const DeFlag = (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: "#D80027", 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: "#FFDA44", d: "M496.5 344a256.1 256.1 0 0 1-481 0z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#333", d: "M496.5 168h-481a256.1 256.1 0 0 1 481 0" })
+  ] });
+};
+export {
+  DeFlag as default
+};
+//# sourceMappingURL=index363.js.map

package/dist/index363.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index363.js","sources":["../src/flag-icons/dist/DeFlag.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 DeFlag = (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=\"#D80027\"\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=\"#FFDA44\" d=\"M496.5 344a256.1 256.1 0 0 1-481 0z\" />\n      <path fill=\"#333\" d=\"M496.5 168h-481a256.1 256.1 0 0 1 481 0\" />\n    </svg>\n  );\n};\nexport default DeFlag;\n"],"names":[],"mappings":";;AAQA;AACE;AAUI;AAEuH;AAE3D;AACC;AAGnE;;;;"}

package/dist/index364.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 DkFlag = (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: "#D80027", d: "M256 512a256 256 0 1 0 0-512 256 256 0 0 0 0 512" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FFF", 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 = DkFlag;
+//# sourceMappingURL=index364.cjs.map

package/dist/index364.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index364.cjs","sources":["../src/flag-icons/dist/DkFlag.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 DkFlag = (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=\"#D80027\"\n        d=\"M256 512a256 256 0 1 0 0-512 256 256 0 0 0 0 512\"\n      />\n      <path\n        fill=\"#FFF\"\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 DkFlag;\n"],"names":[],"mappings":";;;;AAQA;AACE;AAUI;AAEsD;AAIqF;AAIjJ;;"}

package/dist/index364.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+const DkFlag = (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: "#D80027", d: "M256 512a256 256 0 1 0 0-512 256 256 0 0 0 0 512" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FFF", 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 {
+  DkFlag as default
+};
+//# sourceMappingURL=index364.js.map

package/dist/index364.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index364.js","sources":["../src/flag-icons/dist/DkFlag.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 DkFlag = (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=\"#D80027\"\n        d=\"M256 512a256 256 0 1 0 0-512 256 256 0 0 0 0 512\"\n      />\n      <path\n        fill=\"#FFF\"\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 DkFlag;\n"],"names":[],"mappings":";;AAQA;AACE;AAUI;AAEsD;AAIqF;AAIjJ;;;;"}

package/dist/index365.cjs

@@ -0,0 +1,16 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const DmFlag = (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("circle", { cx: 256, cy: 256, r: 256, fill: "#496E2D" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#333", fillRule: "evenodd", d: "M511.5 272a260 260 0 0 0 0-32H272V.5a260 260 0 0 0-32 0V240H.5a260 260 0 0 0 0 32H240v239.5a260 260 0 0 0 32 0V272z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FFF", fillRule: "evenodd", d: "M304 4.5V272h207.5a259 259 0 0 1-4 32H304v203.5a259 259 0 0 1-32 4V304H4.5a259 259 0 0 1-4-32H272V.5c10.9.7 21.5 2 32 4", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FFDA44", fillRule: "evenodd", d: "M511.5 240H240v271.5a259 259 0 0 1-32-4V240H.5a259 259 0 0 1 4-32H208V4.5a259 259 0 0 1 32-4V208h267.5a259 259 0 0 1 4 32", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#D80027", d: "M256 378.4a122.4 122.4 0 1 0 0-244.8 122.4 122.4 0 0 0 0 244.8" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#496E2D", d: "M283.9 269.7c-9.1-18.3-21-36.7-21-36.7s.3-8.4.3-13.4a13.7 13.7 0 0 0-27.2-1.2 10.8 10.8 0 0 0-4.3 20.3c1.7-4 5-7.1 9.2-8.6.7.6 1.4 1 2.2 1.5l1.8.8s-6.5 18.3-6.5 28.2c0 27.6 18.2 36.1 18.2 36.1v.3l-9.1 9h18.2v-18l9 9c.2 0 17.3-11 9.2-27.2ZM256 155.8l4.1 12.8h13.5l-10.9 7.9 4.2 12.7-10.9-7.9-10.8 8 4-12.8-10.8-8H252l4.1-12.7ZM197.1 175l10.9 7.8 10.8-7.8-4.1 12.7 10.8 7.9h-13.4l-4.1 12.7-4.2-12.7h-13.4l10.9-7.9L197 175Zm-36.4 50h13.4l4.2-12.7 4.1 12.7h13.4l-10.8 8 4.1 12.7-10.8-7.9-10.9 7.9 4.2-12.8zm0 62 10.9-8-4.2-12.7 10.9 7.9 10.8-7.9-4.1 12.8 10.8 7.9h-13.4l-4.1 12.7L174 287h-13.4Zm36.4 50 4.2-12.7-10.9-7.9h13.4l4.2-12.7 4.1 12.7h13.4l-10.8 7.9 4.1 12.7-10.8-7.8-11 7.8Zm58.9 19.2-4.1-12.8h-13.5l10.9-7.9-4.2-12.7 10.9 7.9 10.8-8-4.1 12.8 10.9 8H260l-4.1 12.7Zm58.9-19.2-10.9-7.8-10.8 7.8 4.1-12.7-10.8-7.9h13.4l4.1-12.7 4.2 12.7h13.4l-10.9 7.9L315 337Zm36.4-50h-13.4l-4.2 12.7-4.1-12.7h-13.4l10.8-8-4.1-12.7 10.8 7.9 10.9-7.9-4.2 12.8zm0-62-10.9 8 4.2 12.7-10.9-7.9-10.8 7.9 4.1-12.8-10.8-7.9h13.4l4.1-12.7L338 225h13.4Zm-36.4-50-4.2 12.7 10.9 7.9h-13.4l-4.2 12.7-4.1-12.7h-13.4l10.8-7.9-4.1-12.7 10.8 7.8 11-7.8Z" })
+  ] });
+};
+exports.default = DmFlag;
+//# sourceMappingURL=index365.cjs.map