@jamesodwyer/gds-figma-vite 1.0.0

package/dist/index2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","sources":["../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { ReactElement, useId } from \"react\";\nimport styled from \"styled-components\";\n\nimport { spacing, textStyle } from \"../../dimensions\";\nimport { ChevronIcon } from \"../../icons\";\nimport { AccordionProvider, useAccordionContext } from \"./AccordionContext\";\nimport { buttonreset } from \"../../utils/snippets\";\nimport { AccordionType } from \"./types\";\nimport {\n  AccordionItemProvider,\n  useAccordionItemContext,\n} from \"./AccordionItemContext\";\n\ntype AccordionProps = {\n  children: React.ReactElement | React.ReactElement[];\n  /**\n   * The opening type of Accordion\n   * single: Only one accordion item can be opened at a time.\n   * multi: Multiple accordion items can be opened at a time.\n   *\n   * @default `single`\n   */\n  type?: AccordionType;\n  showTopBorder?: boolean;\n  showBottomBorder?: boolean;\n};\n\nconst SUPPORTED_KEYS = [\"ArrowUp\", \"ArrowDown\", \"Home\", \"End\"];\n\nconst Accordion = ({\n  type = \"single\",\n  children,\n  showBottomBorder = true,\n  showTopBorder = true,\n}: AccordionProps) => {\n  const baseId = useId();\n\n  const defaultOpenIds: string[] = [];\n\n  const childrenWithIds = React.Children.map(children, (child, index) => {\n    if (\n      React.isValidElement<AccordionItemProps>(child) &&\n      child.type === AccordionItem\n    ) {\n      const id = child.props.id ?? `${baseId}-${index}`;\n      if (child.props.defaultOpen) {\n        defaultOpenIds.push(id);\n      }\n\n      return React.cloneElement(child, {\n        ...child.props,\n        id,\n      });\n    }\n    return child;\n  });\n\n  return (\n    <AccordionProvider type={type} defaultOpenIds={defaultOpenIds}>\n      <AccordionContainer\n        showTopBorder={showTopBorder}\n        showBottomBorder={showBottomBorder}\n      >\n        {childrenWithIds}\n      </AccordionContainer>\n    </AccordionProvider>\n  );\n};\n\nconst AccordionContainer = ({\n  children,\n  showTopBorder,\n  showBottomBorder,\n}: {\n  children: React.ReactNode;\n  showTopBorder: boolean;\n  showBottomBorder: boolean;\n}) => {\n  const handleKeydown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (!SUPPORTED_KEYS.includes(event.key)) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const enabledButtons = Array.from(\n      event.currentTarget.querySelectorAll<HTMLElement>(\n        \"[data-accordion-button]\",\n      ),\n    );\n\n    const activeElement = document.activeElement as HTMLElement;\n    const currentIndex = enabledButtons.findIndex(\n      (summary) => summary === activeElement,\n    );\n\n    if (currentIndex === -1) return;\n\n    let nextIndex = currentIndex;\n    switch (event.key) {\n      case \"ArrowUp\":\n        nextIndex =\n          (currentIndex - 1 + enabledButtons.length) % enabledButtons.length;\n        break;\n      case \"ArrowDown\":\n        nextIndex = (currentIndex + 1) % enabledButtons.length;\n        break;\n      case \"Home\":\n        nextIndex = 0;\n        break;\n      case \"End\":\n        nextIndex = enabledButtons.length - 1;\n        break;\n      default:\n        return;\n    }\n\n    enabledButtons[nextIndex]?.focus();\n  };\n\n  return (\n    <StyledAccordionContainer\n      onKeyDown={handleKeydown}\n      $showTopBorder={showTopBorder}\n      $showBottomBorder={showBottomBorder}\n    >\n      {children}\n    </StyledAccordionContainer>\n  );\n};\n\ntype AccordionItemProps = {\n  children: ReactElement[];\n  /**\n   * Indicates whether the accordion item is open by default.\n   *\n   * @default `false`\n   */\n  defaultOpen?: boolean;\n  /**\n   * Optional unique identifier for the accordion item.\n   * If not provided, a generated id will be used.\n   */\n  id?: string;\n};\n\nconst AccordionItem = ({ children, id }: AccordionItemProps) => {\n  return (\n    <AccordionItemProvider id={id as string}>\n      <StyledAccordionItem>{children}</StyledAccordionItem>\n    </AccordionItemProvider>\n  );\n};\n\nconst AccordionHeader = ({\n  leadingIcon,\n  children,\n  maxContentWidth = \"80ch\",\n  onClick,\n}: {\n  leadingIcon?: React.ReactElement;\n  children: React.ReactNode;\n  maxContentWidth?: string;\n  onClick?: () => void;\n}) => {\n  const { toggle } = useAccordionContext();\n  const { isOpen, id } = useAccordionItemContext();\n\n  return (\n    <Button\n      onClick={() => {\n        onClick?.();\n        toggle(id);\n      }}\n      aria-expanded={isOpen}\n      aria-controls={`panel-${id}`}\n      type=\"button\"\n      data-accordion-button\n    >\n      {leadingIcon}\n      <HeaderContentWrapper $maxContentWidth={maxContentWidth}>\n        {children}\n      </HeaderContentWrapper>\n      <StyledChevronIcon />\n    </Button>\n  );\n};\n\nconst AccordionPanel = ({\n  children,\n  maxContentWidth = \"80ch\",\n}: {\n  children: React.ReactNode;\n  maxContentWidth?: string;\n}) => {\n  const { isOpen, id } = useAccordionItemContext();\n\n  return (\n    <PanelContentWrapper\n      role=\"region\"\n      id={`panel-${id}`}\n      aria-labelledby={id}\n      $maxContentWidth={maxContentWidth}\n      data-expanded={isOpen ? \"\" : undefined}\n      {...{ inert: !isOpen ? \"\" : undefined }}\n    >\n      <div id={id}>\n        <PanelContent>{children}</PanelContent>\n      </div>\n    </PanelContentWrapper>\n  );\n};\n\nconst StyledAccordionContainer = styled.div<{\n  $showTopBorder: boolean;\n  $showBottomBorder: boolean;\n}>`\n  --gds-accordion-easing-fn: cubic-bezier(0.3, 0, 0.2, 1);\n  --gds-accordion-transition-duration: 300ms;\n  --gds-accordion-inline-padding: ${spacing.amphitheatre};\n  --gds-accordion-block-padding: ${spacing.auditorium};\n  --gds-accordion-border: 1px solid ${(props) => props.theme.base.borderLight};\n  background-color: ${(props) => props.theme.base.bg};\n\n  > * + * {\n    border-top: var(--gds-accordion-border);\n  }\n\n  ${(props) =>\n    props.$showTopBorder && `border-top: var(--gds-accordion-border);`}\n\n  ${(props) =>\n    props.$showBottomBorder && `border-bottom: var(--gds-accordion-border);`}\n`;\n\nconst StyledAccordionItem = styled.div``;\n\nconst Button = styled.button`\n  ${buttonreset}\n  ${textStyle.boising}\n  display: flex;\n  gap: ${spacing.hall};\n  width: 100%;\n  padding: var(--gds-accordion-block-padding)\n    var(--gds-accordion-inline-padding);\n  cursor: pointer;\n  transition: all 70ms var(--gds-accordion-easing-fn);\n\n  &:hover {\n    /* borderLight is a temporary workaround until theme update */\n    background-color: ${(props) => props.theme.base.borderLight};\n  }\n`;\n\nconst HeaderContentWrapper = styled.span<{ $maxContentWidth?: string }>`\n  flex: 1;\n  max-width: ${(props) => props.$maxContentWidth};\n`;\n\nconst StyledChevronIcon = styled(ChevronIcon)`\n  margin-inline-start: auto;\n  transition: transform var(--gds-accordion-transition-duration)\n    var(--gds-accordion-easing-fn);\n\n  ${Button}[aria-expanded=\"true\"] & {\n    transform: rotate(-180deg);\n  }\n`;\n\nconst PanelContentWrapper = styled.div<{ $maxContentWidth?: string }>`\n  display: grid;\n  grid-template-rows: 0fr;\n  max-width: ${(props) => props.$maxContentWidth};\n  transition: grid-template-rows var(--gds-accordion-transition-duration)\n    var(--gds-accordion-easing-fn);\n\n  & > * {\n    padding: 0;\n    overflow: hidden;\n  }\n\n  &[data-expanded] {\n    grid-template-rows: 1fr;\n  }\n`;\n\nconst PanelContent = styled.div`\n  padding: var(--gds-accordion-block-padding)\n    var(--gds-accordion-inline-padding);\n`;\n\nAccordion.Item = AccordionItem;\nAccordion.Header = AccordionHeader;\nAccordion.Panel = AccordionPanel;\n\nexport default Accordion;\n"],"names":["SUPPORTED_KEYS","Accordion","type","children","showBottomBorder","showTopBorder","baseId","useId","defaultOpenIds","childrenWithIds","React","Children","map","child","index","isValidElement","AccordionItem","id","props","defaultOpen","push","cloneElement","AccordionContainer","handleKeydown","event","includes","key","preventDefault","enabledButtons","Array","from","currentTarget","querySelectorAll","activeElement","document","currentIndex","findIndex","summary","nextIndex","length","focus","AccordionHeader","leadingIcon","maxContentWidth","onClick","toggle","useAccordionContext","isOpen","useAccordionItemContext","AccordionPanel","undefined","inert","StyledAccordionContainer","styled","div","withConfig","displayName","componentId","spacing","amphitheatre","auditorium","theme","base","borderLight","bg","$showTopBorder","$showBottomBorder","StyledAccordionItem","Button","button","buttonreset","textStyle","boising","hall","HeaderContentWrapper","span","$maxContentWidth","StyledChevronIcon","ChevronIcon","PanelContentWrapper","PanelContent","Item","Header","Panel"],"mappings":"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"}

package/dist/index20.cjs

@@ -0,0 +1,130 @@
+"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 mergeRefs = require("./index545.cjs");
+const index = require("./index16.cjs");
+const index$1 = require("./index37.cjs");
+const index_styles = require("./index546.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const InputContext = React__namespace.createContext(void 0);
+function useInputContext() {
+  const id = React__namespace.useContext(InputContext);
+  if (!id && id !== false) throw new Error("Must be rendered inside an <InputField> with an ID");
+  return id;
+}
+const InputField$1 = React__namespace.forwardRef(function InputField2({
+  id,
+  ...rest
+}, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(InputContext.Provider, { value: id, children: /* @__PURE__ */ jsxRuntime.jsx(index_styles.InputField, { id: id !== false ? id : void 0, ...rest, ref }) });
+});
+function Label({
+  readOnly,
+  ...restProps
+}) {
+  const id = useInputContext();
+  const rest = restProps;
+  return /* @__PURE__ */ jsxRuntime.jsx(index_styles.Label, { $readOnly: readOnly, ...rest, htmlFor: id !== false ? id + "-input" : void 0 });
+}
+const Input = React__namespace.forwardRef(function Input2({
+  inputRef,
+  isErrored,
+  hasExtraPadding,
+  ...props
+}, ref) {
+  const id = useInputContext();
+  const errorId = id !== false ? id + "-error" : void 0;
+  const successId = id !== false ? id + "-success" : void 0;
+  const describedBy = [errorId, successId, props["aria-describedby"]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(index_styles.Input, { $hasExtraPadding: hasExtraPadding, $isErrored: isErrored, "aria-invalid": isErrored, ...props, ref: inputRef || ref, id: id !== false ? id + "-input" : void 0, "aria-describedby": describedBy });
+});
+const Textarea = React__namespace.forwardRef(function Textarea2(props, ref) {
+  const id = useInputContext();
+  const errorId = id !== false ? id + "-error" : void 0;
+  const successId = id !== false ? id + "-success" : void 0;
+  const describedBy = [errorId, successId, props["aria-describedby"]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(index_styles.Textarea, { "aria-invalid": props.isErrored, $isErrored: props.isErrored, ...props, ref, id: id !== false ? id + "-input" : void 0, "aria-describedby": describedBy });
+});
+const Select = React__namespace.forwardRef(function Select2({
+  isErrored,
+  isPillVariant,
+  ...restProps
+}, ref) {
+  const id = useInputContext();
+  const errorId = id !== false ? id + "-error" : void 0;
+  const describedBy = [errorId, restProps["aria-describedby"]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(index_styles.Select, { "aria-invalid": isErrored, $isErrored: isErrored, $isPillVariant: isPillVariant, ...restProps, ref, id: id !== false ? id + "-input" : void 0, "aria-describedby": describedBy });
+});
+const Checkbox = React__namespace.forwardRef(function Checkbox2({
+  isErrored,
+  ...restProps
+}, propsRef) {
+  const localRef = React__namespace.useRef(null);
+  const id = useInputContext();
+  const errorId = id !== false ? id + "-error" : void 0;
+  const describedBy = [errorId, restProps["aria-describedby"]].filter(Boolean).join(" ");
+  React__namespace.useEffect(() => {
+    const checkbox = localRef.current;
+    if (checkbox) {
+      checkbox.indeterminate = restProps.isIndeterminate ? true : false;
+    }
+  }, [restProps.isIndeterminate]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index_styles.HiddenCheckbox, { type: "checkbox", "aria-invalid": isErrored, $isErrored: isErrored, ...restProps, id: id !== false ? id + "-input" : void 0, "aria-describedby": describedBy, ref: mergeRefs.default([localRef, propsRef]) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(index_styles.CustomCheckbox, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(index_styles.Checkmark, { size: "73%" }),
+      /* @__PURE__ */ jsxRuntime.jsx(index_styles.IndeterminateMark, { size: "73%" })
+    ] })
+  ] });
+});
+const Radio = React__namespace.forwardRef(function Radio2({
+  isErrored,
+  ...restProps
+}, ref) {
+  const id = useInputContext();
+  const errorId = id !== false ? id + "-error" : void 0;
+  const describedBy = [errorId, restProps["aria-describedby"]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index_styles.HiddenRadio, { type: "radio", $isErrored: isErrored, ...restProps, ref, id: id !== false ? id + "-input" : void 0, "aria-describedby": describedBy }),
+    /* @__PURE__ */ jsxRuntime.jsx(index_styles.CustomRadio, {})
+  ] });
+});
+function Validation({
+  type = "error",
+  ...props
+}) {
+  const id = useInputContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(index_styles.Validation, { ...props, id: id !== false ? id + `-${type}` : props.id, children: type === "error" ? /* @__PURE__ */ jsxRuntime.jsx(index.default, { screenReaderErrorPrefix: props.screenReaderErrorPrefix, children: props.children }) : /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { children: props.children }) });
+}
+const InputField = Object.assign(InputField$1, {
+  Label,
+  Row: index_styles.Row,
+  Input,
+  Textarea,
+  Select,
+  Checkbox,
+  Radio,
+  StartIcon: index_styles.StartIcon,
+  EndIcon: index_styles.EndIcon,
+  Validation
+});
+exports.default = InputField;
+//# sourceMappingURL=index20.cjs.map

package/dist/index20.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index20.cjs","sources":["../src/components/InputField/index.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport mergeRefs from \"../../utils/mergeRefs\";\nimport ErrorMessage from \"../ErrorMessage\";\nimport SuccessMessage from \"../SuccessMessage\";\nimport {\n  InputField as _InputField,\n  Label as _Label,\n  Row,\n  Input as _Input,\n  Textarea as _Textarea,\n  Select as _Select,\n  Validation as _Validation,\n  HiddenCheckbox,\n  CustomCheckbox,\n  Checkmark,\n  IndeterminateMark,\n  HiddenRadio,\n  CustomRadio,\n  StartIcon,\n  EndIcon,\n} from \"./index.styles\";\n\nconst InputContext = React.createContext<string | null | undefined | false>(\n  undefined,\n);\n\nfunction useInputContext() {\n  const id = React.useContext(InputContext);\n  if (!id && id !== false)\n    throw new Error(\"Must be rendered inside an <InputField> with an ID\");\n  return id;\n}\n\ntype OwnProps<E extends React.ElementType = React.ElementType> = {\n  as?: E;\n  id: string | false;\n};\n\ntype Props<E extends React.ElementType> = OwnProps<E> &\n  Omit<React.ComponentPropsWithoutRef<E>, keyof OwnProps>;\n\nconst InputField = React.forwardRef(function InputField<\n  E extends React.ElementType = \"div\",\n>({ id, ...rest }: Props<E>, ref: React.ForwardedRef<HTMLDivElement>) {\n  return (\n    <InputContext.Provider value={id}>\n      <_InputField id={id !== false ? id : undefined} {...rest} ref={ref} />\n    </InputContext.Provider>\n  );\n});\n\ntype LabelOwnProps<E extends React.ElementType> = {\n  as?: E;\n  disabled?: boolean;\n  readOnly?: boolean;\n};\n\ntype LabelProps<E extends React.ElementType> = LabelOwnProps<E> &\n  Omit<React.ComponentPropsWithoutRef<E>, keyof LabelOwnProps<E>>;\n\nfunction Label<E extends React.ElementType = \"label\">({\n  readOnly,\n  ...restProps\n}: LabelProps<E>) {\n  const id = useInputContext();\n  // I could not make TypeScript happy without this type assertion\n  const rest = restProps as LabelProps<\"label\">;\n  return (\n    <_Label\n      $readOnly={readOnly}\n      {...rest}\n      htmlFor={id !== false ? id + \"-input\" : undefined}\n    />\n  );\n}\n\ntype InputProps = React.ComponentPropsWithoutRef<\"input\"> & {\n  inputRef?: React.Ref<HTMLInputElement>;\n  isErrored?: boolean;\n  isReadonlyDropdown?: boolean;\n  hasExtraPadding?: boolean;\n};\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(function Input(\n  { inputRef, isErrored, hasExtraPadding, ...props },\n  ref,\n) {\n  const id = useInputContext();\n  const errorId = id !== false ? id + \"-error\" : undefined;\n  const successId = id !== false ? id + \"-success\" : undefined;\n  const describedBy = [errorId, successId, props[\"aria-describedby\"]]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <_Input\n      $hasExtraPadding={hasExtraPadding}\n      $isErrored={isErrored}\n      aria-invalid={isErrored}\n      {...props}\n      ref={inputRef || ref}\n      id={id !== false ? id + \"-input\" : undefined}\n      aria-describedby={describedBy}\n    />\n  );\n});\n\ntype TextareaProps = React.ComponentPropsWithoutRef<\"textarea\"> & {\n  borderColor?: string;\n  isErrored?: boolean;\n};\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  function Textarea(props, ref) {\n    const id = useInputContext();\n    const errorId = id !== false ? id + \"-error\" : undefined;\n    const successId = id !== false ? id + \"-success\" : undefined;\n    const describedBy = [errorId, successId, props[\"aria-describedby\"]]\n      .filter(Boolean)\n      .join(\" \");\n    return (\n      <_Textarea\n        aria-invalid={props.isErrored}\n        $isErrored={props.isErrored}\n        {...props}\n        ref={ref}\n        id={id !== false ? id + \"-input\" : undefined}\n        aria-describedby={describedBy}\n      />\n    );\n  },\n);\n\ntype SelectProps = React.ComponentPropsWithoutRef<\"select\"> & {\n  isErrored?: boolean;\n  isPillVariant?: boolean;\n};\n\nconst Select = React.forwardRef<HTMLSelectElement, SelectProps>(function Select(\n  { isErrored, isPillVariant, ...restProps },\n  ref,\n) {\n  const id = useInputContext();\n  const errorId = id !== false ? id + \"-error\" : undefined;\n  const describedBy = [errorId, restProps[\"aria-describedby\"]]\n    .filter(Boolean)\n    .join(\" \");\n  return (\n    <_Select\n      aria-invalid={isErrored}\n      $isErrored={isErrored}\n      $isPillVariant={isPillVariant}\n      {...restProps}\n      ref={ref}\n      id={id !== false ? id + \"-input\" : undefined}\n      aria-describedby={describedBy}\n    />\n  );\n});\n\ntype CheckboxProps = React.ComponentPropsWithoutRef<\"input\"> & {\n  isIndeterminate?: boolean;\n  isErrored?: boolean;\n};\n\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  function Checkbox({ isErrored, ...restProps }, propsRef) {\n    const localRef = React.useRef<HTMLInputElement>(null);\n    const id = useInputContext();\n    const errorId = id !== false ? id + \"-error\" : undefined;\n    const describedBy = [errorId, restProps[\"aria-describedby\"]]\n      .filter(Boolean)\n      .join(\" \");\n\n    React.useEffect(() => {\n      const checkbox = localRef.current;\n      if (checkbox) {\n        checkbox.indeterminate = restProps.isIndeterminate ? true : false;\n      }\n    }, [restProps.isIndeterminate]);\n\n    return (\n      <>\n        <HiddenCheckbox\n          type=\"checkbox\"\n          aria-invalid={isErrored}\n          $isErrored={isErrored}\n          {...restProps}\n          id={id !== false ? id + \"-input\" : undefined}\n          aria-describedby={describedBy}\n          ref={mergeRefs([localRef, propsRef])}\n        />\n\n        <CustomCheckbox>\n          {/* Don't use rem as Safari doesn't support it */}\n          <Checkmark size=\"73%\" />\n          <IndeterminateMark size=\"73%\" />\n        </CustomCheckbox>\n      </>\n    );\n  },\n);\n\ntype Radio = React.ComponentPropsWithoutRef<\"input\"> & {\n  isErrored?: boolean;\n};\n\nconst Radio = React.forwardRef<HTMLInputElement, Radio>(function Radio(\n  { isErrored, ...restProps },\n  ref,\n) {\n  const id = useInputContext();\n  const errorId = id !== false ? id + \"-error\" : undefined;\n  const describedBy = [errorId, restProps[\"aria-describedby\"]]\n    .filter(Boolean)\n    .join(\" \");\n  return (\n    <>\n      <HiddenRadio\n        type=\"radio\"\n        $isErrored={isErrored}\n        {...restProps}\n        ref={ref}\n        id={id !== false ? id + \"-input\" : undefined}\n        aria-describedby={describedBy}\n      />\n      <CustomRadio />\n    </>\n  );\n});\n\ntype ValidationProps = {\n  id?: string;\n  children?: React.ReactNode;\n  /** Visually hidden prefix announced to screen readers before the error message (e.g., \"Error: \"). */\n  screenReaderErrorPrefix: string;\n  type?: \"error\" | \"success\";\n};\n\nfunction Validation({ type = \"error\", ...props }: ValidationProps) {\n  const id = useInputContext();\n  // this component must be able to accept an id when the InputContext id is disabled using id={false}\n  return (\n    <_Validation {...props} id={id !== false ? id + `-${type}` : props.id}>\n      {type === \"error\" ? (\n        <ErrorMessage screenReaderErrorPrefix={props.screenReaderErrorPrefix}>\n          {props.children}\n        </ErrorMessage>\n      ) : (\n        <SuccessMessage>{props.children}</SuccessMessage>\n      )}\n    </_Validation>\n  );\n}\n\nexport default Object.assign(InputField, {\n  Label: Label,\n  Row: Row,\n  Input: Input,\n  Textarea: Textarea,\n  Select: Select,\n  Checkbox: Checkbox,\n  Radio: Radio,\n  StartIcon: StartIcon,\n  EndIcon: EndIcon,\n  Validation: Validation,\n});\n"],"names":["id","readOnly","inputRef","isErrored","hasExtraPadding","isPillVariant","React","checkbox","Label","Row","Input","Textarea","Select","Checkbox","Radio","StartIcon","EndIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA;AAIA;AACE;AACA;AAEA;AACF;AAUA;AAEE;AAAEA;AAAsB;AACxB;AAKF;AAWA;AAAsD;AACpDC;AAEa;AACb;AAEA;AACA;AAOF;AASA;AACE;AAAEC;AAAUC;AAAWC;AAA0B;AAGjD;AACA;AACA;AACA;AAIA;AAWF;AAOA;AAEI;AACA;AACA;AACA;AAGA;AAUF;AAQF;AACE;AAAED;AAAWE;AAA4B;AAGzC;AACA;AACA;AAGA;AAWF;AAOA;AACoB;AAAEF;AAAwB;AAC1C;AACA;AACA;AACA;AAIAG;AACE;AACA;AACEC;AAA4D;AAC9D;AAGF;AAEI;AAOuC;AAKrC;AAAqB;AACQ;AAC/B;AAGN;AAOF;AACE;AAAEJ;AAAwB;AAG1B;AACA;AACA;AAGA;AAEI;AAMgC;AAEpB;AAGlB;AAUA;AAAoB;AAAS;AAAmC;AAC9D;AAEA;AAWF;AAEA;AAAyC;AACvCK;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AAEF;;"}

package/dist/index20.js

@@ -0,0 +1,113 @@
+"use client";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import mergeRefs from "./index545.js";
+import ErrorMessage from "./index16.js";
+import SuccessMessage from "./index37.js";
+import { EndIcon, StartIcon, Row, InputField as InputField$2, Validation as Validation$1, HiddenRadio, CustomRadio, HiddenCheckbox, CustomCheckbox, Checkmark, IndeterminateMark, Select as Select$1, Textarea as Textarea$1, Input as Input$1, Label as Label$1 } from "./index546.js";
+const InputContext = React.createContext(void 0);
+function useInputContext() {
+  const id = React.useContext(InputContext);
+  if (!id && id !== false) throw new Error("Must be rendered inside an <InputField> with an ID");
+  return id;
+}
+const InputField = React.forwardRef(function InputField2({
+  id,
+  ...rest
+}, ref) {
+  return /* @__PURE__ */ jsx(InputContext.Provider, { value: id, children: /* @__PURE__ */ jsx(InputField$2, { id: id !== false ? id : void 0, ...rest, ref }) });
+});
+function Label({
+  readOnly,
+  ...restProps
+}) {
+  const id = useInputContext();
+  const rest = restProps;
+  return /* @__PURE__ */ jsx(Label$1, { $readOnly: readOnly, ...rest, htmlFor: id !== false ? id + "-input" : void 0 });
+}
+const Input = React.forwardRef(function Input2({
+  inputRef,
+  isErrored,
+  hasExtraPadding,
+  ...props
+}, ref) {
+  const id = useInputContext();
+  const errorId = id !== false ? id + "-error" : void 0;
+  const successId = id !== false ? id + "-success" : void 0;
+  const describedBy = [errorId, successId, props["aria-describedby"]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Input$1, { $hasExtraPadding: hasExtraPadding, $isErrored: isErrored, "aria-invalid": isErrored, ...props, ref: inputRef || ref, id: id !== false ? id + "-input" : void 0, "aria-describedby": describedBy });
+});
+const Textarea = React.forwardRef(function Textarea2(props, ref) {
+  const id = useInputContext();
+  const errorId = id !== false ? id + "-error" : void 0;
+  const successId = id !== false ? id + "-success" : void 0;
+  const describedBy = [errorId, successId, props["aria-describedby"]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Textarea$1, { "aria-invalid": props.isErrored, $isErrored: props.isErrored, ...props, ref, id: id !== false ? id + "-input" : void 0, "aria-describedby": describedBy });
+});
+const Select = React.forwardRef(function Select2({
+  isErrored,
+  isPillVariant,
+  ...restProps
+}, ref) {
+  const id = useInputContext();
+  const errorId = id !== false ? id + "-error" : void 0;
+  const describedBy = [errorId, restProps["aria-describedby"]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Select$1, { "aria-invalid": isErrored, $isErrored: isErrored, $isPillVariant: isPillVariant, ...restProps, ref, id: id !== false ? id + "-input" : void 0, "aria-describedby": describedBy });
+});
+const Checkbox = React.forwardRef(function Checkbox2({
+  isErrored,
+  ...restProps
+}, propsRef) {
+  const localRef = React.useRef(null);
+  const id = useInputContext();
+  const errorId = id !== false ? id + "-error" : void 0;
+  const describedBy = [errorId, restProps["aria-describedby"]].filter(Boolean).join(" ");
+  React.useEffect(() => {
+    const checkbox = localRef.current;
+    if (checkbox) {
+      checkbox.indeterminate = restProps.isIndeterminate ? true : false;
+    }
+  }, [restProps.isIndeterminate]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(HiddenCheckbox, { type: "checkbox", "aria-invalid": isErrored, $isErrored: isErrored, ...restProps, id: id !== false ? id + "-input" : void 0, "aria-describedby": describedBy, ref: mergeRefs([localRef, propsRef]) }),
+    /* @__PURE__ */ jsxs(CustomCheckbox, { children: [
+      /* @__PURE__ */ jsx(Checkmark, { size: "73%" }),
+      /* @__PURE__ */ jsx(IndeterminateMark, { size: "73%" })
+    ] })
+  ] });
+});
+const Radio = React.forwardRef(function Radio2({
+  isErrored,
+  ...restProps
+}, ref) {
+  const id = useInputContext();
+  const errorId = id !== false ? id + "-error" : void 0;
+  const describedBy = [errorId, restProps["aria-describedby"]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(HiddenRadio, { type: "radio", $isErrored: isErrored, ...restProps, ref, id: id !== false ? id + "-input" : void 0, "aria-describedby": describedBy }),
+    /* @__PURE__ */ jsx(CustomRadio, {})
+  ] });
+});
+function Validation({
+  type = "error",
+  ...props
+}) {
+  const id = useInputContext();
+  return /* @__PURE__ */ jsx(Validation$1, { ...props, id: id !== false ? id + `-${type}` : props.id, children: type === "error" ? /* @__PURE__ */ jsx(ErrorMessage, { screenReaderErrorPrefix: props.screenReaderErrorPrefix, children: props.children }) : /* @__PURE__ */ jsx(SuccessMessage, { children: props.children }) });
+}
+const InputField$1 = Object.assign(InputField, {
+  Label,
+  Row,
+  Input,
+  Textarea,
+  Select,
+  Checkbox,
+  Radio,
+  StartIcon,
+  EndIcon,
+  Validation
+});
+export {
+  InputField$1 as default
+};
+//# sourceMappingURL=index20.js.map

package/dist/index20.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index20.js","sources":["../src/components/InputField/index.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport mergeRefs from \"../../utils/mergeRefs\";\nimport ErrorMessage from \"../ErrorMessage\";\nimport SuccessMessage from \"../SuccessMessage\";\nimport {\n  InputField as _InputField,\n  Label as _Label,\n  Row,\n  Input as _Input,\n  Textarea as _Textarea,\n  Select as _Select,\n  Validation as _Validation,\n  HiddenCheckbox,\n  CustomCheckbox,\n  Checkmark,\n  IndeterminateMark,\n  HiddenRadio,\n  CustomRadio,\n  StartIcon,\n  EndIcon,\n} from \"./index.styles\";\n\nconst InputContext = React.createContext<string | null | undefined | false>(\n  undefined,\n);\n\nfunction useInputContext() {\n  const id = React.useContext(InputContext);\n  if (!id && id !== false)\n    throw new Error(\"Must be rendered inside an <InputField> with an ID\");\n  return id;\n}\n\ntype OwnProps<E extends React.ElementType = React.ElementType> = {\n  as?: E;\n  id: string | false;\n};\n\ntype Props<E extends React.ElementType> = OwnProps<E> &\n  Omit<React.ComponentPropsWithoutRef<E>, keyof OwnProps>;\n\nconst InputField = React.forwardRef(function InputField<\n  E extends React.ElementType = \"div\",\n>({ id, ...rest }: Props<E>, ref: React.ForwardedRef<HTMLDivElement>) {\n  return (\n    <InputContext.Provider value={id}>\n      <_InputField id={id !== false ? id : undefined} {...rest} ref={ref} />\n    </InputContext.Provider>\n  );\n});\n\ntype LabelOwnProps<E extends React.ElementType> = {\n  as?: E;\n  disabled?: boolean;\n  readOnly?: boolean;\n};\n\ntype LabelProps<E extends React.ElementType> = LabelOwnProps<E> &\n  Omit<React.ComponentPropsWithoutRef<E>, keyof LabelOwnProps<E>>;\n\nfunction Label<E extends React.ElementType = \"label\">({\n  readOnly,\n  ...restProps\n}: LabelProps<E>) {\n  const id = useInputContext();\n  // I could not make TypeScript happy without this type assertion\n  const rest = restProps as LabelProps<\"label\">;\n  return (\n    <_Label\n      $readOnly={readOnly}\n      {...rest}\n      htmlFor={id !== false ? id + \"-input\" : undefined}\n    />\n  );\n}\n\ntype InputProps = React.ComponentPropsWithoutRef<\"input\"> & {\n  inputRef?: React.Ref<HTMLInputElement>;\n  isErrored?: boolean;\n  isReadonlyDropdown?: boolean;\n  hasExtraPadding?: boolean;\n};\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(function Input(\n  { inputRef, isErrored, hasExtraPadding, ...props },\n  ref,\n) {\n  const id = useInputContext();\n  const errorId = id !== false ? id + \"-error\" : undefined;\n  const successId = id !== false ? id + \"-success\" : undefined;\n  const describedBy = [errorId, successId, props[\"aria-describedby\"]]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <_Input\n      $hasExtraPadding={hasExtraPadding}\n      $isErrored={isErrored}\n      aria-invalid={isErrored}\n      {...props}\n      ref={inputRef || ref}\n      id={id !== false ? id + \"-input\" : undefined}\n      aria-describedby={describedBy}\n    />\n  );\n});\n\ntype TextareaProps = React.ComponentPropsWithoutRef<\"textarea\"> & {\n  borderColor?: string;\n  isErrored?: boolean;\n};\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  function Textarea(props, ref) {\n    const id = useInputContext();\n    const errorId = id !== false ? id + \"-error\" : undefined;\n    const successId = id !== false ? id + \"-success\" : undefined;\n    const describedBy = [errorId, successId, props[\"aria-describedby\"]]\n      .filter(Boolean)\n      .join(\" \");\n    return (\n      <_Textarea\n        aria-invalid={props.isErrored}\n        $isErrored={props.isErrored}\n        {...props}\n        ref={ref}\n        id={id !== false ? id + \"-input\" : undefined}\n        aria-describedby={describedBy}\n      />\n    );\n  },\n);\n\ntype SelectProps = React.ComponentPropsWithoutRef<\"select\"> & {\n  isErrored?: boolean;\n  isPillVariant?: boolean;\n};\n\nconst Select = React.forwardRef<HTMLSelectElement, SelectProps>(function Select(\n  { isErrored, isPillVariant, ...restProps },\n  ref,\n) {\n  const id = useInputContext();\n  const errorId = id !== false ? id + \"-error\" : undefined;\n  const describedBy = [errorId, restProps[\"aria-describedby\"]]\n    .filter(Boolean)\n    .join(\" \");\n  return (\n    <_Select\n      aria-invalid={isErrored}\n      $isErrored={isErrored}\n      $isPillVariant={isPillVariant}\n      {...restProps}\n      ref={ref}\n      id={id !== false ? id + \"-input\" : undefined}\n      aria-describedby={describedBy}\n    />\n  );\n});\n\ntype CheckboxProps = React.ComponentPropsWithoutRef<\"input\"> & {\n  isIndeterminate?: boolean;\n  isErrored?: boolean;\n};\n\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  function Checkbox({ isErrored, ...restProps }, propsRef) {\n    const localRef = React.useRef<HTMLInputElement>(null);\n    const id = useInputContext();\n    const errorId = id !== false ? id + \"-error\" : undefined;\n    const describedBy = [errorId, restProps[\"aria-describedby\"]]\n      .filter(Boolean)\n      .join(\" \");\n\n    React.useEffect(() => {\n      const checkbox = localRef.current;\n      if (checkbox) {\n        checkbox.indeterminate = restProps.isIndeterminate ? true : false;\n      }\n    }, [restProps.isIndeterminate]);\n\n    return (\n      <>\n        <HiddenCheckbox\n          type=\"checkbox\"\n          aria-invalid={isErrored}\n          $isErrored={isErrored}\n          {...restProps}\n          id={id !== false ? id + \"-input\" : undefined}\n          aria-describedby={describedBy}\n          ref={mergeRefs([localRef, propsRef])}\n        />\n\n        <CustomCheckbox>\n          {/* Don't use rem as Safari doesn't support it */}\n          <Checkmark size=\"73%\" />\n          <IndeterminateMark size=\"73%\" />\n        </CustomCheckbox>\n      </>\n    );\n  },\n);\n\ntype Radio = React.ComponentPropsWithoutRef<\"input\"> & {\n  isErrored?: boolean;\n};\n\nconst Radio = React.forwardRef<HTMLInputElement, Radio>(function Radio(\n  { isErrored, ...restProps },\n  ref,\n) {\n  const id = useInputContext();\n  const errorId = id !== false ? id + \"-error\" : undefined;\n  const describedBy = [errorId, restProps[\"aria-describedby\"]]\n    .filter(Boolean)\n    .join(\" \");\n  return (\n    <>\n      <HiddenRadio\n        type=\"radio\"\n        $isErrored={isErrored}\n        {...restProps}\n        ref={ref}\n        id={id !== false ? id + \"-input\" : undefined}\n        aria-describedby={describedBy}\n      />\n      <CustomRadio />\n    </>\n  );\n});\n\ntype ValidationProps = {\n  id?: string;\n  children?: React.ReactNode;\n  /** Visually hidden prefix announced to screen readers before the error message (e.g., \"Error: \"). */\n  screenReaderErrorPrefix: string;\n  type?: \"error\" | \"success\";\n};\n\nfunction Validation({ type = \"error\", ...props }: ValidationProps) {\n  const id = useInputContext();\n  // this component must be able to accept an id when the InputContext id is disabled using id={false}\n  return (\n    <_Validation {...props} id={id !== false ? id + `-${type}` : props.id}>\n      {type === \"error\" ? (\n        <ErrorMessage screenReaderErrorPrefix={props.screenReaderErrorPrefix}>\n          {props.children}\n        </ErrorMessage>\n      ) : (\n        <SuccessMessage>{props.children}</SuccessMessage>\n      )}\n    </_Validation>\n  );\n}\n\nexport default Object.assign(InputField, {\n  Label: Label,\n  Row: Row,\n  Input: Input,\n  Textarea: Textarea,\n  Select: Select,\n  Checkbox: Checkbox,\n  Radio: Radio,\n  StartIcon: StartIcon,\n  EndIcon: EndIcon,\n  Validation: Validation,\n});\n"],"names":["id","readOnly","inputRef","isErrored","hasExtraPadding","isPillVariant","React","checkbox","Label","Row","Input","Textarea","Select","Checkbox","Radio","StartIcon","EndIcon"],"mappings":";;;;;;;AAuBA;AAIA;AACE;AACA;AAEA;AACF;AAUA;AAEE;AAAEA;AAAsB;AACxB;AAKF;AAWA;AAAsD;AACpDC;AAEa;AACb;AAEA;AACA;AAOF;AASA;AACE;AAAEC;AAAUC;AAAWC;AAA0B;AAGjD;AACA;AACA;AACA;AAIA;AAWF;AAOA;AAEI;AACA;AACA;AACA;AAGA;AAUF;AAQF;AACE;AAAED;AAAWE;AAA4B;AAGzC;AACA;AACA;AAGA;AAWF;AAOA;AACoB;AAAEF;AAAwB;AAC1C;AACA;AACA;AACA;AAIAG;AACE;AACA;AACEC;AAA4D;AAC9D;AAGF;AAEI;AAOuC;AAKrC;AAAqB;AACQ;AAC/B;AAGN;AAOF;AACE;AAAEJ;AAAwB;AAG1B;AACA;AACA;AAGA;AAEI;AAMgC;AAEpB;AAGlB;AAUA;AAAoB;AAAS;AAAmC;AAC9D;AAEA;AAWF;AAEA;AAAyC;AACvCK;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AAEF;;;;"}

package/dist/index200.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 GridIcon = ({
+  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: "M11 23H1V13h10zm-8.5-1.5h7v-7h-7zM23 13v10H13V13zm-8.5 1.5v7h7v-7zM11 11H1V1h10zM2.5 9.5h7v-7h-7zM23 11H13V1h10zm-8.5-1.5h7v-7h-7z" }) });
+var _StyledBaseSvg = styled(BaseSvg.default).withConfig({
+  displayName: "GridIcon___StyledBaseSvg",
+  componentId: "sc-1rj29hk-0"
+})(["", ""], (p) => p.$_css);
+exports.default = GridIcon;
+//# sourceMappingURL=index200.cjs.map

package/dist/index200.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index200.cjs","sources":["../src/icons/dist/GridIcon.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 GridIcon = ({\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=\"M11 23H1V13h10zm-8.5-1.5h7v-7h-7zM23 13v10H13V13zm-8.5 1.5v7h7v-7zM11 11H1V1h10zM2.5 9.5h7v-7h-7zM23 11H13V1h10zm-8.5-1.5h7v-7h-7z\" />\n  </BaseSvg>\n);\n\nexport default GridIcon;\n"],"names":["GridIcon","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,qIAAA,CAAoI,EAAA,CAC9I;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/index200.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import BaseSvg from "./index556.js";
+const GridIcon = ({
+  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: "M11 23H1V13h10zm-8.5-1.5h7v-7h-7zM23 13v10H13V13zm-8.5 1.5v7h7v-7zM11 11H1V1h10zM2.5 9.5h7v-7h-7zM23 11H13V1h10zm-8.5-1.5h7v-7h-7z" }) });
+var _StyledBaseSvg = styled(BaseSvg).withConfig({
+  displayName: "GridIcon___StyledBaseSvg",
+  componentId: "sc-1rj29hk-0"
+})(["", ""], (p) => p.$_css);
+export {
+  GridIcon as default
+};
+//# sourceMappingURL=index200.js.map

package/dist/index200.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index200.js","sources":["../src/icons/dist/GridIcon.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 GridIcon = ({\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=\"M11 23H1V13h10zm-8.5-1.5h7v-7h-7zM23 13v10H13V13zm-8.5 1.5v7h7v-7zM11 11H1V1h10zM2.5 9.5h7v-7h-7zM23 11H13V1h10zm-8.5-1.5h7v-7h-7z\" />\n  </BaseSvg>\n);\n\nexport default GridIcon;\n"],"names":["GridIcon","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,qIAAA,CAAoI,EAAA,CAC9I;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/index201.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 HamburgerIcon = ({
+  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: "M23 5.75H1v-1.5h22zm-22 5.5h16v1.5H1zm12 7H1v1.5h12z" }) });
+var _StyledBaseSvg = styled(BaseSvg.default).withConfig({
+  displayName: "HamburgerIcon___StyledBaseSvg",
+  componentId: "sc-yap0gl-0"
+})(["", ""], (p) => p.$_css);
+exports.default = HamburgerIcon;
+//# sourceMappingURL=index201.cjs.map

package/dist/index201.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index201.cjs","sources":["../src/icons/dist/HamburgerIcon.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 HamburgerIcon = ({\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=\"M23 5.75H1v-1.5h22zm-22 5.5h16v1.5H1zm12 7H1v1.5h12z\" />\n  </BaseSvg>\n);\n\nexport default HamburgerIcon;\n"],"names":["HamburgerIcon","size","rotate","css","fillColor","rest","jsx","_StyledBaseSvg","_styled","BaseSvg","withConfig","displayName","componentId","p","$_css"],"mappings":";;;;;AAcA,MAAMA,gBAAgBA,CAAC;AAAA,EACrBC,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,uDAAA,CAAsD,EAAA,CAChE;AAG2B,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/index201.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import BaseSvg from "./index556.js";
+const HamburgerIcon = ({
+  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: "M23 5.75H1v-1.5h22zm-22 5.5h16v1.5H1zm12 7H1v1.5h12z" }) });
+var _StyledBaseSvg = styled(BaseSvg).withConfig({
+  displayName: "HamburgerIcon___StyledBaseSvg",
+  componentId: "sc-yap0gl-0"
+})(["", ""], (p) => p.$_css);
+export {
+  HamburgerIcon as default
+};
+//# sourceMappingURL=index201.js.map

package/dist/index201.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index201.js","sources":["../src/icons/dist/HamburgerIcon.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 HamburgerIcon = ({\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=\"M23 5.75H1v-1.5h22zm-22 5.5h16v1.5H1zm12 7H1v1.5h12z\" />\n  </BaseSvg>\n);\n\nexport default HamburgerIcon;\n"],"names":["HamburgerIcon","size","rotate","css","fillColor","rest","_StyledBaseSvg","_styled","BaseSvg","withConfig","displayName","componentId","p","$_css"],"mappings":";;;AAcA,MAAMA,gBAAgBA,CAAC;AAAA,EACrBC,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,uDAAA,CAAsD,EAAA,CAChE;AAG2B,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/index202.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 HeartFilledIcon = ({
+  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 5.91 6.18 1.56 1 5.48v7.42l11 9.6 11-9.6V5.48l-5.18-3.92z" }) });
+var _StyledBaseSvg = styled(BaseSvg.default).withConfig({
+  displayName: "HeartFilledIcon___StyledBaseSvg",
+  componentId: "sc-d1gcld-0"
+})(["", ""], (p) => p.$_css);
+exports.default = HeartFilledIcon;
+//# sourceMappingURL=index202.cjs.map

package/dist/index202.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index202.cjs","sources":["../src/icons/dist/HeartFilledIcon.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 HeartFilledIcon = ({\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 5.91 6.18 1.56 1 5.48v7.42l11 9.6 11-9.6V5.48l-5.18-3.92z\" />\n  </BaseSvg>\n);\n\nexport default HeartFilledIcon;\n"],"names":["HeartFilledIcon","size","rotate","css","fillColor","rest","jsx","_StyledBaseSvg","_styled","BaseSvg","withConfig","displayName","componentId","p","$_css"],"mappings":";;;;;AAcA,MAAMA,kBAAkBA,CAAC;AAAA,EACvBC,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,gEAAA,CAA+D,EAAA,CACzE;AAG6B,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/index202.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import BaseSvg from "./index556.js";
+const HeartFilledIcon = ({
+  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: "M12 5.91 6.18 1.56 1 5.48v7.42l11 9.6 11-9.6V5.48l-5.18-3.92z" }) });
+var _StyledBaseSvg = styled(BaseSvg).withConfig({
+  displayName: "HeartFilledIcon___StyledBaseSvg",
+  componentId: "sc-d1gcld-0"
+})(["", ""], (p) => p.$_css);
+export {
+  HeartFilledIcon as default
+};
+//# sourceMappingURL=index202.js.map

package/dist/index202.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index202.js","sources":["../src/icons/dist/HeartFilledIcon.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 HeartFilledIcon = ({\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 5.91 6.18 1.56 1 5.48v7.42l11 9.6 11-9.6V5.48l-5.18-3.92z\" />\n  </BaseSvg>\n);\n\nexport default HeartFilledIcon;\n"],"names":["HeartFilledIcon","size","rotate","css","fillColor","rest","_StyledBaseSvg","_styled","BaseSvg","withConfig","displayName","componentId","p","$_css"],"mappings":";;;AAcA,MAAMA,kBAAkBA,CAAC;AAAA,EACvBC,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,gEAAA,CAA+D,EAAA,CACzE;AAG6B,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/index203.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 HeartIcon = ({
+  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: "M6.18 1.56 12 5.91l5.82-4.35L23 5.48v7.42l-11 9.6-11-9.6V5.48zm11.64 1.88L12 7.79 6.18 3.44 2.5 6.22v6L12 20.5l9.5-8.28v-6z" }) });
+var _StyledBaseSvg = styled(BaseSvg.default).withConfig({
+  displayName: "HeartIcon___StyledBaseSvg",
+  componentId: "sc-1jtkgl9-0"
+})(["", ""], (p) => p.$_css);
+exports.default = HeartIcon;
+//# sourceMappingURL=index203.cjs.map

package/dist/index203.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index203.cjs","sources":["../src/icons/dist/HeartIcon.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 HeartIcon = ({\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=\"M6.18 1.56 12 5.91l5.82-4.35L23 5.48v7.42l-11 9.6-11-9.6V5.48zm11.64 1.88L12 7.79 6.18 3.44 2.5 6.22v6L12 20.5l9.5-8.28v-6z\" />\n  </BaseSvg>\n);\n\nexport default HeartIcon;\n"],"names":["HeartIcon","size","rotate","css","fillColor","rest","jsx","_StyledBaseSvg","_styled","BaseSvg","withConfig","displayName","componentId","p","$_css"],"mappings":";;;;;AAcA,MAAMA,YAAYA,CAAC;AAAA,EACjBC,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,8HAAA,CAA6H,EAAA,CACvI;AAGuB,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/index203.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import BaseSvg from "./index556.js";
+const HeartIcon = ({
+  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: "M6.18 1.56 12 5.91l5.82-4.35L23 5.48v7.42l-11 9.6-11-9.6V5.48zm11.64 1.88L12 7.79 6.18 3.44 2.5 6.22v6L12 20.5l9.5-8.28v-6z" }) });
+var _StyledBaseSvg = styled(BaseSvg).withConfig({
+  displayName: "HeartIcon___StyledBaseSvg",
+  componentId: "sc-1jtkgl9-0"
+})(["", ""], (p) => p.$_css);
+export {
+  HeartIcon as default
+};
+//# sourceMappingURL=index203.js.map

package/dist/index203.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index203.js","sources":["../src/icons/dist/HeartIcon.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 HeartIcon = ({\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=\"M6.18 1.56 12 5.91l5.82-4.35L23 5.48v7.42l-11 9.6-11-9.6V5.48zm11.64 1.88L12 7.79 6.18 3.44 2.5 6.22v6L12 20.5l9.5-8.28v-6z\" />\n  </BaseSvg>\n);\n\nexport default HeartIcon;\n"],"names":["HeartIcon","size","rotate","css","fillColor","rest","_StyledBaseSvg","_styled","BaseSvg","withConfig","displayName","componentId","p","$_css"],"mappings":";;;AAcA,MAAMA,YAAYA,CAAC;AAAA,EACjBC,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,8HAAA,CAA6H,EAAA,CACvI;AAGuB,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/index204.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 HouseIcon = ({
+  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 1.1 10 6.5V23H2V7.6zM3.5 8.42V21.5h5v-7.75h7v7.75h5V8.41L12 2.9zM14 21.5v-6.25h-4v6.25zM9 10.75h6v-1.5H9z" }) });
+var _StyledBaseSvg = styled(BaseSvg.default).withConfig({
+  displayName: "HouseIcon___StyledBaseSvg",
+  componentId: "sc-1ozumwc-0"
+})(["", ""], (p) => p.$_css);
+exports.default = HouseIcon;
+//# sourceMappingURL=index204.cjs.map

package/dist/index204.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index204.cjs","sources":["../src/icons/dist/HouseIcon.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 HouseIcon = ({\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 1.1 10 6.5V23H2V7.6zM3.5 8.42V21.5h5v-7.75h7v7.75h5V8.41L12 2.9zM14 21.5v-6.25h-4v6.25zM9 10.75h6v-1.5H9z\" />\n  </BaseSvg>\n);\n\nexport default HouseIcon;\n"],"names":["HouseIcon","size","rotate","css","fillColor","rest","jsx","_StyledBaseSvg","_styled","BaseSvg","withConfig","displayName","componentId","p","$_css"],"mappings":";;;;;AAcA,MAAMA,YAAYA,CAAC;AAAA,EACjBC,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,gHAAA,CAA+G,EAAA,CACzH;AAGuB,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/index204.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import BaseSvg from "./index556.js";
+const HouseIcon = ({
+  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: "m12 1.1 10 6.5V23H2V7.6zM3.5 8.42V21.5h5v-7.75h7v7.75h5V8.41L12 2.9zM14 21.5v-6.25h-4v6.25zM9 10.75h6v-1.5H9z" }) });
+var _StyledBaseSvg = styled(BaseSvg).withConfig({
+  displayName: "HouseIcon___StyledBaseSvg",
+  componentId: "sc-1ozumwc-0"
+})(["", ""], (p) => p.$_css);
+export {
+  HouseIcon as default
+};
+//# sourceMappingURL=index204.js.map

package/dist/index204.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index204.js","sources":["../src/icons/dist/HouseIcon.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 HouseIcon = ({\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 1.1 10 6.5V23H2V7.6zM3.5 8.42V21.5h5v-7.75h7v7.75h5V8.41L12 2.9zM14 21.5v-6.25h-4v6.25zM9 10.75h6v-1.5H9z\" />\n  </BaseSvg>\n);\n\nexport default HouseIcon;\n"],"names":["HouseIcon","size","rotate","css","fillColor","rest","_StyledBaseSvg","_styled","BaseSvg","withConfig","displayName","componentId","p","$_css"],"mappings":";;;AAcA,MAAMA,YAAYA,CAAC;AAAA,EACjBC,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,gHAAA,CAA+G,EAAA,CACzH;AAGuB,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/index205.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 IdCardIcon = ({
+  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: "M23 4.25H1v15.5h14.65l4.3-.01L23 16.77zM9 16.27v1.98H5v-1.98l.59-.52H8.4zm1.5-.68-1.52-1.34H5.02L3.5 15.59v2.66h-1V5.75h9v12.5h-1zM13 5.75h8.5v10.38l-2.16 2.11-3.7.01H13zm-7.25 4.5a1.25 1.25 0 1 0 2.5 0 1.25 1.25 0 0 0-2.5 0M7 7.5A2.75 2.75 0 1 1 7 13a2.75 2.75 0 0 1 0-5.5m7 4.25h6.25v-1.5H14zm4.72 2.5H14v-1.5h4.72z" }) });
+var _StyledBaseSvg = styled(BaseSvg.default).withConfig({
+  displayName: "IdCardIcon___StyledBaseSvg",
+  componentId: "sc-sw3m51-0"
+})(["", ""], (p) => p.$_css);
+exports.default = IdCardIcon;
+//# sourceMappingURL=index205.cjs.map

package/dist/index205.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index205.cjs","sources":["../src/icons/dist/IdCardIcon.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 IdCardIcon = ({\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=\"M23 4.25H1v15.5h14.65l4.3-.01L23 16.77zM9 16.27v1.98H5v-1.98l.59-.52H8.4zm1.5-.68-1.52-1.34H5.02L3.5 15.59v2.66h-1V5.75h9v12.5h-1zM13 5.75h8.5v10.38l-2.16 2.11-3.7.01H13zm-7.25 4.5a1.25 1.25 0 1 0 2.5 0 1.25 1.25 0 0 0-2.5 0M7 7.5A2.75 2.75 0 1 1 7 13a2.75 2.75 0 0 1 0-5.5m7 4.25h6.25v-1.5H14zm4.72 2.5H14v-1.5h4.72z\" />\n  </BaseSvg>\n);\n\nexport default IdCardIcon;\n"],"names":["IdCardIcon","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,gUAAA,CAA+T,EAAA,CACzU;AAGwB,IAAAC,iBAAAC,OAAAC,eAAA,EAAAC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,EAAA,GAAAC,CAAAA,MAAAA,EAAAC,KAAA;;"}