@jamesodwyer/gds-figma-vite 1.0.0

package/dist/index149.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index149.js","sources":["../src/icons/dist/BarcodeIcon.tsx"],"sourcesContent":["// Automatically generated from SVG file with `npm run pixo`\n// Do not modify manually\n\nimport React from \"react\";\nimport type {CSSProp} from 'styled-components'\nimport BaseSvg from \"../BaseSvg\";\n\ntype Props = {\n  size?: string | number;\n  rotate?: string | number;\n  css?: CSSProp,\n  fillColor?: string;\n} & React.ComponentPropsWithoutRef<\"svg\">;\n\nconst BarcodeIcon = ({\n  size = \"1.5em\",\n  rotate,\n  css,\n  fillColor = \"currentColor\",\n  ...rest\n}: Props) => (\n  <BaseSvg\n    {...rest}\n    viewBox=\"0 0 24 24\"\n    width={size}\n    height={size}\n    $fillColor={fillColor}\n    rotate={rotate}\n    css={css}\n    aria-hidden=\"true\"\n    focusable=\"false\"\n  >\n    <path d=\"M2.5 3H1v4h1.5V4.5H5V3zM23 4.5V3h-4v1.5h2.5V7H23zM23 21h-4v-1.5h2.5V17H23zM1 19.5V21h4v-1.5H2.5V17H1zm5.5-13H5v11h1.5zm1 0H9v8H7.5zm4 0H10v11h1.5zm1 0H14v8h-1.5zm4 0H15v8h1.5zm-9 9H9v2H7.5zm6.5 0h-1.5v2H14zm1 0h1.5v2H15zm4-9h-1.5v11H19z\" />\n  </BaseSvg>\n);\n\nexport default BarcodeIcon;\n"],"names":["BarcodeIcon","size","rotate","css","fillColor","rest","_StyledBaseSvg","_styled","BaseSvg","withConfig","displayName","componentId","p","$_css"],"mappings":";;;AAcA,MAAMA,cAAcA,CAAC;AAAA,EACnBC,OAAO;AAAA,EACPC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZ,GAAGC;AACE,MACL,oBAAA,qBACMA,MACJ,SAAQ,aACR,OAAOJ,MACP,QAAQA,MACR,YAAYG,WACZ,QAEA,eAAY,QACZ,WAAU,gBAFLD,KAIL,UAAA,oBAAC,QAAA,EAAK,GAAE,+OAAA,CAA8O,EAAA,CACxP;AAGyB,IAAAG,iBAAAC,OAAAC,OAAA,EAAAC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,EAAA,GAAAC,CAAAA,MAAAA,EAAAC,KAAA;"}

package/dist/index15.cjs

@@ -0,0 +1,148 @@
+"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 InputValue = require("./index541.cjs");
+const VisuallyHidden = require("./index50.cjs");
+const Range = require("./index542.cjs");
+const index = require("./index16.cjs");
+const typography = require("./index520.cjs");
+const spacing = require("./index522.cjs");
+function DoubleRangeInput({
+  disabled = false,
+  errorMax = false,
+  errorMin = false,
+  errorMaxMessage = "",
+  errorMinMessage = "",
+  screenReaderErrorPrefix,
+  formatValue,
+  id,
+  inputSize = 4,
+  legend,
+  max = 100,
+  maxLabel,
+  min = 0,
+  minLabel,
+  onChange,
+  onInvalidValue,
+  parseValue,
+  step = 1,
+  value,
+  ...rest
+}) {
+  const [rangeState, setRangeState] = React.useState([min, max]);
+  const [minValue, maxValue] = value ?? rangeState;
+  const onRangeUpdate = (newValue) => {
+    onChange == null ? void 0 : onChange(newValue);
+    if (value == null) {
+      setRangeState(newValue);
+    }
+  };
+  const onHandChange = (start2) => ({
+    target
+  }) => {
+    const inputValue = parseFloat(target.value);
+    const newValue = start2 ? [Math.min(inputValue, maxValue), maxValue] : [minValue, Math.max(inputValue, minValue)];
+    onRangeUpdate(newValue);
+  };
+  const start = React.useMemo(() => 100 * ((minValue - min) / (max - min)) + "%", [minValue, min, max]);
+  const end = React.useMemo(() => 100 * ((max - maxValue) / (max - min)) + "%", [maxValue, min, max]);
+  const inputValueProps = {
+    disabled,
+    formatValue,
+    initialMax: max,
+    initialMin: min,
+    inputSize,
+    max: maxValue,
+    min: minValue,
+    onInvalidValue,
+    parseValue,
+    setRange: onRangeUpdate,
+    screenReaderErrorPrefix
+  };
+  const minError = errorMin || errorMinMessage;
+  const maxError = errorMax || errorMaxMessage;
+  return /* @__PURE__ */ jsxRuntime.jsxs(FieldSet, { children: [
+    legend ? /* @__PURE__ */ jsxRuntime.jsx(Legend, { children: legend }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(Container, { id: `${id}-range`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(InputValue.default, { ...inputValueProps, describedBy: `${id}-min-error`, error: !!minError, id: `${id}-min-value`, isMinInput: true, label: minLabel, labelId: `${id}-min-label` }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Wrapper, { ...rest, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(MinRange, { "aria-labelledby": `${id}-min-label`, disabled, id: `${id}-min`, max, min, onChange: onHandChange(true), step, type: "range", value: minValue, $isValueAtMax: minValue === max }),
+        /* @__PURE__ */ jsxRuntime.jsx(RangeTrack, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(Indicator, { $disabled: disabled, style: {
+          insetInlineStart: start,
+          insetInlineEnd: end
+        } }),
+        /* @__PURE__ */ jsxRuntime.jsx(MaxRange, { "aria-labelledby": `${id}-max-label`, disabled, id: `${id}-max`, max, min, onChange: onHandChange(false), step, type: "range", value: maxValue, $isValueAtMax: maxValue === max })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(InputValue.default, { ...inputValueProps, describedBy: `${id}-max-error`, error: !!maxError, isMinInput: false, id: `${id}-max-value`, label: maxLabel, labelId: `${id}-max-label` })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(VisuallyHidden.default, { "aria-live": "polite", children: [
+      minLabel,
+      ": ",
+      minValue,
+      ", ",
+      maxLabel,
+      ": ",
+      maxValue
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "status", "aria-live": "polite", children: [
+      errorMin || errorMinMessage ? /* @__PURE__ */ jsxRuntime.jsx(StyledErrorMessage, { id: `${id}-min-error`, screenReaderErrorPrefix, children: errorMinMessage }) : null,
+      errorMax || errorMaxMessage ? /* @__PURE__ */ jsxRuntime.jsx(StyledErrorMessage, { id: `${id}-max-error`, screenReaderErrorPrefix, children: errorMaxMessage }) : null
+    ] })
+  ] });
+}
+const Container = styled.div.withConfig({
+  displayName: "DoubleRangeInput__Container",
+  componentId: "sc-2fb9tt-0"
+})(["display:flex;gap:", ";align-items:flex-start;width:100%;min-width:210px;"], spacing.spacing.club);
+const Wrapper = styled.div.withConfig({
+  displayName: "DoubleRangeInput__Wrapper",
+  componentId: "sc-2fb9tt-1"
+})(["position:relative;top:", ";z-index:0;display:flex;flex:1;align-items:center;height:1.5rem;@media (forced-colors:active){flex-wrap:wrap;height:auto;}"], spacing.spacing.hall);
+const positionStyles = styled.css(["position:absolute;top:0;inset-inline-start:0;display:block;width:100%;&::-webkit-slider-thumb{position:relative;}&::-moz-range-thumb{transform:scale(1);}@media (forced-colors:active){position:static;top:auto;inset-inline-start:auto;&::-webkit-slider-thumb{position:static;}&::-moz-range-thumb{transform:none;}}"]);
+const MinRange = styled(Range.Range).withConfig({
+  displayName: "DoubleRangeInput__MinRange",
+  componentId: "sc-2fb9tt-2"
+})(["", ";@-moz-document url-prefix(){z-index:", ";&::-moz-range-progress,&::-moz-range-track{visibility:hidden;}}&::-webkit-slider-thumb{z-index:2;}&::-moz-range-thumb{z-index:2;pointer-events:all;}@media (forced-colors:active){&::-webkit-slider-thumb{z-index:auto;}&::-moz-range-thumb{z-index:auto;}}"], positionStyles, ({
+  $isValueAtMax
+}) => $isValueAtMax ? 3 : 2);
+const MaxRange = styled(Range.Range).withConfig({
+  displayName: "DoubleRangeInput__MaxRange",
+  componentId: "sc-2fb9tt-3"
+})(["", ";@-moz-document url-prefix(){z-index:2;pointer-events:none;&::-moz-range-progress,&::-moz-range-track{visibility:hidden;}}&::-webkit-slider-thumb{z-index:", ";}&::-moz-range-thumb{z-index:2;pointer-events:all;}@media (forced-colors:active){&::-webkit-slider-thumb{z-index:auto;}&::-moz-range-thumb{z-index:auto;}}"], positionStyles, ({
+  $isValueAtMax
+}) => $isValueAtMax ? 1 : 2);
+const Indicator = styled.span.withConfig({
+  displayName: "DoubleRangeInput__Indicator",
+  componentId: "sc-2fb9tt-4"
+})(["position:absolute;z-index:1;height:", ";border-radius:2px;background-color:", ";pointer-events:none;", " @media (forced-colors:active){position:static;z-index:auto;height:auto;background-image:none;box-shadow:none;}"], spacing.spacing.lounge, ({
+  theme
+}) => theme.base.bgInverse, ({
+  $disabled,
+  theme
+}) => $disabled && styled.css(["background-color:", ";"], theme.base.border));
+const RangeTrack = styled.span.withConfig({
+  displayName: "DoubleRangeInput__RangeTrack",
+  componentId: "sc-2fb9tt-5"
+})(["display:none;@-moz-document url-prefix(){display:block;width:100%;height:4px;background:", ";}"], ({
+  theme
+}) => theme.base.border);
+const FieldSet = styled.fieldset.withConfig({
+  displayName: "DoubleRangeInput__FieldSet",
+  componentId: "sc-2fb9tt-6"
+})(["width:100%;padding:0;border:none;"]);
+const Legend = styled.legend.withConfig({
+  displayName: "DoubleRangeInput__Legend",
+  componentId: "sc-2fb9tt-7"
+})(["", ";padding-bottom:", ";padding-inline-start:0;color:", ";"], typography.textStyle.snowdon, spacing.spacing.lounge, ({
+  theme
+}) => theme.text.secondary);
+const StyledErrorMessage = styled(index.default).withConfig({
+  displayName: "DoubleRangeInput__StyledErrorMessage",
+  componentId: "sc-2fb9tt-8"
+})(["padding-top:", ";"], spacing.spacing.lounge);
+exports.default = DoubleRangeInput;
+//# sourceMappingURL=index15.cjs.map

package/dist/index15.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index15.cjs","sources":["../src/components/DoubleRangeInput/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { ChangeEvent, useState } from \"react\";\nimport styled, { css } from \"styled-components\";\nimport InputValue from \"./InputValue\";\nimport VisuallyHidden from \"../utils/VisuallyHidden\";\nimport { spacing, textStyle } from \"../../dimensions\";\nimport { Range } from \"./Range\";\nimport ErrorMessage from \"../ErrorMessage\";\n\ntype DoubleRangeInputProps = {\n  /** boolean to check if range is disabled\n   * @default false\n   */\n  disabled?: boolean;\n  /** boolean to check for an error with the max input value\n   * @default false\n   */\n  errorMax?: boolean;\n  /** boolean to check for an error with the min input value\n   * @default false\n   */\n  errorMin?: boolean;\n  /** string to identify what errored with the max input value\n   * @default ''\n   */\n  errorMaxMessage?: string | JSX.Element;\n  /** string to identify what errored with the min input value\n   * @default ''\n   */\n  errorMinMessage?: string | JSX.Element;\n  /** function to format the input values (i.e. adding a currency symbol) */\n  formatValue?: (value: number, type: \"min\" | \"max\") => void;\n  /** Visually hidden prefix announced to screen readers before the error message (e.g., \"Error: \"). */\n  screenReaderErrorPrefix: string;\n  /** string to identify the double range input by */\n  id: string;\n  /** number that determines the length of the input box\n   * @default 4\n   */\n  inputSize?: number;\n  /** max number set for the start value of the range\n   * @default 100\n   */\n  max?: number;\n  /**\n   * Label for the end of the selected range.\n   *\n   * Used as the visible label for the max input,\n   * rendered in a DOM element referenced by the slider thumb via aria-labelledby,\n   * and included in a polite aria-live region for screen reader announcements.\n   *\n   * * If slider is used for pricing, include <VisuallyHidden>in {currency}</VisuallyHidden>\n   */\n  maxLabel: string | JSX.Element;\n  /** min number set for the start value of the range\n   * @default 0\n   */\n  min?: number;\n  /**\n   * Label for the start of the selected range.\n   *\n   * Used as the visible label for the min input,\n   * rendered in a DOM element referenced by the slider thumb via aria-labelledby,\n   * and included in a polite aria-live region for screen reader announcements.\n   *\n   * * If slider is used for pricing, include <VisuallyHidden>in {currency}</VisuallyHidden>\n   */\n  minLabel: string | JSX.Element;\n  /** number to increment the range by\n   * @default 1\n   */\n  step?: number;\n\n  /** Currently selected range. When specified, makes the component a controlled component */\n  value?: [start: number, end: number];\n\n  /** Called with the new range when the range changes */\n  onChange?: (value: [number, number]) => void;\n\n  /** Parses the text entered into the input fields into a number. Defaults to (str) => Number(str) */\n  parseValue?: (value: string | number) => number;\n\n  /**\n   * Renders a legend for the content of its parent fieldset\n   *\n   * **Note: Optional for now, but will be made into a required prop in the next major release**\n   */\n\n  legend?: string;\n\n  /**\n   * Called when an invalid value is entered in either input.\n   *\n   * @param attemptedRange - The attempted range as [min, max] when the user enters an invalid value.\n   *\n   * Example: If the min input is invalid, attemptedRange will be [enteredMin, currentMax].\n   * If the max input is invalid, attemptedRange will be [currentMin, enteredMax].\n   */\n  onInvalidValue?: (attemptedRange?: [number, number]) => void;\n};\n\nfunction DoubleRangeInput({\n  disabled = false,\n  errorMax = false,\n  errorMin = false,\n  errorMaxMessage = \"\",\n  errorMinMessage = \"\",\n  screenReaderErrorPrefix,\n  formatValue,\n  id,\n  inputSize = 4,\n  legend,\n  max = 100,\n  maxLabel,\n  min = 0,\n  minLabel,\n  onChange,\n  onInvalidValue,\n  parseValue,\n  step = 1,\n  value,\n  ...rest\n}: DoubleRangeInputProps) {\n  // We allow the component to be used both as a controlled component when\n  // `value` is passed in, and as an uncontrolled component when it is not.\n  const [rangeState, setRangeState] = useState([min, max] as const);\n  const [minValue, maxValue] = value ?? rangeState;\n\n  const onRangeUpdate = (newValue: [number, number]) => {\n    onChange?.(newValue);\n\n    // If used as an uncontrolled component, we update the internal state\n    if (value == null) {\n      setRangeState(newValue);\n    }\n  };\n\n  const onHandChange =\n    (start: boolean) =>\n    ({ target }: ChangeEvent<HTMLInputElement>) => {\n      const inputValue = parseFloat(target.value);\n      const newValue: [number, number] = start\n        ? [Math.min(inputValue, maxValue), maxValue]\n        : [minValue, Math.max(inputValue, minValue)];\n\n      onRangeUpdate(newValue);\n    };\n\n  // calculates the position of each hand in the range\n  const start = React.useMemo(\n    () => 100 * ((minValue - min) / (max - min)) + \"%\",\n    [minValue, min, max],\n  );\n  const end = React.useMemo(\n    () => 100 * ((max - maxValue) / (max - min)) + \"%\",\n    [maxValue, min, max],\n  );\n\n  const inputValueProps = {\n    disabled,\n    formatValue,\n    initialMax: max,\n    initialMin: min,\n    inputSize,\n    max: maxValue,\n    min: minValue,\n    onInvalidValue,\n    parseValue,\n    setRange: onRangeUpdate,\n    screenReaderErrorPrefix,\n  };\n\n  const minError = errorMin || errorMinMessage;\n  const maxError = errorMax || errorMaxMessage;\n\n  return (\n    <FieldSet>\n      {legend ? <Legend>{legend}</Legend> : null}\n      <Container id={`${id}-range`}>\n        <InputValue\n          {...inputValueProps}\n          describedBy={`${id}-min-error`}\n          error={!!minError}\n          id={`${id}-min-value`}\n          isMinInput={true}\n          label={minLabel}\n          labelId={`${id}-min-label`}\n        />\n        <Wrapper {...rest}>\n          <MinRange\n            aria-labelledby={`${id}-min-label`}\n            disabled={disabled}\n            id={`${id}-min`}\n            max={max}\n            min={min}\n            onChange={onHandChange(true)}\n            step={step}\n            type=\"range\"\n            value={minValue}\n            $isValueAtMax={minValue === max}\n          />\n          <RangeTrack />\n          <Indicator\n            $disabled={disabled}\n            style={{ insetInlineStart: start, insetInlineEnd: end }}\n          />\n          <MaxRange\n            aria-labelledby={`${id}-max-label`}\n            disabled={disabled}\n            id={`${id}-max`}\n            max={max}\n            min={min}\n            onChange={onHandChange(false)}\n            step={step}\n            type=\"range\"\n            value={maxValue}\n            $isValueAtMax={maxValue === max}\n          />\n        </Wrapper>\n        <InputValue\n          {...inputValueProps}\n          describedBy={`${id}-max-error`}\n          error={!!maxError}\n          isMinInput={false}\n          id={`${id}-max-value`}\n          label={maxLabel}\n          labelId={`${id}-max-label`}\n        />\n      </Container>\n      <VisuallyHidden aria-live=\"polite\">\n        {minLabel}: {minValue}, {maxLabel}: {maxValue}\n      </VisuallyHidden>\n      <div role=\"status\" aria-live=\"polite\">\n        {errorMin || errorMinMessage ? (\n          <StyledErrorMessage\n            id={`${id}-min-error`}\n            screenReaderErrorPrefix={screenReaderErrorPrefix}\n          >\n            {errorMinMessage}\n          </StyledErrorMessage>\n        ) : null}\n        {errorMax || errorMaxMessage ? (\n          <StyledErrorMessage\n            id={`${id}-max-error`}\n            screenReaderErrorPrefix={screenReaderErrorPrefix}\n          >\n            {errorMaxMessage}\n          </StyledErrorMessage>\n        ) : null}\n      </div>\n    </FieldSet>\n  );\n}\n\nexport default DoubleRangeInput;\n\nconst Container = styled.div`\n  display: flex;\n  gap: ${spacing.club};\n  align-items: flex-start;\n  width: 100%;\n  min-width: 210px;\n`;\n\n// We use `z-index: 0` to make sure the z-index of the child components leak outside and end up on top of other components\nconst Wrapper = styled.div`\n  position: relative;\n  top: ${spacing.hall};\n  z-index: 0;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  height: 1.5rem;\n\n  @media (forced-colors: active) {\n    flex-wrap: wrap;\n    height: auto;\n  }\n`;\n\nconst positionStyles = css`\n  position: absolute;\n  top: 0;\n  inset-inline-start: 0;\n  display: block;\n  width: 100%;\n\n  &::-webkit-slider-thumb {\n    position: relative;\n  }\n\n  &::-moz-range-thumb {\n    transform: scale(1);\n  }\n\n  @media (forced-colors: active) {\n    position: static;\n    top: auto;\n    inset-inline-start: auto;\n\n    &::-webkit-slider-thumb {\n      position: static;\n    }\n\n    &::-moz-range-thumb {\n      transform: none;\n    }\n  }\n`;\n\nconst MinRange = styled(Range)<{ $isValueAtMax: boolean }>`\n  ${positionStyles};\n\n  /* stylelint-disable-next-line at-rule-prelude-no-invalid -- Firefox specific styling */\n  @-moz-document url-prefix() {\n    z-index: ${({ $isValueAtMax }) => ($isValueAtMax ? 3 : 2)};\n    &::-moz-range-progress,\n    &::-moz-range-track {\n      visibility: hidden;\n    }\n  }\n\n  &::-webkit-slider-thumb {\n    z-index: 2;\n  }\n\n  &::-moz-range-thumb {\n    z-index: 2;\n    pointer-events: all;\n  }\n\n  @media (forced-colors: active) {\n    &::-webkit-slider-thumb {\n      z-index: auto;\n    }\n    &::-moz-range-thumb {\n      z-index: auto;\n    }\n  }\n`;\n\nconst MaxRange = styled(Range)<{ $isValueAtMax: boolean }>`\n  ${positionStyles};\n\n  /* stylelint-disable-next-line at-rule-prelude-no-invalid -- Firefox specific styling */\n  @-moz-document url-prefix() {\n    z-index: 2;\n    pointer-events: none;\n    &::-moz-range-progress,\n    &::-moz-range-track {\n      visibility: hidden;\n    }\n  }\n\n  &::-webkit-slider-thumb {\n    z-index: ${({ $isValueAtMax }) => ($isValueAtMax ? 1 : 2)};\n  }\n\n  &::-moz-range-thumb {\n    z-index: 2;\n    pointer-events: all;\n  }\n\n  @media (forced-colors: active) {\n    &::-webkit-slider-thumb {\n      z-index: auto;\n    }\n    &::-moz-range-thumb {\n      z-index: auto;\n    }\n  }\n`;\n\nconst Indicator = styled.span<{ $disabled: boolean }>`\n  position: absolute;\n  z-index: 1;\n  height: ${spacing.lounge};\n  border-radius: 2px;\n  background-color: ${({ theme }) => theme.base.bgInverse};\n  pointer-events: none; /* allow the track below to be clicked */\n\n  ${({ $disabled, theme }) =>\n    $disabled &&\n    css`\n      background-color: ${theme.base.border};\n    `}\n\n  @media (forced-colors: active) {\n    position: static;\n    z-index: auto;\n    height: auto;\n    background-image: none;\n    box-shadow: none;\n  }\n`;\n\nconst RangeTrack = styled.span`\n  display: none;\n\n  /* stylelint-disable-next-line at-rule-prelude-no-invalid -- Decorative requirement for Firefox to display the range backing line */\n  @-moz-document url-prefix() {\n    display: block;\n    width: 100%;\n    height: 4px;\n    background: ${({ theme }) => theme.base.border};\n  }\n`;\n\nconst FieldSet = styled.fieldset`\n  width: 100%;\n  padding: 0;\n  border: none;\n`;\n\nconst Legend = styled.legend`\n  ${textStyle.snowdon};\n  padding-bottom: ${spacing.lounge};\n  padding-inline-start: 0;\n  color: ${({ theme }) => theme.text.secondary};\n`;\n\nconst StyledErrorMessage = styled(ErrorMessage)`\n  padding-top: ${spacing.lounge};\n`;\n"],"names":["screenReaderErrorPrefix","formatValue","id","legend","maxLabel","minLabel","onChange","onInvalidValue","parseValue","value","setRangeState","target","onRangeUpdate","disabled","max","min","inputSize","maxValue","minValue","start","end","errorMin","$disabled"],"mappings":";;;;;;;;;;;;AAqGA;AAA0B;AACb;AACA;AACA;AACO;AACA;AAClBA;AACAC;AACAC;AACY;AACZC;AACM;AACNC;AACM;AACNC;AACAC;AACAC;AACAC;AACO;AACPC;AAEqB;AAGrB;AACA;AAEA;AACEH;AAGA;AACEI;AAAsB;AACxB;AAGF;AAEG;AAAEC;AACD;AACA;AAIAC;AAAsB;AAI1B;AAIA;AAKA;AAAwB;AACtBC;AACAZ;AACYa;AACAC;AACZC;AACKC;AACAC;AACLX;AACAC;AACUI;AACVZ;AAGF;AACA;AAEA;AAEKG;AAAqC;AAEpC;AAO6B;AAG3B;AAUkC;AAEvB;AAGF;AAAoBgB;AAAuBC;AAAM;AAYxB;AAEpC;AAQ6B;AAE/B;AAEGf;AAAAA;AAAS;AAAGa;AAAS;AAAGd;AAAS;AAAGa;AACvC;AAEGI;AAOG;AAQA;AACN;AAGN;AAIA;AAA4B;AAAA;AAAA;AAS5B;AAA0B;AAAA;AAAA;AAe1B;AA8BA;AAA8B;AAAA;AAAA;AAKd;AAAgB;AA0BhC;AAA8B;AAAA;AAAA;AAcd;AAAgB;AAkBhC;AAA6B;AAAA;AAAA;AAKN;AAAQ;AAG1B;AAAEC;AAAiB;AAexB;AAA8B;AAAA;AAAA;AAQX;AAAQ;AAI3B;AAAgC;AAAA;AAAA;AAMhC;AAA4B;AAAA;AAAA;AAIhB;AAAQ;AAGpB;AAA+C;AAAA;AAAA;;"}

package/dist/index15.js

@@ -0,0 +1,148 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default, { useState } from "react";
+import styled, { css } from "styled-components";
+import InputValue from "./index541.js";
+import VisuallyHidden from "./index50.js";
+import { Range } from "./index542.js";
+import ErrorMessage from "./index16.js";
+import { textStyle } from "./index520.js";
+import { spacing } from "./index522.js";
+function DoubleRangeInput({
+  disabled = false,
+  errorMax = false,
+  errorMin = false,
+  errorMaxMessage = "",
+  errorMinMessage = "",
+  screenReaderErrorPrefix,
+  formatValue,
+  id,
+  inputSize = 4,
+  legend,
+  max = 100,
+  maxLabel,
+  min = 0,
+  minLabel,
+  onChange,
+  onInvalidValue,
+  parseValue,
+  step = 1,
+  value,
+  ...rest
+}) {
+  const [rangeState, setRangeState] = useState([min, max]);
+  const [minValue, maxValue] = value ?? rangeState;
+  const onRangeUpdate = (newValue) => {
+    onChange == null ? void 0 : onChange(newValue);
+    if (value == null) {
+      setRangeState(newValue);
+    }
+  };
+  const onHandChange = (start2) => ({
+    target
+  }) => {
+    const inputValue = parseFloat(target.value);
+    const newValue = start2 ? [Math.min(inputValue, maxValue), maxValue] : [minValue, Math.max(inputValue, minValue)];
+    onRangeUpdate(newValue);
+  };
+  const start = React__default.useMemo(() => 100 * ((minValue - min) / (max - min)) + "%", [minValue, min, max]);
+  const end = React__default.useMemo(() => 100 * ((max - maxValue) / (max - min)) + "%", [maxValue, min, max]);
+  const inputValueProps = {
+    disabled,
+    formatValue,
+    initialMax: max,
+    initialMin: min,
+    inputSize,
+    max: maxValue,
+    min: minValue,
+    onInvalidValue,
+    parseValue,
+    setRange: onRangeUpdate,
+    screenReaderErrorPrefix
+  };
+  const minError = errorMin || errorMinMessage;
+  const maxError = errorMax || errorMaxMessage;
+  return /* @__PURE__ */ jsxs(FieldSet, { children: [
+    legend ? /* @__PURE__ */ jsx(Legend, { children: legend }) : null,
+    /* @__PURE__ */ jsxs(Container, { id: `${id}-range`, children: [
+      /* @__PURE__ */ jsx(InputValue, { ...inputValueProps, describedBy: `${id}-min-error`, error: !!minError, id: `${id}-min-value`, isMinInput: true, label: minLabel, labelId: `${id}-min-label` }),
+      /* @__PURE__ */ jsxs(Wrapper, { ...rest, children: [
+        /* @__PURE__ */ jsx(MinRange, { "aria-labelledby": `${id}-min-label`, disabled, id: `${id}-min`, max, min, onChange: onHandChange(true), step, type: "range", value: minValue, $isValueAtMax: minValue === max }),
+        /* @__PURE__ */ jsx(RangeTrack, {}),
+        /* @__PURE__ */ jsx(Indicator, { $disabled: disabled, style: {
+          insetInlineStart: start,
+          insetInlineEnd: end
+        } }),
+        /* @__PURE__ */ jsx(MaxRange, { "aria-labelledby": `${id}-max-label`, disabled, id: `${id}-max`, max, min, onChange: onHandChange(false), step, type: "range", value: maxValue, $isValueAtMax: maxValue === max })
+      ] }),
+      /* @__PURE__ */ jsx(InputValue, { ...inputValueProps, describedBy: `${id}-max-error`, error: !!maxError, isMinInput: false, id: `${id}-max-value`, label: maxLabel, labelId: `${id}-max-label` })
+    ] }),
+    /* @__PURE__ */ jsxs(VisuallyHidden, { "aria-live": "polite", children: [
+      minLabel,
+      ": ",
+      minValue,
+      ", ",
+      maxLabel,
+      ": ",
+      maxValue
+    ] }),
+    /* @__PURE__ */ jsxs("div", { role: "status", "aria-live": "polite", children: [
+      errorMin || errorMinMessage ? /* @__PURE__ */ jsx(StyledErrorMessage, { id: `${id}-min-error`, screenReaderErrorPrefix, children: errorMinMessage }) : null,
+      errorMax || errorMaxMessage ? /* @__PURE__ */ jsx(StyledErrorMessage, { id: `${id}-max-error`, screenReaderErrorPrefix, children: errorMaxMessage }) : null
+    ] })
+  ] });
+}
+const Container = styled.div.withConfig({
+  displayName: "DoubleRangeInput__Container",
+  componentId: "sc-2fb9tt-0"
+})(["display:flex;gap:", ";align-items:flex-start;width:100%;min-width:210px;"], spacing.club);
+const Wrapper = styled.div.withConfig({
+  displayName: "DoubleRangeInput__Wrapper",
+  componentId: "sc-2fb9tt-1"
+})(["position:relative;top:", ";z-index:0;display:flex;flex:1;align-items:center;height:1.5rem;@media (forced-colors:active){flex-wrap:wrap;height:auto;}"], spacing.hall);
+const positionStyles = css(["position:absolute;top:0;inset-inline-start:0;display:block;width:100%;&::-webkit-slider-thumb{position:relative;}&::-moz-range-thumb{transform:scale(1);}@media (forced-colors:active){position:static;top:auto;inset-inline-start:auto;&::-webkit-slider-thumb{position:static;}&::-moz-range-thumb{transform:none;}}"]);
+const MinRange = styled(Range).withConfig({
+  displayName: "DoubleRangeInput__MinRange",
+  componentId: "sc-2fb9tt-2"
+})(["", ";@-moz-document url-prefix(){z-index:", ";&::-moz-range-progress,&::-moz-range-track{visibility:hidden;}}&::-webkit-slider-thumb{z-index:2;}&::-moz-range-thumb{z-index:2;pointer-events:all;}@media (forced-colors:active){&::-webkit-slider-thumb{z-index:auto;}&::-moz-range-thumb{z-index:auto;}}"], positionStyles, ({
+  $isValueAtMax
+}) => $isValueAtMax ? 3 : 2);
+const MaxRange = styled(Range).withConfig({
+  displayName: "DoubleRangeInput__MaxRange",
+  componentId: "sc-2fb9tt-3"
+})(["", ";@-moz-document url-prefix(){z-index:2;pointer-events:none;&::-moz-range-progress,&::-moz-range-track{visibility:hidden;}}&::-webkit-slider-thumb{z-index:", ";}&::-moz-range-thumb{z-index:2;pointer-events:all;}@media (forced-colors:active){&::-webkit-slider-thumb{z-index:auto;}&::-moz-range-thumb{z-index:auto;}}"], positionStyles, ({
+  $isValueAtMax
+}) => $isValueAtMax ? 1 : 2);
+const Indicator = styled.span.withConfig({
+  displayName: "DoubleRangeInput__Indicator",
+  componentId: "sc-2fb9tt-4"
+})(["position:absolute;z-index:1;height:", ";border-radius:2px;background-color:", ";pointer-events:none;", " @media (forced-colors:active){position:static;z-index:auto;height:auto;background-image:none;box-shadow:none;}"], spacing.lounge, ({
+  theme
+}) => theme.base.bgInverse, ({
+  $disabled,
+  theme
+}) => $disabled && css(["background-color:", ";"], theme.base.border));
+const RangeTrack = styled.span.withConfig({
+  displayName: "DoubleRangeInput__RangeTrack",
+  componentId: "sc-2fb9tt-5"
+})(["display:none;@-moz-document url-prefix(){display:block;width:100%;height:4px;background:", ";}"], ({
+  theme
+}) => theme.base.border);
+const FieldSet = styled.fieldset.withConfig({
+  displayName: "DoubleRangeInput__FieldSet",
+  componentId: "sc-2fb9tt-6"
+})(["width:100%;padding:0;border:none;"]);
+const Legend = styled.legend.withConfig({
+  displayName: "DoubleRangeInput__Legend",
+  componentId: "sc-2fb9tt-7"
+})(["", ";padding-bottom:", ";padding-inline-start:0;color:", ";"], textStyle.snowdon, spacing.lounge, ({
+  theme
+}) => theme.text.secondary);
+const StyledErrorMessage = styled(ErrorMessage).withConfig({
+  displayName: "DoubleRangeInput__StyledErrorMessage",
+  componentId: "sc-2fb9tt-8"
+})(["padding-top:", ";"], spacing.lounge);
+export {
+  DoubleRangeInput as default
+};
+//# sourceMappingURL=index15.js.map

package/dist/index15.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index15.js","sources":["../src/components/DoubleRangeInput/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { ChangeEvent, useState } from \"react\";\nimport styled, { css } from \"styled-components\";\nimport InputValue from \"./InputValue\";\nimport VisuallyHidden from \"../utils/VisuallyHidden\";\nimport { spacing, textStyle } from \"../../dimensions\";\nimport { Range } from \"./Range\";\nimport ErrorMessage from \"../ErrorMessage\";\n\ntype DoubleRangeInputProps = {\n  /** boolean to check if range is disabled\n   * @default false\n   */\n  disabled?: boolean;\n  /** boolean to check for an error with the max input value\n   * @default false\n   */\n  errorMax?: boolean;\n  /** boolean to check for an error with the min input value\n   * @default false\n   */\n  errorMin?: boolean;\n  /** string to identify what errored with the max input value\n   * @default ''\n   */\n  errorMaxMessage?: string | JSX.Element;\n  /** string to identify what errored with the min input value\n   * @default ''\n   */\n  errorMinMessage?: string | JSX.Element;\n  /** function to format the input values (i.e. adding a currency symbol) */\n  formatValue?: (value: number, type: \"min\" | \"max\") => void;\n  /** Visually hidden prefix announced to screen readers before the error message (e.g., \"Error: \"). */\n  screenReaderErrorPrefix: string;\n  /** string to identify the double range input by */\n  id: string;\n  /** number that determines the length of the input box\n   * @default 4\n   */\n  inputSize?: number;\n  /** max number set for the start value of the range\n   * @default 100\n   */\n  max?: number;\n  /**\n   * Label for the end of the selected range.\n   *\n   * Used as the visible label for the max input,\n   * rendered in a DOM element referenced by the slider thumb via aria-labelledby,\n   * and included in a polite aria-live region for screen reader announcements.\n   *\n   * * If slider is used for pricing, include <VisuallyHidden>in {currency}</VisuallyHidden>\n   */\n  maxLabel: string | JSX.Element;\n  /** min number set for the start value of the range\n   * @default 0\n   */\n  min?: number;\n  /**\n   * Label for the start of the selected range.\n   *\n   * Used as the visible label for the min input,\n   * rendered in a DOM element referenced by the slider thumb via aria-labelledby,\n   * and included in a polite aria-live region for screen reader announcements.\n   *\n   * * If slider is used for pricing, include <VisuallyHidden>in {currency}</VisuallyHidden>\n   */\n  minLabel: string | JSX.Element;\n  /** number to increment the range by\n   * @default 1\n   */\n  step?: number;\n\n  /** Currently selected range. When specified, makes the component a controlled component */\n  value?: [start: number, end: number];\n\n  /** Called with the new range when the range changes */\n  onChange?: (value: [number, number]) => void;\n\n  /** Parses the text entered into the input fields into a number. Defaults to (str) => Number(str) */\n  parseValue?: (value: string | number) => number;\n\n  /**\n   * Renders a legend for the content of its parent fieldset\n   *\n   * **Note: Optional for now, but will be made into a required prop in the next major release**\n   */\n\n  legend?: string;\n\n  /**\n   * Called when an invalid value is entered in either input.\n   *\n   * @param attemptedRange - The attempted range as [min, max] when the user enters an invalid value.\n   *\n   * Example: If the min input is invalid, attemptedRange will be [enteredMin, currentMax].\n   * If the max input is invalid, attemptedRange will be [currentMin, enteredMax].\n   */\n  onInvalidValue?: (attemptedRange?: [number, number]) => void;\n};\n\nfunction DoubleRangeInput({\n  disabled = false,\n  errorMax = false,\n  errorMin = false,\n  errorMaxMessage = \"\",\n  errorMinMessage = \"\",\n  screenReaderErrorPrefix,\n  formatValue,\n  id,\n  inputSize = 4,\n  legend,\n  max = 100,\n  maxLabel,\n  min = 0,\n  minLabel,\n  onChange,\n  onInvalidValue,\n  parseValue,\n  step = 1,\n  value,\n  ...rest\n}: DoubleRangeInputProps) {\n  // We allow the component to be used both as a controlled component when\n  // `value` is passed in, and as an uncontrolled component when it is not.\n  const [rangeState, setRangeState] = useState([min, max] as const);\n  const [minValue, maxValue] = value ?? rangeState;\n\n  const onRangeUpdate = (newValue: [number, number]) => {\n    onChange?.(newValue);\n\n    // If used as an uncontrolled component, we update the internal state\n    if (value == null) {\n      setRangeState(newValue);\n    }\n  };\n\n  const onHandChange =\n    (start: boolean) =>\n    ({ target }: ChangeEvent<HTMLInputElement>) => {\n      const inputValue = parseFloat(target.value);\n      const newValue: [number, number] = start\n        ? [Math.min(inputValue, maxValue), maxValue]\n        : [minValue, Math.max(inputValue, minValue)];\n\n      onRangeUpdate(newValue);\n    };\n\n  // calculates the position of each hand in the range\n  const start = React.useMemo(\n    () => 100 * ((minValue - min) / (max - min)) + \"%\",\n    [minValue, min, max],\n  );\n  const end = React.useMemo(\n    () => 100 * ((max - maxValue) / (max - min)) + \"%\",\n    [maxValue, min, max],\n  );\n\n  const inputValueProps = {\n    disabled,\n    formatValue,\n    initialMax: max,\n    initialMin: min,\n    inputSize,\n    max: maxValue,\n    min: minValue,\n    onInvalidValue,\n    parseValue,\n    setRange: onRangeUpdate,\n    screenReaderErrorPrefix,\n  };\n\n  const minError = errorMin || errorMinMessage;\n  const maxError = errorMax || errorMaxMessage;\n\n  return (\n    <FieldSet>\n      {legend ? <Legend>{legend}</Legend> : null}\n      <Container id={`${id}-range`}>\n        <InputValue\n          {...inputValueProps}\n          describedBy={`${id}-min-error`}\n          error={!!minError}\n          id={`${id}-min-value`}\n          isMinInput={true}\n          label={minLabel}\n          labelId={`${id}-min-label`}\n        />\n        <Wrapper {...rest}>\n          <MinRange\n            aria-labelledby={`${id}-min-label`}\n            disabled={disabled}\n            id={`${id}-min`}\n            max={max}\n            min={min}\n            onChange={onHandChange(true)}\n            step={step}\n            type=\"range\"\n            value={minValue}\n            $isValueAtMax={minValue === max}\n          />\n          <RangeTrack />\n          <Indicator\n            $disabled={disabled}\n            style={{ insetInlineStart: start, insetInlineEnd: end }}\n          />\n          <MaxRange\n            aria-labelledby={`${id}-max-label`}\n            disabled={disabled}\n            id={`${id}-max`}\n            max={max}\n            min={min}\n            onChange={onHandChange(false)}\n            step={step}\n            type=\"range\"\n            value={maxValue}\n            $isValueAtMax={maxValue === max}\n          />\n        </Wrapper>\n        <InputValue\n          {...inputValueProps}\n          describedBy={`${id}-max-error`}\n          error={!!maxError}\n          isMinInput={false}\n          id={`${id}-max-value`}\n          label={maxLabel}\n          labelId={`${id}-max-label`}\n        />\n      </Container>\n      <VisuallyHidden aria-live=\"polite\">\n        {minLabel}: {minValue}, {maxLabel}: {maxValue}\n      </VisuallyHidden>\n      <div role=\"status\" aria-live=\"polite\">\n        {errorMin || errorMinMessage ? (\n          <StyledErrorMessage\n            id={`${id}-min-error`}\n            screenReaderErrorPrefix={screenReaderErrorPrefix}\n          >\n            {errorMinMessage}\n          </StyledErrorMessage>\n        ) : null}\n        {errorMax || errorMaxMessage ? (\n          <StyledErrorMessage\n            id={`${id}-max-error`}\n            screenReaderErrorPrefix={screenReaderErrorPrefix}\n          >\n            {errorMaxMessage}\n          </StyledErrorMessage>\n        ) : null}\n      </div>\n    </FieldSet>\n  );\n}\n\nexport default DoubleRangeInput;\n\nconst Container = styled.div`\n  display: flex;\n  gap: ${spacing.club};\n  align-items: flex-start;\n  width: 100%;\n  min-width: 210px;\n`;\n\n// We use `z-index: 0` to make sure the z-index of the child components leak outside and end up on top of other components\nconst Wrapper = styled.div`\n  position: relative;\n  top: ${spacing.hall};\n  z-index: 0;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  height: 1.5rem;\n\n  @media (forced-colors: active) {\n    flex-wrap: wrap;\n    height: auto;\n  }\n`;\n\nconst positionStyles = css`\n  position: absolute;\n  top: 0;\n  inset-inline-start: 0;\n  display: block;\n  width: 100%;\n\n  &::-webkit-slider-thumb {\n    position: relative;\n  }\n\n  &::-moz-range-thumb {\n    transform: scale(1);\n  }\n\n  @media (forced-colors: active) {\n    position: static;\n    top: auto;\n    inset-inline-start: auto;\n\n    &::-webkit-slider-thumb {\n      position: static;\n    }\n\n    &::-moz-range-thumb {\n      transform: none;\n    }\n  }\n`;\n\nconst MinRange = styled(Range)<{ $isValueAtMax: boolean }>`\n  ${positionStyles};\n\n  /* stylelint-disable-next-line at-rule-prelude-no-invalid -- Firefox specific styling */\n  @-moz-document url-prefix() {\n    z-index: ${({ $isValueAtMax }) => ($isValueAtMax ? 3 : 2)};\n    &::-moz-range-progress,\n    &::-moz-range-track {\n      visibility: hidden;\n    }\n  }\n\n  &::-webkit-slider-thumb {\n    z-index: 2;\n  }\n\n  &::-moz-range-thumb {\n    z-index: 2;\n    pointer-events: all;\n  }\n\n  @media (forced-colors: active) {\n    &::-webkit-slider-thumb {\n      z-index: auto;\n    }\n    &::-moz-range-thumb {\n      z-index: auto;\n    }\n  }\n`;\n\nconst MaxRange = styled(Range)<{ $isValueAtMax: boolean }>`\n  ${positionStyles};\n\n  /* stylelint-disable-next-line at-rule-prelude-no-invalid -- Firefox specific styling */\n  @-moz-document url-prefix() {\n    z-index: 2;\n    pointer-events: none;\n    &::-moz-range-progress,\n    &::-moz-range-track {\n      visibility: hidden;\n    }\n  }\n\n  &::-webkit-slider-thumb {\n    z-index: ${({ $isValueAtMax }) => ($isValueAtMax ? 1 : 2)};\n  }\n\n  &::-moz-range-thumb {\n    z-index: 2;\n    pointer-events: all;\n  }\n\n  @media (forced-colors: active) {\n    &::-webkit-slider-thumb {\n      z-index: auto;\n    }\n    &::-moz-range-thumb {\n      z-index: auto;\n    }\n  }\n`;\n\nconst Indicator = styled.span<{ $disabled: boolean }>`\n  position: absolute;\n  z-index: 1;\n  height: ${spacing.lounge};\n  border-radius: 2px;\n  background-color: ${({ theme }) => theme.base.bgInverse};\n  pointer-events: none; /* allow the track below to be clicked */\n\n  ${({ $disabled, theme }) =>\n    $disabled &&\n    css`\n      background-color: ${theme.base.border};\n    `}\n\n  @media (forced-colors: active) {\n    position: static;\n    z-index: auto;\n    height: auto;\n    background-image: none;\n    box-shadow: none;\n  }\n`;\n\nconst RangeTrack = styled.span`\n  display: none;\n\n  /* stylelint-disable-next-line at-rule-prelude-no-invalid -- Decorative requirement for Firefox to display the range backing line */\n  @-moz-document url-prefix() {\n    display: block;\n    width: 100%;\n    height: 4px;\n    background: ${({ theme }) => theme.base.border};\n  }\n`;\n\nconst FieldSet = styled.fieldset`\n  width: 100%;\n  padding: 0;\n  border: none;\n`;\n\nconst Legend = styled.legend`\n  ${textStyle.snowdon};\n  padding-bottom: ${spacing.lounge};\n  padding-inline-start: 0;\n  color: ${({ theme }) => theme.text.secondary};\n`;\n\nconst StyledErrorMessage = styled(ErrorMessage)`\n  padding-top: ${spacing.lounge};\n`;\n"],"names":["screenReaderErrorPrefix","formatValue","id","legend","maxLabel","minLabel","onChange","onInvalidValue","parseValue","value","setRangeState","target","onRangeUpdate","disabled","max","min","inputSize","maxValue","minValue","start","end","errorMin","$disabled"],"mappings":";;;;;;;;;;AAqGA;AAA0B;AACb;AACA;AACA;AACO;AACA;AAClBA;AACAC;AACAC;AACY;AACZC;AACM;AACNC;AACM;AACNC;AACAC;AACAC;AACAC;AACO;AACPC;AAEqB;AAGrB;AACA;AAEA;AACEH;AAGA;AACEI;AAAsB;AACxB;AAGF;AAEG;AAAEC;AACD;AACA;AAIAC;AAAsB;AAI1B;AAIA;AAKA;AAAwB;AACtBC;AACAZ;AACYa;AACAC;AACZC;AACKC;AACAC;AACLX;AACAC;AACUI;AACVZ;AAGF;AACA;AAEA;AAEKG;AAAqC;AAEpC;AAO6B;AAG3B;AAUkC;AAEvB;AAGF;AAAoBgB;AAAuBC;AAAM;AAYxB;AAEpC;AAQ6B;AAE/B;AAEGf;AAAAA;AAAS;AAAGa;AAAS;AAAGd;AAAS;AAAGa;AACvC;AAEGI;AAOG;AAQA;AACN;AAGN;AAIA;AAA4B;AAAA;AAAA;AAS5B;AAA0B;AAAA;AAAA;AAe1B;AA8BA;AAA8B;AAAA;AAAA;AAKd;AAAgB;AA0BhC;AAA8B;AAAA;AAAA;AAcd;AAAgB;AAkBhC;AAA6B;AAAA;AAAA;AAKN;AAAQ;AAG1B;AAAEC;AAAiB;AAexB;AAA8B;AAAA;AAAA;AAQX;AAAQ;AAI3B;AAAgC;AAAA;AAAA;AAMhC;AAA4B;AAAA;AAAA;AAIhB;AAAQ;AAGpB;AAA+C;AAAA;AAAA;;;;"}

package/dist/index150.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const styled = require("styled-components");
+const BaseSvg = require("./index556.cjs");
+const BasketIcon = ({
+  size = "1.5em",
+  rotate,
+  css,
+  fillColor = "currentColor",
+  ...rest
+}) => /* @__PURE__ */ jsxRuntime.jsx(_StyledBaseSvg, { ...rest, viewBox: "0 0 24 24", width: size, height: size, $fillColor: fillColor, rotate, "aria-hidden": "true", focusable: "false", $_css: css, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.36 3.68A3.4 3.4 0 0 1 9.7 2.54q-.08.08-.14.17c-.82 1-1.1 2.23-1.1 3.24v2.43H6.6V5.95c0-.75.21-1.61.75-2.27M12 1.2q-.74-.2-1.67-.2c-1.92 0-3.26.68-4.1 1.7a5 5 0 0 0-1.11 3.25v2.43H1l2.1 11.93L6.33 23h12.09l2.4-2.2L23 8.37h-4.12V5.95c0-1.01-.28-2.25-1.1-3.24C16.93 1.68 15.59 1 13.67 1q-.92 0-1.67.2m0 1.58c.59.21 1 .54 1.3.9.54.66.76 1.52.76 2.27v2.43H9.94V5.95c0-.75.22-1.61.76-2.27.3-.36.71-.69 1.3-.9m2.3-.24c1.17.13 1.89.6 2.34 1.14.54.66.75 1.52.75 2.27v2.43h-1.84V5.95a5 5 0 0 0-1.25-3.4M7.54 9.9h10.34l-1.7 9.65-1.95 1.95H6.86l-2.4-2-1.68-9.6zm11.86 0h1.82l-1.78 10.13-1.6 1.47h-1.49l1.2-1.22z" }) });
+var _StyledBaseSvg = styled(BaseSvg.default).withConfig({
+  displayName: "BasketIcon___StyledBaseSvg",
+  componentId: "sc-11j3j7a-0"
+})(["", ""], (p) => p.$_css);
+exports.default = BasketIcon;
+//# sourceMappingURL=index150.cjs.map

package/dist/index150.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index150.cjs","sources":["../src/icons/dist/BasketIcon.tsx"],"sourcesContent":["// Automatically generated from SVG file with `npm run pixo`\n// Do not modify manually\n\nimport React from \"react\";\nimport type {CSSProp} from 'styled-components'\nimport BaseSvg from \"../BaseSvg\";\n\ntype Props = {\n  size?: string | number;\n  rotate?: string | number;\n  css?: CSSProp,\n  fillColor?: string;\n} & React.ComponentPropsWithoutRef<\"svg\">;\n\nconst BasketIcon = ({\n  size = \"1.5em\",\n  rotate,\n  css,\n  fillColor = \"currentColor\",\n  ...rest\n}: Props) => (\n  <BaseSvg\n    {...rest}\n    viewBox=\"0 0 24 24\"\n    width={size}\n    height={size}\n    $fillColor={fillColor}\n    rotate={rotate}\n    css={css}\n    aria-hidden=\"true\"\n    focusable=\"false\"\n  >\n    <path d=\"M7.36 3.68A3.4 3.4 0 0 1 9.7 2.54q-.08.08-.14.17c-.82 1-1.1 2.23-1.1 3.24v2.43H6.6V5.95c0-.75.21-1.61.75-2.27M12 1.2q-.74-.2-1.67-.2c-1.92 0-3.26.68-4.1 1.7a5 5 0 0 0-1.11 3.25v2.43H1l2.1 11.93L6.33 23h12.09l2.4-2.2L23 8.37h-4.12V5.95c0-1.01-.28-2.25-1.1-3.24C16.93 1.68 15.59 1 13.67 1q-.92 0-1.67.2m0 1.58c.59.21 1 .54 1.3.9.54.66.76 1.52.76 2.27v2.43H9.94V5.95c0-.75.22-1.61.76-2.27.3-.36.71-.69 1.3-.9m2.3-.24c1.17.13 1.89.6 2.34 1.14.54.66.75 1.52.75 2.27v2.43h-1.84V5.95a5 5 0 0 0-1.25-3.4M7.54 9.9h10.34l-1.7 9.65-1.95 1.95H6.86l-2.4-2-1.68-9.6zm11.86 0h1.82l-1.78 10.13-1.6 1.47h-1.49l1.2-1.22z\" />\n  </BaseSvg>\n);\n\nexport default BasketIcon;\n"],"names":["BasketIcon","size","rotate","css","fillColor","rest","jsx","_StyledBaseSvg","_styled","BaseSvg","withConfig","displayName","componentId","p","$_css"],"mappings":";;;;;AAcA,MAAMA,aAAaA,CAAC;AAAA,EAClBC,OAAO;AAAA,EACPC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZ,GAAGC;AACE,MACLC,+BAAA,qBACMD,MACJ,SAAQ,aACR,OAAOJ,MACP,QAAQA,MACR,YAAYG,WACZ,QAEA,eAAY,QACZ,WAAU,gBAFLD,KAIL,UAAAG,2BAAAA,IAAC,QAAA,EAAK,GAAE,6lBAAA,CAA4lB,EAAA,CACtmB;AAGwB,IAAAC,iBAAAC,OAAAC,eAAA,EAAAC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,EAAA,GAAAC,CAAAA,MAAAA,EAAAC,KAAA;;"}

package/dist/index150.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import BaseSvg from "./index556.js";
+const BasketIcon = ({
+  size = "1.5em",
+  rotate,
+  css,
+  fillColor = "currentColor",
+  ...rest
+}) => /* @__PURE__ */ jsx(_StyledBaseSvg, { ...rest, viewBox: "0 0 24 24", width: size, height: size, $fillColor: fillColor, rotate, "aria-hidden": "true", focusable: "false", $_css: css, children: /* @__PURE__ */ jsx("path", { d: "M7.36 3.68A3.4 3.4 0 0 1 9.7 2.54q-.08.08-.14.17c-.82 1-1.1 2.23-1.1 3.24v2.43H6.6V5.95c0-.75.21-1.61.75-2.27M12 1.2q-.74-.2-1.67-.2c-1.92 0-3.26.68-4.1 1.7a5 5 0 0 0-1.11 3.25v2.43H1l2.1 11.93L6.33 23h12.09l2.4-2.2L23 8.37h-4.12V5.95c0-1.01-.28-2.25-1.1-3.24C16.93 1.68 15.59 1 13.67 1q-.92 0-1.67.2m0 1.58c.59.21 1 .54 1.3.9.54.66.76 1.52.76 2.27v2.43H9.94V5.95c0-.75.22-1.61.76-2.27.3-.36.71-.69 1.3-.9m2.3-.24c1.17.13 1.89.6 2.34 1.14.54.66.75 1.52.75 2.27v2.43h-1.84V5.95a5 5 0 0 0-1.25-3.4M7.54 9.9h10.34l-1.7 9.65-1.95 1.95H6.86l-2.4-2-1.68-9.6zm11.86 0h1.82l-1.78 10.13-1.6 1.47h-1.49l1.2-1.22z" }) });
+var _StyledBaseSvg = styled(BaseSvg).withConfig({
+  displayName: "BasketIcon___StyledBaseSvg",
+  componentId: "sc-11j3j7a-0"
+})(["", ""], (p) => p.$_css);
+export {
+  BasketIcon as default
+};
+//# sourceMappingURL=index150.js.map

package/dist/index150.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index150.js","sources":["../src/icons/dist/BasketIcon.tsx"],"sourcesContent":["// Automatically generated from SVG file with `npm run pixo`\n// Do not modify manually\n\nimport React from \"react\";\nimport type {CSSProp} from 'styled-components'\nimport BaseSvg from \"../BaseSvg\";\n\ntype Props = {\n  size?: string | number;\n  rotate?: string | number;\n  css?: CSSProp,\n  fillColor?: string;\n} & React.ComponentPropsWithoutRef<\"svg\">;\n\nconst BasketIcon = ({\n  size = \"1.5em\",\n  rotate,\n  css,\n  fillColor = \"currentColor\",\n  ...rest\n}: Props) => (\n  <BaseSvg\n    {...rest}\n    viewBox=\"0 0 24 24\"\n    width={size}\n    height={size}\n    $fillColor={fillColor}\n    rotate={rotate}\n    css={css}\n    aria-hidden=\"true\"\n    focusable=\"false\"\n  >\n    <path d=\"M7.36 3.68A3.4 3.4 0 0 1 9.7 2.54q-.08.08-.14.17c-.82 1-1.1 2.23-1.1 3.24v2.43H6.6V5.95c0-.75.21-1.61.75-2.27M12 1.2q-.74-.2-1.67-.2c-1.92 0-3.26.68-4.1 1.7a5 5 0 0 0-1.11 3.25v2.43H1l2.1 11.93L6.33 23h12.09l2.4-2.2L23 8.37h-4.12V5.95c0-1.01-.28-2.25-1.1-3.24C16.93 1.68 15.59 1 13.67 1q-.92 0-1.67.2m0 1.58c.59.21 1 .54 1.3.9.54.66.76 1.52.76 2.27v2.43H9.94V5.95c0-.75.22-1.61.76-2.27.3-.36.71-.69 1.3-.9m2.3-.24c1.17.13 1.89.6 2.34 1.14.54.66.75 1.52.75 2.27v2.43h-1.84V5.95a5 5 0 0 0-1.25-3.4M7.54 9.9h10.34l-1.7 9.65-1.95 1.95H6.86l-2.4-2-1.68-9.6zm11.86 0h1.82l-1.78 10.13-1.6 1.47h-1.49l1.2-1.22z\" />\n  </BaseSvg>\n);\n\nexport default BasketIcon;\n"],"names":["BasketIcon","size","rotate","css","fillColor","rest","_StyledBaseSvg","_styled","BaseSvg","withConfig","displayName","componentId","p","$_css"],"mappings":";;;AAcA,MAAMA,aAAaA,CAAC;AAAA,EAClBC,OAAO;AAAA,EACPC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZ,GAAGC;AACE,MACL,oBAAA,qBACMA,MACJ,SAAQ,aACR,OAAOJ,MACP,QAAQA,MACR,YAAYG,WACZ,QAEA,eAAY,QACZ,WAAU,gBAFLD,KAIL,UAAA,oBAAC,QAAA,EAAK,GAAE,6lBAAA,CAA4lB,EAAA,CACtmB;AAGwB,IAAAG,iBAAAC,OAAAC,OAAA,EAAAC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,EAAA,GAAAC,CAAAA,MAAAA,EAAAC,KAAA;"}

package/dist/index151.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const styled = require("styled-components");
+const BaseSvg = require("./index556.cjs");
+const BedIcon = ({
+  size = "1.5em",
+  rotate,
+  css,
+  fillColor = "currentColor",
+  ...rest
+}) => /* @__PURE__ */ jsxRuntime.jsx(_StyledBaseSvg, { ...rest, viewBox: "0 0 24 24", width: size, height: size, $fillColor: fillColor, rotate, "aria-hidden": "true", focusable: "false", $_css: css, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.5 10H17V7.22L16.1 6H7.9L7 7.22V10H5.5V4.58l.74-1.08h11.52l.74 1.08zM17 11.5h3.38l1.12 1.12v4.88h-19v-4.88l1.12-1.12zM15.5 10h-7V7.72l.16-.22h6.68l.16.22zM4 4.11V10H3l-2 2v10h1.5v-3h19v3H23V12l-2-2h-1V4.11L18.55 2H5.45z" }) });
+var _StyledBaseSvg = styled(BaseSvg.default).withConfig({
+  displayName: "BedIcon___StyledBaseSvg",
+  componentId: "sc-1y9gv8d-0"
+})(["", ""], (p) => p.$_css);
+exports.default = BedIcon;
+//# sourceMappingURL=index151.cjs.map

package/dist/index151.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index151.cjs","sources":["../src/icons/dist/BedIcon.tsx"],"sourcesContent":["// Automatically generated from SVG file with `npm run pixo`\n// Do not modify manually\n\nimport React from \"react\";\nimport type {CSSProp} from 'styled-components'\nimport BaseSvg from \"../BaseSvg\";\n\ntype Props = {\n  size?: string | number;\n  rotate?: string | number;\n  css?: CSSProp,\n  fillColor?: string;\n} & React.ComponentPropsWithoutRef<\"svg\">;\n\nconst BedIcon = ({\n  size = \"1.5em\",\n  rotate,\n  css,\n  fillColor = \"currentColor\",\n  ...rest\n}: Props) => (\n  <BaseSvg\n    {...rest}\n    viewBox=\"0 0 24 24\"\n    width={size}\n    height={size}\n    $fillColor={fillColor}\n    rotate={rotate}\n    css={css}\n    aria-hidden=\"true\"\n    focusable=\"false\"\n  >\n    <path d=\"M18.5 10H17V7.22L16.1 6H7.9L7 7.22V10H5.5V4.58l.74-1.08h11.52l.74 1.08zM17 11.5h3.38l1.12 1.12v4.88h-19v-4.88l1.12-1.12zM15.5 10h-7V7.72l.16-.22h6.68l.16.22zM4 4.11V10H3l-2 2v10h1.5v-3h19v3H23V12l-2-2h-1V4.11L18.55 2H5.45z\" />\n  </BaseSvg>\n);\n\nexport default BedIcon;\n"],"names":["BedIcon","size","rotate","css","fillColor","rest","jsx","_StyledBaseSvg","_styled","BaseSvg","withConfig","displayName","componentId","p","$_css"],"mappings":";;;;;AAcA,MAAMA,UAAUA,CAAC;AAAA,EACfC,OAAO;AAAA,EACPC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZ,GAAGC;AACE,MACLC,+BAAA,qBACMD,MACJ,SAAQ,aACR,OAAOJ,MACP,QAAQA,MACR,YAAYG,WACZ,QAEA,eAAY,QACZ,WAAU,gBAFLD,KAIL,UAAAG,2BAAAA,IAAC,QAAA,EAAK,GAAE,iOAAA,CAAgO,EAAA,CAC1O;AAGqB,IAAAC,iBAAAC,OAAAC,eAAA,EAAAC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,EAAA,GAAAC,CAAAA,MAAAA,EAAAC,KAAA;;"}

package/dist/index151.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import BaseSvg from "./index556.js";
+const BedIcon = ({
+  size = "1.5em",
+  rotate,
+  css,
+  fillColor = "currentColor",
+  ...rest
+}) => /* @__PURE__ */ jsx(_StyledBaseSvg, { ...rest, viewBox: "0 0 24 24", width: size, height: size, $fillColor: fillColor, rotate, "aria-hidden": "true", focusable: "false", $_css: css, children: /* @__PURE__ */ jsx("path", { d: "M18.5 10H17V7.22L16.1 6H7.9L7 7.22V10H5.5V4.58l.74-1.08h11.52l.74 1.08zM17 11.5h3.38l1.12 1.12v4.88h-19v-4.88l1.12-1.12zM15.5 10h-7V7.72l.16-.22h6.68l.16.22zM4 4.11V10H3l-2 2v10h1.5v-3h19v3H23V12l-2-2h-1V4.11L18.55 2H5.45z" }) });
+var _StyledBaseSvg = styled(BaseSvg).withConfig({
+  displayName: "BedIcon___StyledBaseSvg",
+  componentId: "sc-1y9gv8d-0"
+})(["", ""], (p) => p.$_css);
+export {
+  BedIcon as default
+};
+//# sourceMappingURL=index151.js.map

package/dist/index151.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index151.js","sources":["../src/icons/dist/BedIcon.tsx"],"sourcesContent":["// Automatically generated from SVG file with `npm run pixo`\n// Do not modify manually\n\nimport React from \"react\";\nimport type {CSSProp} from 'styled-components'\nimport BaseSvg from \"../BaseSvg\";\n\ntype Props = {\n  size?: string | number;\n  rotate?: string | number;\n  css?: CSSProp,\n  fillColor?: string;\n} & React.ComponentPropsWithoutRef<\"svg\">;\n\nconst BedIcon = ({\n  size = \"1.5em\",\n  rotate,\n  css,\n  fillColor = \"currentColor\",\n  ...rest\n}: Props) => (\n  <BaseSvg\n    {...rest}\n    viewBox=\"0 0 24 24\"\n    width={size}\n    height={size}\n    $fillColor={fillColor}\n    rotate={rotate}\n    css={css}\n    aria-hidden=\"true\"\n    focusable=\"false\"\n  >\n    <path d=\"M18.5 10H17V7.22L16.1 6H7.9L7 7.22V10H5.5V4.58l.74-1.08h11.52l.74 1.08zM17 11.5h3.38l1.12 1.12v4.88h-19v-4.88l1.12-1.12zM15.5 10h-7V7.72l.16-.22h6.68l.16.22zM4 4.11V10H3l-2 2v10h1.5v-3h19v3H23V12l-2-2h-1V4.11L18.55 2H5.45z\" />\n  </BaseSvg>\n);\n\nexport default BedIcon;\n"],"names":["BedIcon","size","rotate","css","fillColor","rest","_StyledBaseSvg","_styled","BaseSvg","withConfig","displayName","componentId","p","$_css"],"mappings":";;;AAcA,MAAMA,UAAUA,CAAC;AAAA,EACfC,OAAO;AAAA,EACPC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZ,GAAGC;AACE,MACL,oBAAA,qBACMA,MACJ,SAAQ,aACR,OAAOJ,MACP,QAAQA,MACR,YAAYG,WACZ,QAEA,eAAY,QACZ,WAAU,gBAFLD,KAIL,UAAA,oBAAC,QAAA,EAAK,GAAE,iOAAA,CAAgO,EAAA,CAC1O;AAGqB,IAAAG,iBAAAC,OAAAC,OAAA,EAAAC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,EAAA,GAAAC,CAAAA,MAAAA,EAAAC,KAAA;"}

package/dist/index152.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const styled = require("styled-components");
+const BaseSvg = require("./index556.cjs");
+const BellFilledIcon = ({
+  size = "1.5em",
+  rotate,
+  css,
+  fillColor = "currentColor",
+  ...rest
+}) => /* @__PURE__ */ jsxRuntime.jsx(_StyledBaseSvg, { ...rest, viewBox: "0 0 24 24", width: size, height: size, $fillColor: fillColor, rotate, "aria-hidden": "true", focusable: "false", $_css: css, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.3 1h9.47l3.36 3.17v7.03L23 14.35v4.26H1v-4.27l2.94-3.15V4.17zm.67 19.11a4.27 4.27 0 0 0 8.06 0z" }) });
+var _StyledBaseSvg = styled(BaseSvg.default).withConfig({
+  displayName: "BellFilledIcon___StyledBaseSvg",
+  componentId: "sc-1s809fg-0"
+})(["", ""], (p) => p.$_css);
+exports.default = BellFilledIcon;
+//# sourceMappingURL=index152.cjs.map

package/dist/index152.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index152.cjs","sources":["../src/icons/dist/BellFilledIcon.tsx"],"sourcesContent":["// Automatically generated from SVG file with `npm run pixo`\n// Do not modify manually\n\nimport React from \"react\";\nimport type {CSSProp} from 'styled-components'\nimport BaseSvg from \"../BaseSvg\";\n\ntype Props = {\n  size?: string | number;\n  rotate?: string | number;\n  css?: CSSProp,\n  fillColor?: string;\n} & React.ComponentPropsWithoutRef<\"svg\">;\n\nconst BellFilledIcon = ({\n  size = \"1.5em\",\n  rotate,\n  css,\n  fillColor = \"currentColor\",\n  ...rest\n}: Props) => (\n  <BaseSvg\n    {...rest}\n    viewBox=\"0 0 24 24\"\n    width={size}\n    height={size}\n    $fillColor={fillColor}\n    rotate={rotate}\n    css={css}\n    aria-hidden=\"true\"\n    focusable=\"false\"\n  >\n    <path d=\"M7.3 1h9.47l3.36 3.17v7.03L23 14.35v4.26H1v-4.27l2.94-3.15V4.17zm.67 19.11a4.27 4.27 0 0 0 8.06 0z\" />\n  </BaseSvg>\n);\n\nexport default BellFilledIcon;\n"],"names":["BellFilledIcon","size","rotate","css","fillColor","rest","jsx","_StyledBaseSvg","_styled","BaseSvg","withConfig","displayName","componentId","p","$_css"],"mappings":";;;;;AAcA,MAAMA,iBAAiBA,CAAC;AAAA,EACtBC,OAAO;AAAA,EACPC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZ,GAAGC;AACE,MACLC,+BAAA,qBACMD,MACJ,SAAQ,aACR,OAAOJ,MACP,QAAQA,MACR,YAAYG,WACZ,QAEA,eAAY,QACZ,WAAU,gBAFLD,KAIL,UAAAG,2BAAAA,IAAC,QAAA,EAAK,GAAE,qGAAA,CAAoG,EAAA,CAC9G;AAG4B,IAAAC,iBAAAC,OAAAC,eAAA,EAAAC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,EAAA,GAAAC,CAAAA,MAAAA,EAAAC,KAAA;;"}

package/dist/index152.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import BaseSvg from "./index556.js";
+const BellFilledIcon = ({
+  size = "1.5em",
+  rotate,
+  css,
+  fillColor = "currentColor",
+  ...rest
+}) => /* @__PURE__ */ jsx(_StyledBaseSvg, { ...rest, viewBox: "0 0 24 24", width: size, height: size, $fillColor: fillColor, rotate, "aria-hidden": "true", focusable: "false", $_css: css, children: /* @__PURE__ */ jsx("path", { d: "M7.3 1h9.47l3.36 3.17v7.03L23 14.35v4.26H1v-4.27l2.94-3.15V4.17zm.67 19.11a4.27 4.27 0 0 0 8.06 0z" }) });
+var _StyledBaseSvg = styled(BaseSvg).withConfig({
+  displayName: "BellFilledIcon___StyledBaseSvg",
+  componentId: "sc-1s809fg-0"
+})(["", ""], (p) => p.$_css);
+export {
+  BellFilledIcon as default
+};
+//# sourceMappingURL=index152.js.map

package/dist/index152.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index152.js","sources":["../src/icons/dist/BellFilledIcon.tsx"],"sourcesContent":["// Automatically generated from SVG file with `npm run pixo`\n// Do not modify manually\n\nimport React from \"react\";\nimport type {CSSProp} from 'styled-components'\nimport BaseSvg from \"../BaseSvg\";\n\ntype Props = {\n  size?: string | number;\n  rotate?: string | number;\n  css?: CSSProp,\n  fillColor?: string;\n} & React.ComponentPropsWithoutRef<\"svg\">;\n\nconst BellFilledIcon = ({\n  size = \"1.5em\",\n  rotate,\n  css,\n  fillColor = \"currentColor\",\n  ...rest\n}: Props) => (\n  <BaseSvg\n    {...rest}\n    viewBox=\"0 0 24 24\"\n    width={size}\n    height={size}\n    $fillColor={fillColor}\n    rotate={rotate}\n    css={css}\n    aria-hidden=\"true\"\n    focusable=\"false\"\n  >\n    <path d=\"M7.3 1h9.47l3.36 3.17v7.03L23 14.35v4.26H1v-4.27l2.94-3.15V4.17zm.67 19.11a4.27 4.27 0 0 0 8.06 0z\" />\n  </BaseSvg>\n);\n\nexport default BellFilledIcon;\n"],"names":["BellFilledIcon","size","rotate","css","fillColor","rest","_StyledBaseSvg","_styled","BaseSvg","withConfig","displayName","componentId","p","$_css"],"mappings":";;;AAcA,MAAMA,iBAAiBA,CAAC;AAAA,EACtBC,OAAO;AAAA,EACPC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZ,GAAGC;AACE,MACL,oBAAA,qBACMA,MACJ,SAAQ,aACR,OAAOJ,MACP,QAAQA,MACR,YAAYG,WACZ,QAEA,eAAY,QACZ,WAAU,gBAFLD,KAIL,UAAA,oBAAC,QAAA,EAAK,GAAE,qGAAA,CAAoG,EAAA,CAC9G;AAG4B,IAAAG,iBAAAC,OAAAC,OAAA,EAAAC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,EAAA,GAAAC,CAAAA,MAAAA,EAAAC,KAAA;"}

package/dist/index153.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const styled = require("styled-components");
+const BaseSvg = require("./index556.cjs");
+const BellIcon = ({
+  size = "1.5em",
+  rotate,
+  css,
+  fillColor = "currentColor",
+  ...rest
+}) => /* @__PURE__ */ jsxRuntime.jsx(_StyledBaseSvg, { ...rest, viewBox: "0 0 24 24", width: size, height: size, $fillColor: fillColor, rotate, "aria-hidden": "true", focusable: "false", $_css: css, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16.77 1H7.3L3.94 4.17v7.02L1 14.34v4.27h6.75v.41q0 0 0 .04a4.26 4.26 0 0 0 8.5-.33v-.12H23v-4.26l-2.87-3.15V4.17zm-2.03 17.61q0 .04 0 .09v.07q0 .08.01.14 0 .04 0 .04a2.76 2.76 0 0 1-5.5.02v-.36zm-9.3-13.8L7.9 2.5h8.28l2.45 2.31v6.97l2.87 3.15v2.18h-19v-2.17l2.94-3.15z" }) });
+var _StyledBaseSvg = styled(BaseSvg.default).withConfig({
+  displayName: "BellIcon___StyledBaseSvg",
+  componentId: "sc-j7wtd4-0"
+})(["", ""], (p) => p.$_css);
+exports.default = BellIcon;
+//# sourceMappingURL=index153.cjs.map

package/dist/index153.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index153.cjs","sources":["../src/icons/dist/BellIcon.tsx"],"sourcesContent":["// Automatically generated from SVG file with `npm run pixo`\n// Do not modify manually\n\nimport React from \"react\";\nimport type {CSSProp} from 'styled-components'\nimport BaseSvg from \"../BaseSvg\";\n\ntype Props = {\n  size?: string | number;\n  rotate?: string | number;\n  css?: CSSProp,\n  fillColor?: string;\n} & React.ComponentPropsWithoutRef<\"svg\">;\n\nconst BellIcon = ({\n  size = \"1.5em\",\n  rotate,\n  css,\n  fillColor = \"currentColor\",\n  ...rest\n}: Props) => (\n  <BaseSvg\n    {...rest}\n    viewBox=\"0 0 24 24\"\n    width={size}\n    height={size}\n    $fillColor={fillColor}\n    rotate={rotate}\n    css={css}\n    aria-hidden=\"true\"\n    focusable=\"false\"\n  >\n    <path d=\"M16.77 1H7.3L3.94 4.17v7.02L1 14.34v4.27h6.75v.41q0 0 0 .04a4.26 4.26 0 0 0 8.5-.33v-.12H23v-4.26l-2.87-3.15V4.17zm-2.03 17.61q0 .04 0 .09v.07q0 .08.01.14 0 .04 0 .04a2.76 2.76 0 0 1-5.5.02v-.36zm-9.3-13.8L7.9 2.5h8.28l2.45 2.31v6.97l2.87 3.15v2.18h-19v-2.17l2.94-3.15z\" />\n  </BaseSvg>\n);\n\nexport default BellIcon;\n"],"names":["BellIcon","size","rotate","css","fillColor","rest","jsx","_StyledBaseSvg","_styled","BaseSvg","withConfig","displayName","componentId","p","$_css"],"mappings":";;;;;AAcA,MAAMA,WAAWA,CAAC;AAAA,EAChBC,OAAO;AAAA,EACPC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZ,GAAGC;AACE,MACLC,+BAAA,qBACMD,MACJ,SAAQ,aACR,OAAOJ,MACP,QAAQA,MACR,YAAYG,WACZ,QAEA,eAAY,QACZ,WAAU,gBAFLD,KAIL,UAAAG,2BAAAA,IAAC,QAAA,EAAK,GAAE,gRAAA,CAA+Q,EAAA,CACzR;AAGsB,IAAAC,iBAAAC,OAAAC,eAAA,EAAAC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,EAAA,GAAAC,CAAAA,MAAAA,EAAAC,KAAA;;"}

package/dist/index153.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import BaseSvg from "./index556.js";
+const BellIcon = ({
+  size = "1.5em",
+  rotate,
+  css,
+  fillColor = "currentColor",
+  ...rest
+}) => /* @__PURE__ */ jsx(_StyledBaseSvg, { ...rest, viewBox: "0 0 24 24", width: size, height: size, $fillColor: fillColor, rotate, "aria-hidden": "true", focusable: "false", $_css: css, children: /* @__PURE__ */ jsx("path", { d: "M16.77 1H7.3L3.94 4.17v7.02L1 14.34v4.27h6.75v.41q0 0 0 .04a4.26 4.26 0 0 0 8.5-.33v-.12H23v-4.26l-2.87-3.15V4.17zm-2.03 17.61q0 .04 0 .09v.07q0 .08.01.14 0 .04 0 .04a2.76 2.76 0 0 1-5.5.02v-.36zm-9.3-13.8L7.9 2.5h8.28l2.45 2.31v6.97l2.87 3.15v2.18h-19v-2.17l2.94-3.15z" }) });
+var _StyledBaseSvg = styled(BaseSvg).withConfig({
+  displayName: "BellIcon___StyledBaseSvg",
+  componentId: "sc-j7wtd4-0"
+})(["", ""], (p) => p.$_css);
+export {
+  BellIcon as default
+};
+//# sourceMappingURL=index153.js.map

package/dist/index153.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index153.js","sources":["../src/icons/dist/BellIcon.tsx"],"sourcesContent":["// Automatically generated from SVG file with `npm run pixo`\n// Do not modify manually\n\nimport React from \"react\";\nimport type {CSSProp} from 'styled-components'\nimport BaseSvg from \"../BaseSvg\";\n\ntype Props = {\n  size?: string | number;\n  rotate?: string | number;\n  css?: CSSProp,\n  fillColor?: string;\n} & React.ComponentPropsWithoutRef<\"svg\">;\n\nconst BellIcon = ({\n  size = \"1.5em\",\n  rotate,\n  css,\n  fillColor = \"currentColor\",\n  ...rest\n}: Props) => (\n  <BaseSvg\n    {...rest}\n    viewBox=\"0 0 24 24\"\n    width={size}\n    height={size}\n    $fillColor={fillColor}\n    rotate={rotate}\n    css={css}\n    aria-hidden=\"true\"\n    focusable=\"false\"\n  >\n    <path d=\"M16.77 1H7.3L3.94 4.17v7.02L1 14.34v4.27h6.75v.41q0 0 0 .04a4.26 4.26 0 0 0 8.5-.33v-.12H23v-4.26l-2.87-3.15V4.17zm-2.03 17.61q0 .04 0 .09v.07q0 .08.01.14 0 .04 0 .04a2.76 2.76 0 0 1-5.5.02v-.36zm-9.3-13.8L7.9 2.5h8.28l2.45 2.31v6.97l2.87 3.15v2.18h-19v-2.17l2.94-3.15z\" />\n  </BaseSvg>\n);\n\nexport default BellIcon;\n"],"names":["BellIcon","size","rotate","css","fillColor","rest","_StyledBaseSvg","_styled","BaseSvg","withConfig","displayName","componentId","p","$_css"],"mappings":";;;AAcA,MAAMA,WAAWA,CAAC;AAAA,EAChBC,OAAO;AAAA,EACPC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZ,GAAGC;AACE,MACL,oBAAA,qBACMA,MACJ,SAAQ,aACR,OAAOJ,MACP,QAAQA,MACR,YAAYG,WACZ,QAEA,eAAY,QACZ,WAAU,gBAFLD,KAIL,UAAA,oBAAC,QAAA,EAAK,GAAE,gRAAA,CAA+Q,EAAA,CACzR;AAGsB,IAAAG,iBAAAC,OAAAC,OAAA,EAAAC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,EAAA,GAAAC,CAAAA,MAAAA,EAAAC,KAAA;"}

package/dist/index154.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const styled = require("styled-components");
+const BaseSvg = require("./index556.cjs");
+const BlindAndLowVisionAccessibleCircledFilledIcon = ({
+  size = "1.5em",
+  rotate,
+  css,
+  fillColor = "currentColor",
+  ...rest
+}) => /* @__PURE__ */ jsxRuntime.jsx(_StyledBaseSvg, { ...rest, viewBox: "0 0 24 24", width: size, height: size, $fillColor: fillColor, rotate, "aria-hidden": "true", focusable: "false", $_css: css, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 15.61c1.53 0 2.96-.92 4.05-1.91A13 13 0 0 0 17.6 12a12 12 0 0 0-2.49-2.46l-.9.9q.49.67.5 1.56a2.71 2.71 0 0 1-4.27 2.22l-.75.74c.72.4 1.5.65 2.31.65 M12 13.78a1.78 1.78 0 0 0 1.54-2.67l-2.43 2.44q.4.23.89.23m-1.55-.89a1.78 1.78 0 0 1 2.44-2.44z M12 9.29q.88.01 1.56.5l.75-.75A5 5 0 0 0 12 8.39c-1.53 0-2.96.92-4.05 1.92A13 13 0 0 0 6.4 12a12 12 0 0 0 2.49 2.45l.9-.9A2.71 2.71 0 0 1 12 9.3 M1 12a11 11 0 1 0 22 0 11 11 0 0 0-22 0m4.5 5.85 2.72-2.73q-.48-.37-.9-.74a14 14 0 0 1-1.84-2.07l-.03-.03v-.01L5.26 12l.17-.26.01-.01.03-.04a8 8 0 0 1 .47-.62c.33-.4.8-.92 1.37-1.45 1.15-1.04 2.8-2.16 4.68-2.16 1.09 0 2.1.38 2.99.9l2.85-2.86.66.65-2.73 2.73q.5.37.9.74a14 14 0 0 1 1.85 2.07l.03.04v.01l.18.26-.18.26v.02l-.03.03a8 8 0 0 1-.47.62c-.33.4-.8.92-1.37 1.45-1.15 1.04-2.8 2.16-4.68 2.16-1.1 0-2.1-.38-2.99-.9L6.15 18.5z" }) });
+var _StyledBaseSvg = styled(BaseSvg.default).withConfig({
+  displayName: "BlindAndLowVisionAccessibleCircledFilledIcon___StyledBaseSvg",
+  componentId: "sc-1oawkun-0"
+})(["", ""], (p) => p.$_css);
+exports.default = BlindAndLowVisionAccessibleCircledFilledIcon;
+//# sourceMappingURL=index154.cjs.map

package/dist/index154.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index154.cjs","sources":["../src/icons/dist/BlindAndLowVisionAccessibleCircledFilledIcon.tsx"],"sourcesContent":["// Automatically generated from SVG file with `npm run pixo`\n// Do not modify manually\n\nimport React from \"react\";\nimport type {CSSProp} from 'styled-components'\nimport BaseSvg from \"../BaseSvg\";\n\ntype Props = {\n  size?: string | number;\n  rotate?: string | number;\n  css?: CSSProp,\n  fillColor?: string;\n} & React.ComponentPropsWithoutRef<\"svg\">;\n\nconst BlindAndLowVisionAccessibleCircledFilledIcon = ({\n  size = \"1.5em\",\n  rotate,\n  css,\n  fillColor = \"currentColor\",\n  ...rest\n}: Props) => (\n  <BaseSvg\n    {...rest}\n    viewBox=\"0 0 24 24\"\n    width={size}\n    height={size}\n    $fillColor={fillColor}\n    rotate={rotate}\n    css={css}\n    aria-hidden=\"true\"\n    focusable=\"false\"\n  >\n    <path d=\"M12 15.61c1.53 0 2.96-.92 4.05-1.91A13 13 0 0 0 17.6 12a12 12 0 0 0-2.49-2.46l-.9.9q.49.67.5 1.56a2.71 2.71 0 0 1-4.27 2.22l-.75.74c.72.4 1.5.65 2.31.65 M12 13.78a1.78 1.78 0 0 0 1.54-2.67l-2.43 2.44q.4.23.89.23m-1.55-.89a1.78 1.78 0 0 1 2.44-2.44z M12 9.29q.88.01 1.56.5l.75-.75A5 5 0 0 0 12 8.39c-1.53 0-2.96.92-4.05 1.92A13 13 0 0 0 6.4 12a12 12 0 0 0 2.49 2.45l.9-.9A2.71 2.71 0 0 1 12 9.3 M1 12a11 11 0 1 0 22 0 11 11 0 0 0-22 0m4.5 5.85 2.72-2.73q-.48-.37-.9-.74a14 14 0 0 1-1.84-2.07l-.03-.03v-.01L5.26 12l.17-.26.01-.01.03-.04a8 8 0 0 1 .47-.62c.33-.4.8-.92 1.37-1.45 1.15-1.04 2.8-2.16 4.68-2.16 1.09 0 2.1.38 2.99.9l2.85-2.86.66.65-2.73 2.73q.5.37.9.74a14 14 0 0 1 1.85 2.07l.03.04v.01l.18.26-.18.26v.02l-.03.03a8 8 0 0 1-.47.62c-.33.4-.8.92-1.37 1.45-1.15 1.04-2.8 2.16-4.68 2.16-1.1 0-2.1-.38-2.99-.9L6.15 18.5z\" />\n  </BaseSvg>\n);\n\nexport default BlindAndLowVisionAccessibleCircledFilledIcon;\n"],"names":["BlindAndLowVisionAccessibleCircledFilledIcon","size","rotate","css","fillColor","rest","jsx","_StyledBaseSvg","_styled","BaseSvg","withConfig","displayName","componentId","p","$_css"],"mappings":";;;;;AAcA,MAAMA,+CAA+CA,CAAC;AAAA,EACpDC,OAAO;AAAA,EACPC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZ,GAAGC;AACE,MACLC,+BAAA,qBACMD,MACJ,SAAQ,aACR,OAAOJ,MACP,QAAQA,MACR,YAAYG,WACZ,QAEA,eAAY,QACZ,WAAU,gBAFLD,KAIL,UAAAG,2BAAAA,IAAC,QAAA,EAAK,GAAE,0zBAAA,CAAyzB,EAAA,CACn0B;AAG0D,IAAAC,iBAAAC,OAAAC,eAAA,EAAAC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,EAAA,GAAAC,CAAAA,MAAAA,EAAAC,KAAA;;"}