@veeqo/ui 14.0.3 → 14.0.4

package/dist/components/Popover/hooks/useHandleFocus.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useHandleFocus.cjs","sources":["../../../../src/components/Popover/hooks/useHandleFocus.ts"],"sourcesContent":["import { KeyboardEventHandler, useEffect } from 'react';\n\nimport { TABBABLE_SELECTORS } from '../../../utils/tabbableSelectors';\n\ntype UseHandleFocusArgs = {\n  popperElement: HTMLDialogElement | HTMLDivElement | null;\n  anchorElement: HTMLElement | null;\n  onClose: () => void;\n  disableFocusLock?: boolean;\n};\n\nexport const useHandleFocus = ({\n  popperElement,\n  anchorElement,\n  onClose,\n  disableFocusLock = false,\n}: UseHandleFocusArgs) => {\n  /**\n   * Focuses first element, when this gets rendered for the first time.\n   */\n  useEffect(() => {\n    if (!popperElement || disableFocusLock) return;\n    const focusableElements = popperElement!.querySelectorAll(TABBABLE_SELECTORS);\n\n    if (focusableElements.length < 1) return;\n\n    setTimeout(() => {\n      (focusableElements[0] as HTMLElement).focus();\n    }, 0);\n  }, [popperElement, disableFocusLock]);\n\n  /**\n   * Sets up tabbing into the popover.\n   *\n   * When the popover is open (pre-requisite for this being ran), and the user clicks `TAB`\n   * then the tab should move **into** the popover, instead of the natural tab order.\n   */\n  useEffect(() => {\n    if (!popperElement || !popperElement) return;\n\n    const focusWithinPopper = (event: KeyboardEvent) => {\n      if (event.key === 'Tab' && !event.shiftKey) {\n        const focusableElements = popperElement!.querySelectorAll(TABBABLE_SELECTORS);\n        // When nothing is focusable within the popover, close popover and allow natural tab order.\n        if (focusableElements.length < 1) {\n          onClose();\n          return;\n        }\n\n        (focusableElements[0] as HTMLElement).focus();\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    };\n\n    // When tab occurs on ref focus, if focusable elements in popover focus first.\n    anchorElement?.addEventListener('keydown', focusWithinPopper);\n\n    // eslint-disable-next-line consistent-return\n    return () => anchorElement?.removeEventListener('keydown', focusWithinPopper);\n  }, [anchorElement, popperElement, onClose]);\n\n  /**\n   * Creates focus trap within the popover itself. Stopping users tabbing back to outside the\n   * popover, or forward past the last scrollable element within.\n   */\n  const handleFocusTrap: KeyboardEventHandler<HTMLDialogElement | HTMLDivElement> = (event) => {\n    const focusableElements = popperElement!.querySelectorAll(TABBABLE_SELECTORS);\n    const firstElement = focusableElements[0];\n    const lastElement = focusableElements[focusableElements.length - 1];\n\n    // If shift tabbing (BACK) and on the first element, loop to last element.\n    if (event.shiftKey && document.activeElement === firstElement) {\n      event.preventDefault();\n      (lastElement as HTMLElement).focus();\n\n      // If tabbing (FORWARD) and on the last element, loop to first element.\n    } else if (!event.shiftKey && document.activeElement === lastElement) {\n      event.preventDefault();\n      (firstElement as HTMLElement).focus();\n    }\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLDialogElement | HTMLDivElement> = (event) => {\n    if (!popperElement) return;\n\n    // Handle escape\n    if (event.key === 'Escape') {\n      onClose();\n      event.stopPropagation(); // Should only close THIS dialog.\n      event.preventDefault(); // Shouldn't close any fullscreen dialogs (Modal) it's part of\n\n      // Check we should enforce focus trap.\n    } else if (!disableFocusLock && event.key === 'Tab') {\n      handleFocusTrap(event);\n    }\n  };\n\n  return {\n    handleKeyDown,\n  };\n};\n"],"names":["useEffect","TABBABLE_SELECTORS"],"mappings":";;;;;AAWa,MAAA,cAAc,GAAG,CAAC,EAC7B,aAAa,EACb,aAAa,EACb,OAAO,EACP,gBAAgB,GAAG,KAAK,GACL,KAAI;AACvB;;AAEG;IACHA,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,aAAa,IAAI,gBAAgB;YAAE;QACxC,MAAM,iBAAiB,GAAG,aAAc,CAAC,gBAAgB,CAACC,oCAAkB,CAAC;AAE7E,QAAA,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC;YAAE;QAElC,UAAU,CAAC,MAAK;AACb,YAAA,iBAAiB,CAAC,CAAC,CAAiB,CAAC,KAAK,EAAE;SAC9C,EAAE,CAAC,CAAC;AACP,KAAC,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC;AAErC;;;;;AAKG;IACHD,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,aAAa,IAAI,CAAC,aAAa;YAAE;AAEtC,QAAA,MAAM,iBAAiB,GAAG,CAAC,KAAoB,KAAI;YACjD,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBAC1C,MAAM,iBAAiB,GAAG,aAAc,CAAC,gBAAgB,CAACC,oCAAkB,CAAC;;AAE7E,gBAAA,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE;AAChC,oBAAA,OAAO,EAAE;oBACT;AACD;AAEA,gBAAA,iBAAiB,CAAC,CAAC,CAAiB,CAAC,KAAK,EAAE;gBAC7C,KAAK,CAAC,eAAe,EAAE;gBACvB,KAAK,CAAC,cAAc,EAAE;AACvB;AACH,SAAC;;QAGD,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,CAAC;;AAG7D,QAAA,OAAO,MAAM,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,mBAAmB,CAAC,SAAS,EAAE,iBAAiB,CAAC;KAC9E,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;AAE3C;;;AAGG;AACH,IAAA,MAAM,eAAe,GAA6D,CAAC,KAAK,KAAI;QAC1F,MAAM,iBAAiB,GAAG,aAAc,CAAC,gBAAgB,CAACA,oCAAkB,CAAC;AAC7E,QAAA,MAAM,YAAY,GAAG,iBAAiB,CAAC,CAAC,CAAC;QACzC,MAAM,WAAW,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC;;QAGnE,IAAI,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,YAAY,EAAE;YAC7D,KAAK,CAAC,cAAc,EAAE;YACrB,WAA2B,CAAC,KAAK,EAAE;;AAGrC;aAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,WAAW,EAAE;YACpE,KAAK,CAAC,cAAc,EAAE;YACrB,YAA4B,CAAC,KAAK,EAAE;AACtC;AACH,KAAC;AAED,IAAA,MAAM,aAAa,GAA6D,CAAC,KAAK,KAAI;AACxF,QAAA,IAAI,CAAC,aAAa;YAAE;;AAGpB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;AAC1B,YAAA,OAAO,EAAE;AACT,YAAA,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,YAAA,KAAK,CAAC,cAAc,EAAE,CAAC;;AAGxB;aAAM,IAAI,CAAC,gBAAgB,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;YACnD,eAAe,CAAC,KAAK,CAAC;AACvB;AACH,KAAC;IAED,OAAO;QACL,aAAa;KACd;AACH;;;;"}
+{"version":3,"file":"useHandleFocus.cjs","sources":["../../../../src/components/Popover/hooks/useHandleFocus.ts"],"sourcesContent":["import { KeyboardEventHandler, useEffect } from 'react';\n\nimport { TABBABLE_SELECTORS } from '../../../utils/tabbableSelectors';\n\ntype UseHandleFocusArgs = {\n  popperElement: HTMLDialogElement | HTMLDivElement | null;\n  anchorElement: HTMLElement | null;\n  onClose: () => void;\n  disableFocusLock?: boolean;\n};\n\nexport const useHandleFocus = ({\n  popperElement,\n  anchorElement,\n  onClose,\n  disableFocusLock = false,\n}: UseHandleFocusArgs) => {\n  /**\n   * Focuses first element, when this gets rendered for the first time.\n   */\n  useEffect(() => {\n    if (!popperElement || disableFocusLock) return;\n    const focusableElements = popperElement!.querySelectorAll(TABBABLE_SELECTORS);\n\n    if (focusableElements.length < 1) return;\n\n    setTimeout(() => {\n      (focusableElements[0] as HTMLElement).focus();\n    }, 0);\n  }, [popperElement, disableFocusLock]);\n\n  /**\n   * Sets up tabbing into the popover.\n   *\n   * When the popover is open (pre-requisite for this being ran), and the user clicks `TAB`\n   * then the tab should move **into** the popover, instead of the natural tab order.\n   */\n  useEffect(() => {\n    if (!popperElement || !popperElement) return;\n\n    const focusWithinPopper = (event: KeyboardEvent) => {\n      if (event.key === 'Tab' && !event.shiftKey) {\n        const focusableElements = popperElement!.querySelectorAll(TABBABLE_SELECTORS);\n        // When nothing is focusable within the popover, close popover and allow natural tab order.\n        if (focusableElements.length < 1) {\n          onClose();\n          return;\n        }\n\n        (focusableElements[0] as HTMLElement).focus();\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    };\n\n    // When tab occurs on ref focus, if focusable elements in popover focus first.\n    anchorElement?.addEventListener('keydown', focusWithinPopper);\n\n    // eslint-disable-next-line consistent-return\n    return () => anchorElement?.removeEventListener('keydown', focusWithinPopper);\n  }, [anchorElement, popperElement, onClose]);\n\n  /**\n   * Creates focus trap within the popover itself. Stopping users tabbing back to outside the\n   * popover, or forward past the last scrollable element within.\n   */\n  const handleFocusTrap: KeyboardEventHandler<HTMLDialogElement | HTMLDivElement> = (event) => {\n    const focusableElements = popperElement!.querySelectorAll(TABBABLE_SELECTORS);\n    const firstElement = focusableElements[0];\n    const lastElement = focusableElements[focusableElements.length - 1];\n\n    // If shift tabbing (BACK) and on the first element, loop to last element.\n    if (event.shiftKey && document.activeElement === firstElement) {\n      event.preventDefault();\n      (lastElement as HTMLElement).focus();\n\n      // If tabbing (FORWARD) and on the last element, loop to first element.\n    } else if (!event.shiftKey && document.activeElement === lastElement) {\n      event.preventDefault();\n      (firstElement as HTMLElement).focus();\n    }\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLDialogElement | HTMLDivElement> = (event) => {\n    if (!popperElement) return;\n\n    // Handle escape\n    if (event.key === 'Escape') {\n      onClose();\n      event.stopPropagation(); // Should only close THIS dialog.\n      event.preventDefault(); // Shouldn't close any fullscreen dialogs (Modal) it's part of\n\n      // Check we should enforce focus trap.\n    } else if (!disableFocusLock && event.key === 'Tab') {\n      handleFocusTrap(event);\n    }\n  };\n\n  return {\n    handleKeyDown,\n  };\n};\n"],"names":["useEffect","TABBABLE_SELECTORS"],"mappings":"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"}

package/dist/components/Popover/hooks/useHandleFocus.js

@@ -38,9 +38,9 @@ const useHandleFocus = ({ popperElement, anchorElement, onClose, disableFocusLoc
             }
         };
         // When tab occurs on ref focus, if focusable elements in popover focus first.
-        anchorElement === null || anchorElement === undefined ? undefined : anchorElement.addEventListener('keydown', focusWithinPopper);
+        anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.addEventListener('keydown', focusWithinPopper);
         // eslint-disable-next-line consistent-return
-        return () => anchorElement === null || anchorElement === undefined ? undefined : anchorElement.removeEventListener('keydown', focusWithinPopper);
+        return () => anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.removeEventListener('keydown', focusWithinPopper);
     }, [anchorElement, popperElement, onClose]);
     /**
      * Creates focus trap within the popover itself. Stopping users tabbing back to outside the

package/dist/components/Popover/hooks/useHandleFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHandleFocus.js","sources":["../../../../src/components/Popover/hooks/useHandleFocus.ts"],"sourcesContent":["import { KeyboardEventHandler, useEffect } from 'react';\n\nimport { TABBABLE_SELECTORS } from '../../../utils/tabbableSelectors';\n\ntype UseHandleFocusArgs = {\n  popperElement: HTMLDialogElement | HTMLDivElement | null;\n  anchorElement: HTMLElement | null;\n  onClose: () => void;\n  disableFocusLock?: boolean;\n};\n\nexport const useHandleFocus = ({\n  popperElement,\n  anchorElement,\n  onClose,\n  disableFocusLock = false,\n}: UseHandleFocusArgs) => {\n  /**\n   * Focuses first element, when this gets rendered for the first time.\n   */\n  useEffect(() => {\n    if (!popperElement || disableFocusLock) return;\n    const focusableElements = popperElement!.querySelectorAll(TABBABLE_SELECTORS);\n\n    if (focusableElements.length < 1) return;\n\n    setTimeout(() => {\n      (focusableElements[0] as HTMLElement).focus();\n    }, 0);\n  }, [popperElement, disableFocusLock]);\n\n  /**\n   * Sets up tabbing into the popover.\n   *\n   * When the popover is open (pre-requisite for this being ran), and the user clicks `TAB`\n   * then the tab should move **into** the popover, instead of the natural tab order.\n   */\n  useEffect(() => {\n    if (!popperElement || !popperElement) return;\n\n    const focusWithinPopper = (event: KeyboardEvent) => {\n      if (event.key === 'Tab' && !event.shiftKey) {\n        const focusableElements = popperElement!.querySelectorAll(TABBABLE_SELECTORS);\n        // When nothing is focusable within the popover, close popover and allow natural tab order.\n        if (focusableElements.length < 1) {\n          onClose();\n          return;\n        }\n\n        (focusableElements[0] as HTMLElement).focus();\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    };\n\n    // When tab occurs on ref focus, if focusable elements in popover focus first.\n    anchorElement?.addEventListener('keydown', focusWithinPopper);\n\n    // eslint-disable-next-line consistent-return\n    return () => anchorElement?.removeEventListener('keydown', focusWithinPopper);\n  }, [anchorElement, popperElement, onClose]);\n\n  /**\n   * Creates focus trap within the popover itself. Stopping users tabbing back to outside the\n   * popover, or forward past the last scrollable element within.\n   */\n  const handleFocusTrap: KeyboardEventHandler<HTMLDialogElement | HTMLDivElement> = (event) => {\n    const focusableElements = popperElement!.querySelectorAll(TABBABLE_SELECTORS);\n    const firstElement = focusableElements[0];\n    const lastElement = focusableElements[focusableElements.length - 1];\n\n    // If shift tabbing (BACK) and on the first element, loop to last element.\n    if (event.shiftKey && document.activeElement === firstElement) {\n      event.preventDefault();\n      (lastElement as HTMLElement).focus();\n\n      // If tabbing (FORWARD) and on the last element, loop to first element.\n    } else if (!event.shiftKey && document.activeElement === lastElement) {\n      event.preventDefault();\n      (firstElement as HTMLElement).focus();\n    }\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLDialogElement | HTMLDivElement> = (event) => {\n    if (!popperElement) return;\n\n    // Handle escape\n    if (event.key === 'Escape') {\n      onClose();\n      event.stopPropagation(); // Should only close THIS dialog.\n      event.preventDefault(); // Shouldn't close any fullscreen dialogs (Modal) it's part of\n\n      // Check we should enforce focus trap.\n    } else if (!disableFocusLock && event.key === 'Tab') {\n      handleFocusTrap(event);\n    }\n  };\n\n  return {\n    handleKeyDown,\n  };\n};\n"],"names":[],"mappings":";;;AAWa,MAAA,cAAc,GAAG,CAAC,EAC7B,aAAa,EACb,aAAa,EACb,OAAO,EACP,gBAAgB,GAAG,KAAK,GACL,KAAI;AACvB;;AAEG;IACH,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,aAAa,IAAI,gBAAgB;YAAE;QACxC,MAAM,iBAAiB,GAAG,aAAc,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;AAE7E,QAAA,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC;YAAE;QAElC,UAAU,CAAC,MAAK;AACb,YAAA,iBAAiB,CAAC,CAAC,CAAiB,CAAC,KAAK,EAAE;SAC9C,EAAE,CAAC,CAAC;AACP,KAAC,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC;AAErC;;;;;AAKG;IACH,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,aAAa,IAAI,CAAC,aAAa;YAAE;AAEtC,QAAA,MAAM,iBAAiB,GAAG,CAAC,KAAoB,KAAI;YACjD,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBAC1C,MAAM,iBAAiB,GAAG,aAAc,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;;AAE7E,gBAAA,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE;AAChC,oBAAA,OAAO,EAAE;oBACT;AACD;AAEA,gBAAA,iBAAiB,CAAC,CAAC,CAAiB,CAAC,KAAK,EAAE;gBAC7C,KAAK,CAAC,eAAe,EAAE;gBACvB,KAAK,CAAC,cAAc,EAAE;AACvB;AACH,SAAC;;QAGD,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,CAAC;;AAG7D,QAAA,OAAO,MAAM,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,mBAAmB,CAAC,SAAS,EAAE,iBAAiB,CAAC;KAC9E,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;AAE3C;;;AAGG;AACH,IAAA,MAAM,eAAe,GAA6D,CAAC,KAAK,KAAI;QAC1F,MAAM,iBAAiB,GAAG,aAAc,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;AAC7E,QAAA,MAAM,YAAY,GAAG,iBAAiB,CAAC,CAAC,CAAC;QACzC,MAAM,WAAW,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC;;QAGnE,IAAI,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,YAAY,EAAE;YAC7D,KAAK,CAAC,cAAc,EAAE;YACrB,WAA2B,CAAC,KAAK,EAAE;;AAGrC;aAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,WAAW,EAAE;YACpE,KAAK,CAAC,cAAc,EAAE;YACrB,YAA4B,CAAC,KAAK,EAAE;AACtC;AACH,KAAC;AAED,IAAA,MAAM,aAAa,GAA6D,CAAC,KAAK,KAAI;AACxF,QAAA,IAAI,CAAC,aAAa;YAAE;;AAGpB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;AAC1B,YAAA,OAAO,EAAE;AACT,YAAA,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,YAAA,KAAK,CAAC,cAAc,EAAE,CAAC;;AAGxB;aAAM,IAAI,CAAC,gBAAgB,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;YACnD,eAAe,CAAC,KAAK,CAAC;AACvB;AACH,KAAC;IAED,OAAO;QACL,aAAa;KACd;AACH;;;;"}
+{"version":3,"file":"useHandleFocus.js","sources":["../../../../src/components/Popover/hooks/useHandleFocus.ts"],"sourcesContent":["import { KeyboardEventHandler, useEffect } from 'react';\n\nimport { TABBABLE_SELECTORS } from '../../../utils/tabbableSelectors';\n\ntype UseHandleFocusArgs = {\n  popperElement: HTMLDialogElement | HTMLDivElement | null;\n  anchorElement: HTMLElement | null;\n  onClose: () => void;\n  disableFocusLock?: boolean;\n};\n\nexport const useHandleFocus = ({\n  popperElement,\n  anchorElement,\n  onClose,\n  disableFocusLock = false,\n}: UseHandleFocusArgs) => {\n  /**\n   * Focuses first element, when this gets rendered for the first time.\n   */\n  useEffect(() => {\n    if (!popperElement || disableFocusLock) return;\n    const focusableElements = popperElement!.querySelectorAll(TABBABLE_SELECTORS);\n\n    if (focusableElements.length < 1) return;\n\n    setTimeout(() => {\n      (focusableElements[0] as HTMLElement).focus();\n    }, 0);\n  }, [popperElement, disableFocusLock]);\n\n  /**\n   * Sets up tabbing into the popover.\n   *\n   * When the popover is open (pre-requisite for this being ran), and the user clicks `TAB`\n   * then the tab should move **into** the popover, instead of the natural tab order.\n   */\n  useEffect(() => {\n    if (!popperElement || !popperElement) return;\n\n    const focusWithinPopper = (event: KeyboardEvent) => {\n      if (event.key === 'Tab' && !event.shiftKey) {\n        const focusableElements = popperElement!.querySelectorAll(TABBABLE_SELECTORS);\n        // When nothing is focusable within the popover, close popover and allow natural tab order.\n        if (focusableElements.length < 1) {\n          onClose();\n          return;\n        }\n\n        (focusableElements[0] as HTMLElement).focus();\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    };\n\n    // When tab occurs on ref focus, if focusable elements in popover focus first.\n    anchorElement?.addEventListener('keydown', focusWithinPopper);\n\n    // eslint-disable-next-line consistent-return\n    return () => anchorElement?.removeEventListener('keydown', focusWithinPopper);\n  }, [anchorElement, popperElement, onClose]);\n\n  /**\n   * Creates focus trap within the popover itself. Stopping users tabbing back to outside the\n   * popover, or forward past the last scrollable element within.\n   */\n  const handleFocusTrap: KeyboardEventHandler<HTMLDialogElement | HTMLDivElement> = (event) => {\n    const focusableElements = popperElement!.querySelectorAll(TABBABLE_SELECTORS);\n    const firstElement = focusableElements[0];\n    const lastElement = focusableElements[focusableElements.length - 1];\n\n    // If shift tabbing (BACK) and on the first element, loop to last element.\n    if (event.shiftKey && document.activeElement === firstElement) {\n      event.preventDefault();\n      (lastElement as HTMLElement).focus();\n\n      // If tabbing (FORWARD) and on the last element, loop to first element.\n    } else if (!event.shiftKey && document.activeElement === lastElement) {\n      event.preventDefault();\n      (firstElement as HTMLElement).focus();\n    }\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLDialogElement | HTMLDivElement> = (event) => {\n    if (!popperElement) return;\n\n    // Handle escape\n    if (event.key === 'Escape') {\n      onClose();\n      event.stopPropagation(); // Should only close THIS dialog.\n      event.preventDefault(); // Shouldn't close any fullscreen dialogs (Modal) it's part of\n\n      // Check we should enforce focus trap.\n    } else if (!disableFocusLock && event.key === 'Tab') {\n      handleFocusTrap(event);\n    }\n  };\n\n  return {\n    handleKeyDown,\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Popover/hooks/useUpdateAriaAnchor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useUpdateAriaAnchor.cjs","sources":["../../../../src/components/Popover/hooks/useUpdateAriaAnchor.ts"],"sourcesContent":["/* eslint-disable no-console */\n/* eslint-disable consistent-return */\nimport { useEffect } from 'react';\n\ntype UseUpdateAriaAnchor = {\n  anchorElement: HTMLElement | null;\n  popoverId: string;\n  ignoreAriaWarnings?: boolean;\n};\n\n/**\n * Update the anchor element to sent the required attributes if they haven't already set them.\n *\n * This allows current, inaccesible usages to be improved.\n */\nexport const useUpdateAriaAnchor = ({\n  anchorElement,\n  popoverId,\n  ignoreAriaWarnings = false,\n}: UseUpdateAriaAnchor) => {\n  useEffect(() => {\n    if (!anchorElement || ignoreAriaWarnings) return;\n\n    // Try and set aria-expanded on the anchor.\n    try {\n      if (!anchorElement.hasAttribute('aria-expanded')) {\n        console.warn('Popover - aria-expanded not set on anchor element.', anchorElement);\n        anchorElement.setAttribute('aria-expanded', 'true');\n      }\n    } catch (_) {\n      console.warn(`Unable to update aria-expanded for popover anchor to: ${true}`);\n    }\n\n    // Try and set aria controls, unless it already exists.\n    try {\n      if (!anchorElement.hasAttribute('aria-controls')) {\n        console.warn('Popover - aria-controls not set on anchor element.', anchorElement);\n        anchorElement.setAttribute('aria-controls', popoverId);\n      }\n    } catch (_) {\n      console.warn(`Unable to set aria-controls for popover id: ${popoverId}`);\n    }\n\n    // Try and set aria-haspopup, unless it already exists.\n    try {\n      if (!anchorElement.hasAttribute('aria-haspopup')) {\n        console.warn('Popover - aria-haspopup not set on anchor element.', anchorElement);\n        anchorElement.setAttribute('aria-haspopup', 'dialog');\n      }\n    } catch (_) {\n      console.warn(`Unable to set aria-haspopup for popover id: ${popoverId}`);\n    }\n\n    // On unmount set aria-expanded to false\n    return () => {\n      try {\n        anchorElement.setAttribute('aria-expanded', 'false');\n      } catch (_) {\n        console.warn(`Unable to update aria-expanded for popover anchor to: ${false}`);\n      }\n    };\n  }, [anchorElement, popoverId, ignoreAriaWarnings]);\n};\n"],"names":["useEffect"],"mappings":";;;;AAAA;AACA;AASA;;;;AAIG;AACI,MAAM,mBAAmB,GAAG,CAAC,EAClC,aAAa,EACb,SAAS,EACT,kBAAkB,GAAG,KAAK,GACN,KAAI;IACxBA,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,aAAa,IAAI,kBAAkB;YAAE;;QAG1C,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;AACpD;AACF;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,yDAAyD,IAAI,CAAA,CAAE,CAAC;AAC9E;;QAGD,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC;AACvD;AACF;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,+CAA+C,SAAS,CAAA,CAAE,CAAC;AACzE;;QAGD,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,QAAQ,CAAC;AACtD;AACF;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,+CAA+C,SAAS,CAAA,CAAE,CAAC;AACzE;;AAGD,QAAA,OAAO,MAAK;YACV,IAAI;AACF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC;AACrD;AAAC,YAAA,OAAO,CAAC,EAAE;AACV,gBAAA,OAAO,CAAC,IAAI,CAAC,yDAAyD,KAAK,CAAA,CAAE,CAAC;AAC/E;AACH,SAAC;KACF,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC;AACpD;;;;"}
+{"version":3,"file":"useUpdateAriaAnchor.cjs","sources":["../../../../src/components/Popover/hooks/useUpdateAriaAnchor.ts"],"sourcesContent":["/* eslint-disable no-console */\n/* eslint-disable consistent-return */\nimport { useEffect } from 'react';\n\ntype UseUpdateAriaAnchor = {\n  anchorElement: HTMLElement | null;\n  popoverId: string;\n  ignoreAriaWarnings?: boolean;\n};\n\n/**\n * Update the anchor element to sent the required attributes if they haven't already set them.\n *\n * This allows current, inaccesible usages to be improved.\n */\nexport const useUpdateAriaAnchor = ({\n  anchorElement,\n  popoverId,\n  ignoreAriaWarnings = false,\n}: UseUpdateAriaAnchor) => {\n  useEffect(() => {\n    if (!anchorElement || ignoreAriaWarnings) return;\n\n    // Try and set aria-expanded on the anchor.\n    try {\n      if (!anchorElement.hasAttribute('aria-expanded')) {\n        console.warn('Popover - aria-expanded not set on anchor element.', anchorElement);\n        anchorElement.setAttribute('aria-expanded', 'true');\n      }\n    } catch (_) {\n      console.warn(`Unable to update aria-expanded for popover anchor to: ${true}`);\n    }\n\n    // Try and set aria controls, unless it already exists.\n    try {\n      if (!anchorElement.hasAttribute('aria-controls')) {\n        console.warn('Popover - aria-controls not set on anchor element.', anchorElement);\n        anchorElement.setAttribute('aria-controls', popoverId);\n      }\n    } catch (_) {\n      console.warn(`Unable to set aria-controls for popover id: ${popoverId}`);\n    }\n\n    // Try and set aria-haspopup, unless it already exists.\n    try {\n      if (!anchorElement.hasAttribute('aria-haspopup')) {\n        console.warn('Popover - aria-haspopup not set on anchor element.', anchorElement);\n        anchorElement.setAttribute('aria-haspopup', 'dialog');\n      }\n    } catch (_) {\n      console.warn(`Unable to set aria-haspopup for popover id: ${popoverId}`);\n    }\n\n    // On unmount set aria-expanded to false\n    return () => {\n      try {\n        anchorElement.setAttribute('aria-expanded', 'false');\n      } catch (_) {\n        console.warn(`Unable to update aria-expanded for popover anchor to: ${false}`);\n      }\n    };\n  }, [anchorElement, popoverId, ignoreAriaWarnings]);\n};\n"],"names":["useEffect"],"mappings":";;;;AAAA;AACA;AASA;;;;AAIG;AACI,MAAM,mBAAmB,GAAG,CAAC,EAClC,aAAa,EACb,SAAS,EACT,kBAAkB,GAAG,KAAK,GACN,KAAI;IACxBA,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,aAAa,IAAI,kBAAkB;YAAE;;QAG1C,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;AACpD,YAAA;AACF,QAAA;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,yDAAyD,IAAI,CAAA,CAAE,CAAC;AAC9E,QAAA;;QAGD,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC;AACvD,YAAA;AACF,QAAA;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,+CAA+C,SAAS,CAAA,CAAE,CAAC;AACzE,QAAA;;QAGD,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,QAAQ,CAAC;AACtD,YAAA;AACF,QAAA;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,+CAA+C,SAAS,CAAA,CAAE,CAAC;AACzE,QAAA;;AAGD,QAAA,OAAO,MAAK;YACV,IAAI;AACF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC;AACrD,YAAA;AAAC,YAAA,OAAO,CAAC,EAAE;AACV,gBAAA,OAAO,CAAC,IAAI,CAAC,yDAAyD,KAAK,CAAA,CAAE,CAAC;AAC/E,YAAA;AACH,QAAA,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC;AACpD;;;;"}

package/dist/components/Popover/hooks/useUpdateAriaAnchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUpdateAriaAnchor.js","sources":["../../../../src/components/Popover/hooks/useUpdateAriaAnchor.ts"],"sourcesContent":["/* eslint-disable no-console */\n/* eslint-disable consistent-return */\nimport { useEffect } from 'react';\n\ntype UseUpdateAriaAnchor = {\n  anchorElement: HTMLElement | null;\n  popoverId: string;\n  ignoreAriaWarnings?: boolean;\n};\n\n/**\n * Update the anchor element to sent the required attributes if they haven't already set them.\n *\n * This allows current, inaccesible usages to be improved.\n */\nexport const useUpdateAriaAnchor = ({\n  anchorElement,\n  popoverId,\n  ignoreAriaWarnings = false,\n}: UseUpdateAriaAnchor) => {\n  useEffect(() => {\n    if (!anchorElement || ignoreAriaWarnings) return;\n\n    // Try and set aria-expanded on the anchor.\n    try {\n      if (!anchorElement.hasAttribute('aria-expanded')) {\n        console.warn('Popover - aria-expanded not set on anchor element.', anchorElement);\n        anchorElement.setAttribute('aria-expanded', 'true');\n      }\n    } catch (_) {\n      console.warn(`Unable to update aria-expanded for popover anchor to: ${true}`);\n    }\n\n    // Try and set aria controls, unless it already exists.\n    try {\n      if (!anchorElement.hasAttribute('aria-controls')) {\n        console.warn('Popover - aria-controls not set on anchor element.', anchorElement);\n        anchorElement.setAttribute('aria-controls', popoverId);\n      }\n    } catch (_) {\n      console.warn(`Unable to set aria-controls for popover id: ${popoverId}`);\n    }\n\n    // Try and set aria-haspopup, unless it already exists.\n    try {\n      if (!anchorElement.hasAttribute('aria-haspopup')) {\n        console.warn('Popover - aria-haspopup not set on anchor element.', anchorElement);\n        anchorElement.setAttribute('aria-haspopup', 'dialog');\n      }\n    } catch (_) {\n      console.warn(`Unable to set aria-haspopup for popover id: ${popoverId}`);\n    }\n\n    // On unmount set aria-expanded to false\n    return () => {\n      try {\n        anchorElement.setAttribute('aria-expanded', 'false');\n      } catch (_) {\n        console.warn(`Unable to update aria-expanded for popover anchor to: ${false}`);\n      }\n    };\n  }, [anchorElement, popoverId, ignoreAriaWarnings]);\n};\n"],"names":[],"mappings":";;AAAA;AACA;AASA;;;;AAIG;AACI,MAAM,mBAAmB,GAAG,CAAC,EAClC,aAAa,EACb,SAAS,EACT,kBAAkB,GAAG,KAAK,GACN,KAAI;IACxB,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,aAAa,IAAI,kBAAkB;YAAE;;QAG1C,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;AACpD;AACF;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,yDAAyD,IAAI,CAAA,CAAE,CAAC;AAC9E;;QAGD,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC;AACvD;AACF;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,+CAA+C,SAAS,CAAA,CAAE,CAAC;AACzE;;QAGD,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,QAAQ,CAAC;AACtD;AACF;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,+CAA+C,SAAS,CAAA,CAAE,CAAC;AACzE;;AAGD,QAAA,OAAO,MAAK;YACV,IAAI;AACF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC;AACrD;AAAC,YAAA,OAAO,CAAC,EAAE;AACV,gBAAA,OAAO,CAAC,IAAI,CAAC,yDAAyD,KAAK,CAAA,CAAE,CAAC;AAC/E;AACH,SAAC;KACF,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC;AACpD;;;;"}
+{"version":3,"file":"useUpdateAriaAnchor.js","sources":["../../../../src/components/Popover/hooks/useUpdateAriaAnchor.ts"],"sourcesContent":["/* eslint-disable no-console */\n/* eslint-disable consistent-return */\nimport { useEffect } from 'react';\n\ntype UseUpdateAriaAnchor = {\n  anchorElement: HTMLElement | null;\n  popoverId: string;\n  ignoreAriaWarnings?: boolean;\n};\n\n/**\n * Update the anchor element to sent the required attributes if they haven't already set them.\n *\n * This allows current, inaccesible usages to be improved.\n */\nexport const useUpdateAriaAnchor = ({\n  anchorElement,\n  popoverId,\n  ignoreAriaWarnings = false,\n}: UseUpdateAriaAnchor) => {\n  useEffect(() => {\n    if (!anchorElement || ignoreAriaWarnings) return;\n\n    // Try and set aria-expanded on the anchor.\n    try {\n      if (!anchorElement.hasAttribute('aria-expanded')) {\n        console.warn('Popover - aria-expanded not set on anchor element.', anchorElement);\n        anchorElement.setAttribute('aria-expanded', 'true');\n      }\n    } catch (_) {\n      console.warn(`Unable to update aria-expanded for popover anchor to: ${true}`);\n    }\n\n    // Try and set aria controls, unless it already exists.\n    try {\n      if (!anchorElement.hasAttribute('aria-controls')) {\n        console.warn('Popover - aria-controls not set on anchor element.', anchorElement);\n        anchorElement.setAttribute('aria-controls', popoverId);\n      }\n    } catch (_) {\n      console.warn(`Unable to set aria-controls for popover id: ${popoverId}`);\n    }\n\n    // Try and set aria-haspopup, unless it already exists.\n    try {\n      if (!anchorElement.hasAttribute('aria-haspopup')) {\n        console.warn('Popover - aria-haspopup not set on anchor element.', anchorElement);\n        anchorElement.setAttribute('aria-haspopup', 'dialog');\n      }\n    } catch (_) {\n      console.warn(`Unable to set aria-haspopup for popover id: ${popoverId}`);\n    }\n\n    // On unmount set aria-expanded to false\n    return () => {\n      try {\n        anchorElement.setAttribute('aria-expanded', 'false');\n      } catch (_) {\n        console.warn(`Unable to update aria-expanded for popover anchor to: ${false}`);\n      }\n    };\n  }, [anchorElement, popoverId, ignoreAriaWarnings]);\n};\n"],"names":[],"mappings":";;AAAA;AACA;AASA;;;;AAIG;AACI,MAAM,mBAAmB,GAAG,CAAC,EAClC,aAAa,EACb,SAAS,EACT,kBAAkB,GAAG,KAAK,GACN,KAAI;IACxB,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,aAAa,IAAI,kBAAkB;YAAE;;QAG1C,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;AACpD,YAAA;AACF,QAAA;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,yDAAyD,IAAI,CAAA,CAAE,CAAC;AAC9E,QAAA;;QAGD,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC;AACvD,YAAA;AACF,QAAA;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,+CAA+C,SAAS,CAAA,CAAE,CAAC;AACzE,QAAA;;QAGD,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,QAAQ,CAAC;AACtD,YAAA;AACF,QAAA;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,+CAA+C,SAAS,CAAA,CAAE,CAAC;AACzE,QAAA;;AAGD,QAAA,OAAO,MAAK;YACV,IAAI;AACF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC;AACrD,YAAA;AAAC,YAAA,OAAO,CAAC,EAAE;AACV,gBAAA,OAAO,CAAC,IAAI,CAAC,yDAAyD,KAAK,CAAA,CAAE,CAAC;AAC/E,YAAA;AACH,QAAA,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC;AACpD;;;;"}

package/dist/components/Popover/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Popover/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BackdropProps } from './types';\n\nexport const PopoverDialog = styled.dialog<{ zIndex: number }>`\n  z-index: ${({ zIndex }) => zIndex + 1};\n\n  // Remove browser default styling of HTML Dialog.\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: transparent;\n`;\n\nexport const Backdrop = styled.div<Pick<BackdropProps, 'zIndex'>>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ${({ zIndex }) => zIndex};\n`;\n"],"names":["styled"],"mappings":";;;;;;;;AAGa,MAAA,aAAa,GAAGA,uBAAM,CAAC,MAAM,CAC7B,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,QAAA,EAAA,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM,GAAG,CAAC;AAS1B,MAAA,QAAQ,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qDAAA,EAMrB,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Popover/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BackdropProps } from './types';\n\nexport const PopoverDialog = styled.dialog<{ zIndex: number }>`\n  z-index: ${({ zIndex }) => zIndex + 1};\n\n  // Remove browser default styling of HTML Dialog.\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: transparent;\n`;\n\nexport const Backdrop = styled.div<Pick<BackdropProps, 'zIndex'>>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ${({ zIndex }) => zIndex};\n`;\n"],"names":["styled"],"mappings":";;;;;;;;AAGO,MAAM,aAAa,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,QAAA,EAC7B,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM,GAAG,CAAC;AAShC,MAAM,QAAQ,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qDAAA,EAMrB,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM;;;;;"}

package/dist/components/Popover/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Popover/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BackdropProps } from './types';\n\nexport const PopoverDialog = styled.dialog<{ zIndex: number }>`\n  z-index: ${({ zIndex }) => zIndex + 1};\n\n  // Remove browser default styling of HTML Dialog.\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: transparent;\n`;\n\nexport const Backdrop = styled.div<Pick<BackdropProps, 'zIndex'>>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ${({ zIndex }) => zIndex};\n`;\n"],"names":[],"mappings":";;AAGa,MAAA,aAAa,GAAG,MAAM,CAAC,MAAM,CAC7B,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,QAAA,EAAA,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM,GAAG,CAAC;AAS1B,MAAA,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qDAAA,EAMrB,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Popover/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BackdropProps } from './types';\n\nexport const PopoverDialog = styled.dialog<{ zIndex: number }>`\n  z-index: ${({ zIndex }) => zIndex + 1};\n\n  // Remove browser default styling of HTML Dialog.\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: transparent;\n`;\n\nexport const Backdrop = styled.div<Pick<BackdropProps, 'zIndex'>>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ${({ zIndex }) => zIndex};\n`;\n"],"names":[],"mappings":";;AAGO,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,QAAA,EAC7B,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM,GAAG,CAAC;AAShC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qDAAA,EAMrB,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM;;;;"}

package/dist/components/Portal/Portal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.cjs","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { PureComponent, ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { generateId } from '../../utils/generateId';\nimport { getLastOpenDialog } from './utils';\n\ntype PortalProps = {\n  children: ReactNode;\n  rootElementRef?: HTMLElement;\n};\n\ntype PortalState = {\n  isMounted: boolean;\n};\n\n/**\n * The portal component renders content on the document `body` unless `rootElementRef` is passed.\n */\nexport class Portal extends PureComponent<PortalProps, PortalState> {\n  id = generateId('portal');\n\n  portalNode: HTMLElement | null = null;\n\n  attachTo: HTMLElement | null = null;\n\n  constructor(props: PortalProps) {\n    super(props);\n    this.state = {\n      isMounted: false,\n    };\n  }\n\n  componentDidMount() {\n    const { rootElementRef } = this.props;\n\n    this.portalNode = document.createElement('div');\n    this.portalNode.id = `portal-${this.id}`;\n    this.portalNode.style.cssText = 'position: absolute; top: 0; left: 0;';\n\n    this.attachTo = rootElementRef || getLastOpenDialog() || document.body;\n    this.attachTo.appendChild(this.portalNode);\n\n    this.setState({ isMounted: true });\n  }\n\n  componentWillUnmount() {\n    if (this.portalNode && this.attachTo) {\n      if (document.contains(this.attachTo) && this.attachTo.contains(this.portalNode)) {\n        this.attachTo.removeChild(this.portalNode);\n      }\n    }\n  }\n\n  render(): React.ReactPortal | null {\n    const { children } = this.props;\n    const { isMounted } = this.state;\n\n    return this.portalNode && isMounted ? createPortal(children, this.portalNode) : null;\n  }\n}\n"],"names":["PureComponent","generateId","getLastOpenDialog","createPortal"],"mappings":";;;;;;;AAcA;;AAEG;AACG,MAAO,MAAO,SAAQA,mBAAuC,CAAA;AAOjE,IAAA,WAAA,CAAY,KAAkB,EAAA;QAC5B,KAAK,CAAC,KAAK,CAAC;AAPd,QAAA,IAAA,CAAA,EAAE,GAAGC,qBAAU,CAAC,QAAQ,CAAC;QAEzB,IAAU,CAAA,UAAA,GAAuB,IAAI;QAErC,IAAQ,CAAA,QAAA,GAAuB,IAAI;QAIjC,IAAI,CAAC,KAAK,GAAG;AACX,YAAA,SAAS,EAAE,KAAK;SACjB;;IAGH,iBAAiB,GAAA;AACf,QAAA,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK;QAErC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;QAC/C,IAAI,CAAC,UAAU,CAAC,EAAE,GAAG,UAAU,IAAI,CAAC,EAAE,CAAA,CAAE;QACxC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,sCAAsC;QAEtE,IAAI,CAAC,QAAQ,GAAG,cAAc,IAAIC,uBAAiB,EAAE,IAAI,QAAQ,CAAC,IAAI;QACtE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;QAE1C,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;IAGpC,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,EAAE;AACpC,YAAA,IAAI,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;gBAC/E,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC3C;AACF;;IAGH,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK;AAC/B,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK;QAEhC,OAAO,IAAI,CAAC,UAAU,IAAI,SAAS,GAAGC,qBAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI;;AAEvF;;;;"}
+{"version":3,"file":"Portal.cjs","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { PureComponent, ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { generateId } from '../../utils/generateId';\nimport { getLastOpenDialog } from './utils';\n\ntype PortalProps = {\n  children: ReactNode;\n  rootElementRef?: HTMLElement;\n};\n\ntype PortalState = {\n  isMounted: boolean;\n};\n\n/**\n * The portal component renders content on the document `body` unless `rootElementRef` is passed.\n */\nexport class Portal extends PureComponent<PortalProps, PortalState> {\n  id = generateId('portal');\n\n  portalNode: HTMLElement | null = null;\n\n  attachTo: HTMLElement | null = null;\n\n  constructor(props: PortalProps) {\n    super(props);\n    this.state = {\n      isMounted: false,\n    };\n  }\n\n  componentDidMount() {\n    const { rootElementRef } = this.props;\n\n    this.portalNode = document.createElement('div');\n    this.portalNode.id = `portal-${this.id}`;\n    this.portalNode.style.cssText = 'position: absolute; top: 0; left: 0;';\n\n    this.attachTo = rootElementRef || getLastOpenDialog() || document.body;\n    this.attachTo.appendChild(this.portalNode);\n\n    this.setState({ isMounted: true });\n  }\n\n  componentWillUnmount() {\n    if (this.portalNode && this.attachTo) {\n      if (document.contains(this.attachTo) && this.attachTo.contains(this.portalNode)) {\n        this.attachTo.removeChild(this.portalNode);\n      }\n    }\n  }\n\n  render(): React.ReactPortal | null {\n    const { children } = this.props;\n    const { isMounted } = this.state;\n\n    return this.portalNode && isMounted ? createPortal(children, this.portalNode) : null;\n  }\n}\n"],"names":["PureComponent","generateId","getLastOpenDialog","createPortal"],"mappings":";;;;;;;AAcA;;AAEG;AACG,MAAO,MAAO,SAAQA,mBAAuC,CAAA;AAOjE,IAAA,WAAA,CAAY,KAAkB,EAAA;QAC5B,KAAK,CAAC,KAAK,CAAC;AAPd,QAAA,IAAA,CAAA,EAAE,GAAGC,qBAAU,CAAC,QAAQ,CAAC;QAEzB,IAAA,CAAA,UAAU,GAAuB,IAAI;QAErC,IAAA,CAAA,QAAQ,GAAuB,IAAI;QAIjC,IAAI,CAAC,KAAK,GAAG;AACX,YAAA,SAAS,EAAE,KAAK;SACjB;IACH;IAEA,iBAAiB,GAAA;AACf,QAAA,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK;QAErC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;QAC/C,IAAI,CAAC,UAAU,CAAC,EAAE,GAAG,UAAU,IAAI,CAAC,EAAE,CAAA,CAAE;QACxC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,sCAAsC;QAEtE,IAAI,CAAC,QAAQ,GAAG,cAAc,IAAIC,uBAAiB,EAAE,IAAI,QAAQ,CAAC,IAAI;QACtE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;QAE1C,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACpC;IAEA,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,EAAE;AACpC,YAAA,IAAI,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;gBAC/E,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC3C,YAAA;AACF,QAAA;IACH;IAEA,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK;AAC/B,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK;QAEhC,OAAO,IAAI,CAAC,UAAU,IAAI,SAAS,GAAGC,qBAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI;IACtF;AACD;;;;"}

package/dist/components/Portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { PureComponent, ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { generateId } from '../../utils/generateId';\nimport { getLastOpenDialog } from './utils';\n\ntype PortalProps = {\n  children: ReactNode;\n  rootElementRef?: HTMLElement;\n};\n\ntype PortalState = {\n  isMounted: boolean;\n};\n\n/**\n * The portal component renders content on the document `body` unless `rootElementRef` is passed.\n */\nexport class Portal extends PureComponent<PortalProps, PortalState> {\n  id = generateId('portal');\n\n  portalNode: HTMLElement | null = null;\n\n  attachTo: HTMLElement | null = null;\n\n  constructor(props: PortalProps) {\n    super(props);\n    this.state = {\n      isMounted: false,\n    };\n  }\n\n  componentDidMount() {\n    const { rootElementRef } = this.props;\n\n    this.portalNode = document.createElement('div');\n    this.portalNode.id = `portal-${this.id}`;\n    this.portalNode.style.cssText = 'position: absolute; top: 0; left: 0;';\n\n    this.attachTo = rootElementRef || getLastOpenDialog() || document.body;\n    this.attachTo.appendChild(this.portalNode);\n\n    this.setState({ isMounted: true });\n  }\n\n  componentWillUnmount() {\n    if (this.portalNode && this.attachTo) {\n      if (document.contains(this.attachTo) && this.attachTo.contains(this.portalNode)) {\n        this.attachTo.removeChild(this.portalNode);\n      }\n    }\n  }\n\n  render(): React.ReactPortal | null {\n    const { children } = this.props;\n    const { isMounted } = this.state;\n\n    return this.portalNode && isMounted ? createPortal(children, this.portalNode) : null;\n  }\n}\n"],"names":[],"mappings":";;;;;AAcA;;AAEG;AACG,MAAO,MAAO,SAAQ,aAAuC,CAAA;AAOjE,IAAA,WAAA,CAAY,KAAkB,EAAA;QAC5B,KAAK,CAAC,KAAK,CAAC;AAPd,QAAA,IAAA,CAAA,EAAE,GAAG,UAAU,CAAC,QAAQ,CAAC;QAEzB,IAAU,CAAA,UAAA,GAAuB,IAAI;QAErC,IAAQ,CAAA,QAAA,GAAuB,IAAI;QAIjC,IAAI,CAAC,KAAK,GAAG;AACX,YAAA,SAAS,EAAE,KAAK;SACjB;;IAGH,iBAAiB,GAAA;AACf,QAAA,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK;QAErC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;QAC/C,IAAI,CAAC,UAAU,CAAC,EAAE,GAAG,UAAU,IAAI,CAAC,EAAE,CAAA,CAAE;QACxC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,sCAAsC;QAEtE,IAAI,CAAC,QAAQ,GAAG,cAAc,IAAI,iBAAiB,EAAE,IAAI,QAAQ,CAAC,IAAI;QACtE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;QAE1C,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;IAGpC,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,EAAE;AACpC,YAAA,IAAI,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;gBAC/E,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC3C;AACF;;IAGH,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK;AAC/B,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK;QAEhC,OAAO,IAAI,CAAC,UAAU,IAAI,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI;;AAEvF;;;;"}
+{"version":3,"file":"Portal.js","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { PureComponent, ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { generateId } from '../../utils/generateId';\nimport { getLastOpenDialog } from './utils';\n\ntype PortalProps = {\n  children: ReactNode;\n  rootElementRef?: HTMLElement;\n};\n\ntype PortalState = {\n  isMounted: boolean;\n};\n\n/**\n * The portal component renders content on the document `body` unless `rootElementRef` is passed.\n */\nexport class Portal extends PureComponent<PortalProps, PortalState> {\n  id = generateId('portal');\n\n  portalNode: HTMLElement | null = null;\n\n  attachTo: HTMLElement | null = null;\n\n  constructor(props: PortalProps) {\n    super(props);\n    this.state = {\n      isMounted: false,\n    };\n  }\n\n  componentDidMount() {\n    const { rootElementRef } = this.props;\n\n    this.portalNode = document.createElement('div');\n    this.portalNode.id = `portal-${this.id}`;\n    this.portalNode.style.cssText = 'position: absolute; top: 0; left: 0;';\n\n    this.attachTo = rootElementRef || getLastOpenDialog() || document.body;\n    this.attachTo.appendChild(this.portalNode);\n\n    this.setState({ isMounted: true });\n  }\n\n  componentWillUnmount() {\n    if (this.portalNode && this.attachTo) {\n      if (document.contains(this.attachTo) && this.attachTo.contains(this.portalNode)) {\n        this.attachTo.removeChild(this.portalNode);\n      }\n    }\n  }\n\n  render(): React.ReactPortal | null {\n    const { children } = this.props;\n    const { isMounted } = this.state;\n\n    return this.portalNode && isMounted ? createPortal(children, this.portalNode) : null;\n  }\n}\n"],"names":[],"mappings":";;;;;AAcA;;AAEG;AACG,MAAO,MAAO,SAAQ,aAAuC,CAAA;AAOjE,IAAA,WAAA,CAAY,KAAkB,EAAA;QAC5B,KAAK,CAAC,KAAK,CAAC;AAPd,QAAA,IAAA,CAAA,EAAE,GAAG,UAAU,CAAC,QAAQ,CAAC;QAEzB,IAAA,CAAA,UAAU,GAAuB,IAAI;QAErC,IAAA,CAAA,QAAQ,GAAuB,IAAI;QAIjC,IAAI,CAAC,KAAK,GAAG;AACX,YAAA,SAAS,EAAE,KAAK;SACjB;IACH;IAEA,iBAAiB,GAAA;AACf,QAAA,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK;QAErC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;QAC/C,IAAI,CAAC,UAAU,CAAC,EAAE,GAAG,UAAU,IAAI,CAAC,EAAE,CAAA,CAAE;QACxC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,sCAAsC;QAEtE,IAAI,CAAC,QAAQ,GAAG,cAAc,IAAI,iBAAiB,EAAE,IAAI,QAAQ,CAAC,IAAI;QACtE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;QAE1C,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACpC;IAEA,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,EAAE;AACpC,YAAA,IAAI,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;gBAC/E,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC3C,YAAA;AACF,QAAA;IACH;IAEA,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK;AAC/B,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK;QAEhC,OAAO,IAAI,CAAC,UAAU,IAAI,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI;IACtF;AACD;;;;"}

package/dist/components/PriceInput/PriceInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PriceInput.cjs","sources":["../../../src/components/PriceInput/PriceInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { withLabels } from '../../hoc';\nimport { PriceInputProps } from './types';\n\nimport { Stepper } from '../Stepper';\nimport { InputAffix } from '../InputAffix';\nimport { InputGroup } from '../InputGroup';\nimport { TextField, TextFieldProps } from '../TextField';\n\nconst fractionDigits = 2;\n\nconst flexStyle = { flex: 1 };\n\nfunction stringToFixed(price: string) {\n  const floatPrice = parseFloat(price.replace(',', '.'));\n  return floatPrice.toFixed(fractionDigits);\n}\n\nexport const PriceInput = withLabels<PriceInputProps>(\n  ({\n    className = '',\n    hasError,\n    currency,\n    disabled = false,\n    onChange,\n    onPriceChange,\n    priceValue,\n    step = '0.1',\n    size = 'base',\n    ...otherProps\n  }) => {\n    const handleChange = (value: string) =>\n      onChange(value.replace(/[a-zA-Z]/g, '').replace(',', '.'));\n\n    const handleBlur: TextFieldProps['onBlur'] = (e) => {\n      const target = e.target as HTMLInputElement;\n      const { value } = target;\n\n      if (!value) {\n        onPriceChange('');\n\n        return;\n      }\n\n      const roundedValue = stringToFixed(value);\n\n      onPriceChange(roundedValue);\n    };\n\n    const handleIncrement = (callback = onPriceChange) => {\n      const currentPrice = parseFloat(priceValue) || 0;\n      const currentStep = parseFloat(step);\n\n      callback((currentPrice + currentStep).toFixed(fractionDigits));\n    };\n    const handleDecrement = (callback = onPriceChange) => {\n      const currentPrice = parseFloat(priceValue) || 0;\n      const currentStep = parseFloat(step);\n\n      callback((currentPrice - currentStep).toFixed(fractionDigits));\n    };\n\n    const handleKeyDown: TextFieldProps['onKeyDown'] = (e) => {\n      const { key } = e;\n      const target = e.target as HTMLInputElement;\n      const isInForm = target.form;\n\n      if (!isInForm) {\n        if (key === 'Enter') target.blur();\n      }\n      if (key === 'ArrowUp') handleIncrement(onChange);\n      if (key === 'ArrowDown') handleDecrement(onChange);\n    };\n\n    const compact = size === 'sm';\n\n    return (\n      <InputGroup hasError={hasError} style={flexStyle} className={className}>\n        <InputAffix compact={compact} hasError={hasError}>\n          {currency}\n        </InputAffix>\n        <TextField\n          placeholder=\"0.00\"\n          value={priceValue}\n          step={step}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          disabled={disabled}\n          size={size}\n          hasError={hasError}\n          style={flexStyle}\n          {...otherProps}\n        />\n        <Stepper\n          onIncrement={() => handleIncrement()}\n          onDecrement={() => handleDecrement()}\n          disabled={disabled}\n          hasError={hasError}\n          size={size}\n        />\n      </InputGroup>\n    );\n  },\n);\n\nPriceInput.displayName = 'PriceInput';\n"],"names":["withLabels","React","InputGroup","InputAffix","TextField","Stepper"],"mappings":"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"}
+{"version":3,"file":"PriceInput.cjs","sources":["../../../src/components/PriceInput/PriceInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { withLabels } from '../../hoc';\nimport { PriceInputProps } from './types';\n\nimport { Stepper } from '../Stepper';\nimport { InputAffix } from '../InputAffix';\nimport { InputGroup } from '../InputGroup';\nimport { TextField, TextFieldProps } from '../TextField';\n\nconst fractionDigits = 2;\n\nconst flexStyle = { flex: 1 };\n\nfunction stringToFixed(price: string) {\n  const floatPrice = parseFloat(price.replace(',', '.'));\n  return floatPrice.toFixed(fractionDigits);\n}\n\nexport const PriceInput = withLabels<PriceInputProps>(\n  ({\n    className = '',\n    hasError,\n    currency,\n    disabled = false,\n    onChange,\n    onPriceChange,\n    priceValue,\n    step = '0.1',\n    size = 'base',\n    ...otherProps\n  }) => {\n    const handleChange = (value: string) =>\n      onChange(value.replace(/[a-zA-Z]/g, '').replace(',', '.'));\n\n    const handleBlur: TextFieldProps['onBlur'] = (e) => {\n      const target = e.target as HTMLInputElement;\n      const { value } = target;\n\n      if (!value) {\n        onPriceChange('');\n\n        return;\n      }\n\n      const roundedValue = stringToFixed(value);\n\n      onPriceChange(roundedValue);\n    };\n\n    const handleIncrement = (callback = onPriceChange) => {\n      const currentPrice = parseFloat(priceValue) || 0;\n      const currentStep = parseFloat(step);\n\n      callback((currentPrice + currentStep).toFixed(fractionDigits));\n    };\n    const handleDecrement = (callback = onPriceChange) => {\n      const currentPrice = parseFloat(priceValue) || 0;\n      const currentStep = parseFloat(step);\n\n      callback((currentPrice - currentStep).toFixed(fractionDigits));\n    };\n\n    const handleKeyDown: TextFieldProps['onKeyDown'] = (e) => {\n      const { key } = e;\n      const target = e.target as HTMLInputElement;\n      const isInForm = target.form;\n\n      if (!isInForm) {\n        if (key === 'Enter') target.blur();\n      }\n      if (key === 'ArrowUp') handleIncrement(onChange);\n      if (key === 'ArrowDown') handleDecrement(onChange);\n    };\n\n    const compact = size === 'sm';\n\n    return (\n      <InputGroup hasError={hasError} style={flexStyle} className={className}>\n        <InputAffix compact={compact} hasError={hasError}>\n          {currency}\n        </InputAffix>\n        <TextField\n          placeholder=\"0.00\"\n          value={priceValue}\n          step={step}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          disabled={disabled}\n          size={size}\n          hasError={hasError}\n          style={flexStyle}\n          {...otherProps}\n        />\n        <Stepper\n          onIncrement={() => handleIncrement()}\n          onDecrement={() => handleDecrement()}\n          disabled={disabled}\n          hasError={hasError}\n          size={size}\n        />\n      </InputGroup>\n    );\n  },\n);\n\nPriceInput.displayName = 'PriceInput';\n"],"names":["withLabels","React","InputGroup","InputAffix","TextField","Stepper"],"mappings":"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"}

package/dist/components/PriceInput/PriceInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PriceInput.js","sources":["../../../src/components/PriceInput/PriceInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { withLabels } from '../../hoc';\nimport { PriceInputProps } from './types';\n\nimport { Stepper } from '../Stepper';\nimport { InputAffix } from '../InputAffix';\nimport { InputGroup } from '../InputGroup';\nimport { TextField, TextFieldProps } from '../TextField';\n\nconst fractionDigits = 2;\n\nconst flexStyle = { flex: 1 };\n\nfunction stringToFixed(price: string) {\n  const floatPrice = parseFloat(price.replace(',', '.'));\n  return floatPrice.toFixed(fractionDigits);\n}\n\nexport const PriceInput = withLabels<PriceInputProps>(\n  ({\n    className = '',\n    hasError,\n    currency,\n    disabled = false,\n    onChange,\n    onPriceChange,\n    priceValue,\n    step = '0.1',\n    size = 'base',\n    ...otherProps\n  }) => {\n    const handleChange = (value: string) =>\n      onChange(value.replace(/[a-zA-Z]/g, '').replace(',', '.'));\n\n    const handleBlur: TextFieldProps['onBlur'] = (e) => {\n      const target = e.target as HTMLInputElement;\n      const { value } = target;\n\n      if (!value) {\n        onPriceChange('');\n\n        return;\n      }\n\n      const roundedValue = stringToFixed(value);\n\n      onPriceChange(roundedValue);\n    };\n\n    const handleIncrement = (callback = onPriceChange) => {\n      const currentPrice = parseFloat(priceValue) || 0;\n      const currentStep = parseFloat(step);\n\n      callback((currentPrice + currentStep).toFixed(fractionDigits));\n    };\n    const handleDecrement = (callback = onPriceChange) => {\n      const currentPrice = parseFloat(priceValue) || 0;\n      const currentStep = parseFloat(step);\n\n      callback((currentPrice - currentStep).toFixed(fractionDigits));\n    };\n\n    const handleKeyDown: TextFieldProps['onKeyDown'] = (e) => {\n      const { key } = e;\n      const target = e.target as HTMLInputElement;\n      const isInForm = target.form;\n\n      if (!isInForm) {\n        if (key === 'Enter') target.blur();\n      }\n      if (key === 'ArrowUp') handleIncrement(onChange);\n      if (key === 'ArrowDown') handleDecrement(onChange);\n    };\n\n    const compact = size === 'sm';\n\n    return (\n      <InputGroup hasError={hasError} style={flexStyle} className={className}>\n        <InputAffix compact={compact} hasError={hasError}>\n          {currency}\n        </InputAffix>\n        <TextField\n          placeholder=\"0.00\"\n          value={priceValue}\n          step={step}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          disabled={disabled}\n          size={size}\n          hasError={hasError}\n          style={flexStyle}\n          {...otherProps}\n        />\n        <Stepper\n          onIncrement={() => handleIncrement()}\n          onDecrement={() => handleDecrement()}\n          disabled={disabled}\n          hasError={hasError}\n          size={size}\n        />\n      </InputGroup>\n    );\n  },\n);\n\nPriceInput.displayName = 'PriceInput';\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"PriceInput.js","sources":["../../../src/components/PriceInput/PriceInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { withLabels } from '../../hoc';\nimport { PriceInputProps } from './types';\n\nimport { Stepper } from '../Stepper';\nimport { InputAffix } from '../InputAffix';\nimport { InputGroup } from '../InputGroup';\nimport { TextField, TextFieldProps } from '../TextField';\n\nconst fractionDigits = 2;\n\nconst flexStyle = { flex: 1 };\n\nfunction stringToFixed(price: string) {\n  const floatPrice = parseFloat(price.replace(',', '.'));\n  return floatPrice.toFixed(fractionDigits);\n}\n\nexport const PriceInput = withLabels<PriceInputProps>(\n  ({\n    className = '',\n    hasError,\n    currency,\n    disabled = false,\n    onChange,\n    onPriceChange,\n    priceValue,\n    step = '0.1',\n    size = 'base',\n    ...otherProps\n  }) => {\n    const handleChange = (value: string) =>\n      onChange(value.replace(/[a-zA-Z]/g, '').replace(',', '.'));\n\n    const handleBlur: TextFieldProps['onBlur'] = (e) => {\n      const target = e.target as HTMLInputElement;\n      const { value } = target;\n\n      if (!value) {\n        onPriceChange('');\n\n        return;\n      }\n\n      const roundedValue = stringToFixed(value);\n\n      onPriceChange(roundedValue);\n    };\n\n    const handleIncrement = (callback = onPriceChange) => {\n      const currentPrice = parseFloat(priceValue) || 0;\n      const currentStep = parseFloat(step);\n\n      callback((currentPrice + currentStep).toFixed(fractionDigits));\n    };\n    const handleDecrement = (callback = onPriceChange) => {\n      const currentPrice = parseFloat(priceValue) || 0;\n      const currentStep = parseFloat(step);\n\n      callback((currentPrice - currentStep).toFixed(fractionDigits));\n    };\n\n    const handleKeyDown: TextFieldProps['onKeyDown'] = (e) => {\n      const { key } = e;\n      const target = e.target as HTMLInputElement;\n      const isInForm = target.form;\n\n      if (!isInForm) {\n        if (key === 'Enter') target.blur();\n      }\n      if (key === 'ArrowUp') handleIncrement(onChange);\n      if (key === 'ArrowDown') handleDecrement(onChange);\n    };\n\n    const compact = size === 'sm';\n\n    return (\n      <InputGroup hasError={hasError} style={flexStyle} className={className}>\n        <InputAffix compact={compact} hasError={hasError}>\n          {currency}\n        </InputAffix>\n        <TextField\n          placeholder=\"0.00\"\n          value={priceValue}\n          step={step}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          disabled={disabled}\n          size={size}\n          hasError={hasError}\n          style={flexStyle}\n          {...otherProps}\n        />\n        <Stepper\n          onIncrement={() => handleIncrement()}\n          onDecrement={() => handleDecrement()}\n          disabled={disabled}\n          hasError={hasError}\n          size={size}\n        />\n      </InputGroup>\n    );\n  },\n);\n\nPriceInput.displayName = 'PriceInput';\n"],"names":["React"],"mappings":"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"}

package/dist/components/Radio/Radio.cjs

@@ -13,7 +13,7 @@ const Radio = React.forwardRef(({ checked, value, name, hint, disabled, onChange
     const handleChange = React.useCallback((e) => {
         onChange(e.currentTarget.checked, value);
     }, [onChange, value]);
-    const componentId = React.useMemo(() => id !== null && id !== undefined ? id : generateId.generateId('radio'), [id]);
+    const componentId = React.useMemo(() => id !== null && id !== void 0 ? id : generateId.generateId('radio'), [id]);
     const ariaDescribedBy = hint ? `hint-${componentId}` : undefined;
     return (React__default.default.createElement(Choice.Choice, { htmlFor: componentId, disabled: disabled, hint: hint, ...otherProps },
         React__default.default.createElement(styled.Input, { id: componentId, type: "radio", checked: checked, value: value, name: name, disabled: disabled, onChange: handleChange, ref: ref, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy }),

package/dist/components/Radio/Radio.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.cjs","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import React, { AriaAttributes, ReactNode, forwardRef, useCallback, useMemo } from 'react';\nimport { Choice, ForwardedChoiceProps } from '../Choice';\nimport { Input } from './styled';\nimport { generateId } from '../../utils/generateId';\n\ntype RadioValue = string | number;\n\nexport interface RadioProps extends ForwardedChoiceProps, Pick<AriaAttributes, 'aria-label'> {\n  id?: string;\n  className?: string;\n  checked: boolean;\n  value?: RadioValue;\n  disabled?: boolean;\n  name?: string;\n  onChange: (checked: boolean, value?: RadioValue) => void;\n  children?: ReactNode;\n}\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      checked,\n      value,\n      name,\n      hint,\n      disabled,\n      onChange,\n      id,\n      children,\n      'aria-label': ariaLabel,\n      ...otherProps\n    }: RadioProps,\n    ref,\n  ) => {\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        onChange(e.currentTarget.checked, value);\n      },\n      [onChange, value],\n    );\n\n    const componentId = useMemo(() => id ?? generateId('radio'), [id]);\n    const ariaDescribedBy = hint ? `hint-${componentId}` : undefined;\n\n    return (\n      <Choice htmlFor={componentId} disabled={disabled} hint={hint} {...otherProps}>\n        <Input\n          id={componentId}\n          type=\"radio\"\n          checked={checked}\n          value={value}\n          name={name}\n          disabled={disabled}\n          onChange={handleChange}\n          ref={ref}\n          aria-label={ariaLabel}\n          aria-describedby={ariaDescribedBy}\n        />\n        {children}\n      </Choice>\n    );\n  },\n);\n"],"names":["forwardRef","useCallback","useMemo","generateId","React","Choice","Input"],"mappings":";;;;;;;;;;;AAkBO,MAAM,KAAK,GAAGA,gBAAU,CAC7B,CACE,EACE,OAAO,EACP,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,GAAG,UAAU,EACF,EACb,GAAG,KACD;AACF,IAAA,MAAM,YAAY,GAAGC,iBAAW,CAC9B,CAAC,CAAsC,KAAI;QACzC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC;AAC1C,KAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB;IAED,MAAM,WAAW,GAAGC,aAAO,CAAC,MAAM,EAAE,KAAA,IAAA,IAAF,EAAE,KAAA,SAAA,GAAF,EAAE,GAAIC,qBAAU,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAClE,IAAA,MAAM,eAAe,GAAG,IAAI,GAAG,CAAQ,KAAA,EAAA,WAAW,CAAE,CAAA,GAAG,SAAS;AAEhE,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,aAAM,EAAC,EAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,KAAM,UAAU,EAAA;AAC1E,QAAAD,sBAAA,CAAA,aAAA,CAACE,YAAK,EACJ,EAAA,EAAE,EAAE,WAAW,EACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,GAAG,EAAE,GAAG,gBACI,SAAS,EAAA,kBAAA,EACH,eAAe,EACjC,CAAA;QACD,QAAQ,CACF;AAEb,CAAC;;;;"}
+{"version":3,"file":"Radio.cjs","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import React, { AriaAttributes, ReactNode, forwardRef, useCallback, useMemo } from 'react';\nimport { Choice, ForwardedChoiceProps } from '../Choice';\nimport { Input } from './styled';\nimport { generateId } from '../../utils/generateId';\n\ntype RadioValue = string | number;\n\nexport interface RadioProps extends ForwardedChoiceProps, Pick<AriaAttributes, 'aria-label'> {\n  id?: string;\n  className?: string;\n  checked: boolean;\n  value?: RadioValue;\n  disabled?: boolean;\n  name?: string;\n  onChange: (checked: boolean, value?: RadioValue) => void;\n  children?: ReactNode;\n}\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      checked,\n      value,\n      name,\n      hint,\n      disabled,\n      onChange,\n      id,\n      children,\n      'aria-label': ariaLabel,\n      ...otherProps\n    }: RadioProps,\n    ref,\n  ) => {\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        onChange(e.currentTarget.checked, value);\n      },\n      [onChange, value],\n    );\n\n    const componentId = useMemo(() => id ?? generateId('radio'), [id]);\n    const ariaDescribedBy = hint ? `hint-${componentId}` : undefined;\n\n    return (\n      <Choice htmlFor={componentId} disabled={disabled} hint={hint} {...otherProps}>\n        <Input\n          id={componentId}\n          type=\"radio\"\n          checked={checked}\n          value={value}\n          name={name}\n          disabled={disabled}\n          onChange={handleChange}\n          ref={ref}\n          aria-label={ariaLabel}\n          aria-describedby={ariaDescribedBy}\n        />\n        {children}\n      </Choice>\n    );\n  },\n);\n"],"names":["forwardRef","useCallback","useMemo","generateId","React","Choice","Input"],"mappings":";;;;;;;;;;;AAkBO,MAAM,KAAK,GAAGA,gBAAU,CAC7B,CACE,EACE,OAAO,EACP,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,GAAG,UAAU,EACF,EACb,GAAG,KACD;AACF,IAAA,MAAM,YAAY,GAAGC,iBAAW,CAC9B,CAAC,CAAsC,KAAI;QACzC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC;AAC1C,IAAA,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB;IAED,MAAM,WAAW,GAAGC,aAAO,CAAC,MAAM,EAAE,KAAA,IAAA,IAAF,EAAE,KAAA,MAAA,GAAF,EAAE,GAAIC,qBAAU,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAClE,IAAA,MAAM,eAAe,GAAG,IAAI,GAAG,CAAA,KAAA,EAAQ,WAAW,CAAA,CAAE,GAAG,SAAS;AAEhE,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,aAAM,EAAA,EAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,KAAM,UAAU,EAAA;AAC1E,QAAAD,sBAAA,CAAA,aAAA,CAACE,YAAK,EAAA,EACJ,EAAE,EAAE,WAAW,EACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,GAAG,EAAE,GAAG,gBACI,SAAS,EAAA,kBAAA,EACH,eAAe,EAAA,CACjC;QACD,QAAQ,CACF;AAEb,CAAC;;;;"}

package/dist/components/Radio/Radio.js

@@ -7,7 +7,7 @@ const Radio = forwardRef(({ checked, value, name, hint, disabled, onChange, id,
     const handleChange = useCallback((e) => {
         onChange(e.currentTarget.checked, value);
     }, [onChange, value]);
-    const componentId = useMemo(() => id !== null && id !== undefined ? id : generateId('radio'), [id]);
+    const componentId = useMemo(() => id !== null && id !== void 0 ? id : generateId('radio'), [id]);
     const ariaDescribedBy = hint ? `hint-${componentId}` : undefined;
     return (React__default.createElement(Choice, { htmlFor: componentId, disabled: disabled, hint: hint, ...otherProps },
         React__default.createElement(Input, { id: componentId, type: "radio", checked: checked, value: value, name: name, disabled: disabled, onChange: handleChange, ref: ref, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy }),

package/dist/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import React, { AriaAttributes, ReactNode, forwardRef, useCallback, useMemo } from 'react';\nimport { Choice, ForwardedChoiceProps } from '../Choice';\nimport { Input } from './styled';\nimport { generateId } from '../../utils/generateId';\n\ntype RadioValue = string | number;\n\nexport interface RadioProps extends ForwardedChoiceProps, Pick<AriaAttributes, 'aria-label'> {\n  id?: string;\n  className?: string;\n  checked: boolean;\n  value?: RadioValue;\n  disabled?: boolean;\n  name?: string;\n  onChange: (checked: boolean, value?: RadioValue) => void;\n  children?: ReactNode;\n}\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      checked,\n      value,\n      name,\n      hint,\n      disabled,\n      onChange,\n      id,\n      children,\n      'aria-label': ariaLabel,\n      ...otherProps\n    }: RadioProps,\n    ref,\n  ) => {\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        onChange(e.currentTarget.checked, value);\n      },\n      [onChange, value],\n    );\n\n    const componentId = useMemo(() => id ?? generateId('radio'), [id]);\n    const ariaDescribedBy = hint ? `hint-${componentId}` : undefined;\n\n    return (\n      <Choice htmlFor={componentId} disabled={disabled} hint={hint} {...otherProps}>\n        <Input\n          id={componentId}\n          type=\"radio\"\n          checked={checked}\n          value={value}\n          name={name}\n          disabled={disabled}\n          onChange={handleChange}\n          ref={ref}\n          aria-label={ariaLabel}\n          aria-describedby={ariaDescribedBy}\n        />\n        {children}\n      </Choice>\n    );\n  },\n);\n"],"names":["React"],"mappings":";;;;;AAkBO,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EACE,OAAO,EACP,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,GAAG,UAAU,EACF,EACb,GAAG,KACD;AACF,IAAA,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAsC,KAAI;QACzC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC;AAC1C,KAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB;IAED,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,EAAE,KAAA,IAAA,IAAF,EAAE,KAAA,SAAA,GAAF,EAAE,GAAI,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAClE,IAAA,MAAM,eAAe,GAAG,IAAI,GAAG,CAAQ,KAAA,EAAA,WAAW,CAAE,CAAA,GAAG,SAAS;AAEhE,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,KAAM,UAAU,EAAA;AAC1E,QAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EACJ,EAAA,EAAE,EAAE,WAAW,EACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,GAAG,EAAE,GAAG,gBACI,SAAS,EAAA,kBAAA,EACH,eAAe,EACjC,CAAA;QACD,QAAQ,CACF;AAEb,CAAC;;;;"}
+{"version":3,"file":"Radio.js","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import React, { AriaAttributes, ReactNode, forwardRef, useCallback, useMemo } from 'react';\nimport { Choice, ForwardedChoiceProps } from '../Choice';\nimport { Input } from './styled';\nimport { generateId } from '../../utils/generateId';\n\ntype RadioValue = string | number;\n\nexport interface RadioProps extends ForwardedChoiceProps, Pick<AriaAttributes, 'aria-label'> {\n  id?: string;\n  className?: string;\n  checked: boolean;\n  value?: RadioValue;\n  disabled?: boolean;\n  name?: string;\n  onChange: (checked: boolean, value?: RadioValue) => void;\n  children?: ReactNode;\n}\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      checked,\n      value,\n      name,\n      hint,\n      disabled,\n      onChange,\n      id,\n      children,\n      'aria-label': ariaLabel,\n      ...otherProps\n    }: RadioProps,\n    ref,\n  ) => {\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        onChange(e.currentTarget.checked, value);\n      },\n      [onChange, value],\n    );\n\n    const componentId = useMemo(() => id ?? generateId('radio'), [id]);\n    const ariaDescribedBy = hint ? `hint-${componentId}` : undefined;\n\n    return (\n      <Choice htmlFor={componentId} disabled={disabled} hint={hint} {...otherProps}>\n        <Input\n          id={componentId}\n          type=\"radio\"\n          checked={checked}\n          value={value}\n          name={name}\n          disabled={disabled}\n          onChange={handleChange}\n          ref={ref}\n          aria-label={ariaLabel}\n          aria-describedby={ariaDescribedBy}\n        />\n        {children}\n      </Choice>\n    );\n  },\n);\n"],"names":["React"],"mappings":";;;;;AAkBO,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EACE,OAAO,EACP,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,GAAG,UAAU,EACF,EACb,GAAG,KACD;AACF,IAAA,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAsC,KAAI;QACzC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC;AAC1C,IAAA,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB;IAED,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,EAAE,KAAA,IAAA,IAAF,EAAE,KAAA,MAAA,GAAF,EAAE,GAAI,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAClE,IAAA,MAAM,eAAe,GAAG,IAAI,GAAG,CAAA,KAAA,EAAQ,WAAW,CAAA,CAAE,GAAG,SAAS;AAEhE,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,KAAM,UAAU,EAAA;AAC1E,QAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,EAAE,EAAE,WAAW,EACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,GAAG,EAAE,GAAG,gBACI,SAAS,EAAA,kBAAA,EACH,eAAe,EAAA,CACjC;QACD,QAAQ,CACF;AAEb,CAAC;;;;"}

package/dist/components/ScreenReaderOnly/ScreenReaderOnly.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenReaderOnly.cjs","sources":["../../../src/components/ScreenReaderOnly/ScreenReaderOnly.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport styled from 'styled-components';\n\ntype ScreenReaderOnlyProps = {\n  children: ReactNode;\n};\n\nconst ScreenReaderOnlyElement = styled.span`\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n`;\n/**\n * The `ScreenReaderOnly` component is used to render content that is only visible to screen readers and assistive technologies. This component can be useful for providing additional context or information to users who rely on screen readers, while keeping the content visually hidden from sighted users.\n *  * **This is not a replacement for `aria-label`.**\n *\n * Note: aria-label is intended for interactive elements or for elements made interactive via other ARIA declarations when there's no visible text in the DOM to serve as a label.\n *\n * In general, screen reader-only content should be reserved for information that is apparent visually but not apparent to blind screen reader users.\n *\n * **Example use cases:**\n * - Adding instructional cues and indicators\n * - Search input that is clearly a search bar to sighted users (search icon, etc.). A hidden, associated `<label>` element with \"Search orders\"\n * - Skip to links to take the user to the main content (still need to be visibile when focused)\n * - Breadcrumb navigation, making it clear with a \"you are here\" screen reader text\n */\nexport const ScreenReaderOnly = ({ children }: ScreenReaderOnlyProps) => {\n  return <ScreenReaderOnlyElement>{children}</ScreenReaderOnlyElement>;\n};\n"],"names":["styled","React"],"mappings":";;;;;;;;;;AAOA,MAAM,uBAAuB,GAAGA,uBAAM,CAAC,IAAI,0NAU1C;AACD;;;;;;;;;;;;;AAaG;MACU,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAyB,KAAI;AACtE,IAAA,OAAOC,sBAAC,CAAA,aAAA,CAAA,uBAAuB,EAAE,IAAA,EAAA,QAAQ,CAA2B;AACtE;;;;"}
+{"version":3,"file":"ScreenReaderOnly.cjs","sources":["../../../src/components/ScreenReaderOnly/ScreenReaderOnly.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport styled from 'styled-components';\n\ntype ScreenReaderOnlyProps = {\n  children: ReactNode;\n};\n\nconst ScreenReaderOnlyElement = styled.span`\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n`;\n/**\n * The `ScreenReaderOnly` component is used to render content that is only visible to screen readers and assistive technologies. This component can be useful for providing additional context or information to users who rely on screen readers, while keeping the content visually hidden from sighted users.\n *  * **This is not a replacement for `aria-label`.**\n *\n * Note: aria-label is intended for interactive elements or for elements made interactive via other ARIA declarations when there's no visible text in the DOM to serve as a label.\n *\n * In general, screen reader-only content should be reserved for information that is apparent visually but not apparent to blind screen reader users.\n *\n * **Example use cases:**\n * - Adding instructional cues and indicators\n * - Search input that is clearly a search bar to sighted users (search icon, etc.). A hidden, associated `<label>` element with \"Search orders\"\n * - Skip to links to take the user to the main content (still need to be visibile when focused)\n * - Breadcrumb navigation, making it clear with a \"you are here\" screen reader text\n */\nexport const ScreenReaderOnly = ({ children }: ScreenReaderOnlyProps) => {\n  return <ScreenReaderOnlyElement>{children}</ScreenReaderOnlyElement>;\n};\n"],"names":["styled","React"],"mappings":";;;;;;;;;;AAOA,MAAM,uBAAuB,GAAGA,uBAAM,CAAC,IAAI,0NAU1C;AACD;;;;;;;;;;;;;AAaG;MACU,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAyB,KAAI;AACtE,IAAA,OAAOC,sBAAA,CAAA,aAAA,CAAC,uBAAuB,EAAA,IAAA,EAAE,QAAQ,CAA2B;AACtE;;;;"}

package/dist/components/ScreenReaderOnly/ScreenReaderOnly.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenReaderOnly.js","sources":["../../../src/components/ScreenReaderOnly/ScreenReaderOnly.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport styled from 'styled-components';\n\ntype ScreenReaderOnlyProps = {\n  children: ReactNode;\n};\n\nconst ScreenReaderOnlyElement = styled.span`\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n`;\n/**\n * The `ScreenReaderOnly` component is used to render content that is only visible to screen readers and assistive technologies. This component can be useful for providing additional context or information to users who rely on screen readers, while keeping the content visually hidden from sighted users.\n *  * **This is not a replacement for `aria-label`.**\n *\n * Note: aria-label is intended for interactive elements or for elements made interactive via other ARIA declarations when there's no visible text in the DOM to serve as a label.\n *\n * In general, screen reader-only content should be reserved for information that is apparent visually but not apparent to blind screen reader users.\n *\n * **Example use cases:**\n * - Adding instructional cues and indicators\n * - Search input that is clearly a search bar to sighted users (search icon, etc.). A hidden, associated `<label>` element with \"Search orders\"\n * - Skip to links to take the user to the main content (still need to be visibile when focused)\n * - Breadcrumb navigation, making it clear with a \"you are here\" screen reader text\n */\nexport const ScreenReaderOnly = ({ children }: ScreenReaderOnlyProps) => {\n  return <ScreenReaderOnlyElement>{children}</ScreenReaderOnlyElement>;\n};\n"],"names":["React"],"mappings":";;;AAOA,MAAM,uBAAuB,GAAG,MAAM,CAAC,IAAI,0NAU1C;AACD;;;;;;;;;;;;;AAaG;MACU,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAyB,KAAI;AACtE,IAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,uBAAuB,EAAE,IAAA,EAAA,QAAQ,CAA2B;AACtE;;;;"}
+{"version":3,"file":"ScreenReaderOnly.js","sources":["../../../src/components/ScreenReaderOnly/ScreenReaderOnly.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport styled from 'styled-components';\n\ntype ScreenReaderOnlyProps = {\n  children: ReactNode;\n};\n\nconst ScreenReaderOnlyElement = styled.span`\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n`;\n/**\n * The `ScreenReaderOnly` component is used to render content that is only visible to screen readers and assistive technologies. This component can be useful for providing additional context or information to users who rely on screen readers, while keeping the content visually hidden from sighted users.\n *  * **This is not a replacement for `aria-label`.**\n *\n * Note: aria-label is intended for interactive elements or for elements made interactive via other ARIA declarations when there's no visible text in the DOM to serve as a label.\n *\n * In general, screen reader-only content should be reserved for information that is apparent visually but not apparent to blind screen reader users.\n *\n * **Example use cases:**\n * - Adding instructional cues and indicators\n * - Search input that is clearly a search bar to sighted users (search icon, etc.). A hidden, associated `<label>` element with \"Search orders\"\n * - Skip to links to take the user to the main content (still need to be visibile when focused)\n * - Breadcrumb navigation, making it clear with a \"you are here\" screen reader text\n */\nexport const ScreenReaderOnly = ({ children }: ScreenReaderOnlyProps) => {\n  return <ScreenReaderOnlyElement>{children}</ScreenReaderOnlyElement>;\n};\n"],"names":["React"],"mappings":";;;AAOA,MAAM,uBAAuB,GAAG,MAAM,CAAC,IAAI,0NAU1C;AACD;;;;;;;;;;;;;AAaG;MACU,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAyB,KAAI;AACtE,IAAA,OAAOA,cAAA,CAAA,aAAA,CAAC,uBAAuB,EAAA,IAAA,EAAE,QAAQ,CAA2B;AACtE;;;;"}

package/dist/components/Search/Search.cjs

@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 const Search = withLabels.withLabels(({ type = 'text', disabled = false, onClearClick, onChange, value = '', className = '', isLoading = false, fill, reversed = false, autoComplete = 'on', ...otherProps }) => {
     const shouldShowClear = value && value.length > 0;
     const onClickSearch = () => {
-        onChange === null || onChange === undefined ? undefined : onChange(value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
     };
     const renderIcon = () => {
         if (isLoading) {

package/dist/components/Search/Search.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Search.cjs","sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import React from 'react';\n\nimport { theme } from '../../theme';\nimport { withLabels } from '../../hoc';\nimport { SearchProps } from './types';\nimport { sizes } from '../../theme/modules/sizes';\n\nimport { Button } from '../Button';\nimport { CrossIcon, SearchIcon } from '../../icons';\n\nimport { Container, Input, IconContainer, Loader } from './styled';\n\nexport const Search = withLabels(\n  ({\n    type = 'text',\n    disabled = false,\n    onClearClick,\n    onChange,\n    value = '',\n    className = '',\n    isLoading = false,\n    fill,\n    reversed = false,\n    autoComplete = 'on',\n    ...otherProps\n  }: SearchProps) => {\n    const shouldShowClear = value && value.length > 0;\n\n    const onClickSearch = () => {\n      onChange?.(value);\n    };\n\n    const renderIcon = () => {\n      if (isLoading) {\n        return <Loader height={24} color={fill || theme.colors.secondary.blue.base} />;\n      }\n      if (shouldShowClear && onClearClick) {\n        return (\n          <Button\n            variant=\"unstyled\"\n            onClick={onClearClick}\n            style={{ display: 'flex' }}\n            aria-label=\"Clear text\"\n            type=\"button\"\n          >\n            <CrossIcon color={fill || theme.colors.neutral.ink.dark} />\n          </Button>\n        );\n      }\n      return (\n        <Button\n          variant=\"unstyled\"\n          onClick={onClickSearch}\n          style={{ display: 'flex' }}\n          aria-label=\"Search\"\n          disabled={disabled}\n          type=\"button\"\n        >\n          <SearchIcon\n            color={fill || theme.colors.neutral.ink.dark}\n            height={sizes.md}\n            width={sizes.md}\n          />\n        </Button>\n      );\n    };\n\n    return (\n      <Container className={className} iconPosition={reversed ? 'left' : 'right'}>\n        <Input\n          type={type}\n          value={value}\n          onChange={onChange}\n          disabled={disabled}\n          autoComplete={autoComplete}\n          {...otherProps}\n        />\n        <IconContainer>{renderIcon()}</IconContainer>\n      </Container>\n    );\n  },\n);\n"],"names":["withLabels","React","Loader","theme","Button","CrossIcon","SearchIcon","sizes","Container","Input","IconContainer"],"mappings":";;;;;;;;;;;;;;;;MAYa,MAAM,GAAGA,qBAAU,CAC9B,CAAC,EACC,IAAI,GAAG,MAAM,EACb,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,KAAK,EACjB,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,IAAI,EACnB,GAAG,UAAU,EACD,KAAI;IAChB,MAAM,eAAe,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;IAEjD,MAAM,aAAa,GAAG,MAAK;AACzB,QAAA,QAAQ,aAAR,QAAQ,KAAA,SAAA,GAAA,SAAA,GAAR,QAAQ,CAAG,KAAK,CAAC;AACnB,KAAC;IAED,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,IAAI,SAAS,EAAE;YACb,OAAOC,sBAAA,CAAA,aAAA,CAACC,aAAM,EAAC,EAAA,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,IAAIC,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAA,CAAI;AAC/E;QACD,IAAI,eAAe,IAAI,YAAY,EAAE;YACnC,QACEF,sBAAC,CAAA,aAAA,CAAAG,aAAM,EACL,EAAA,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,gBACf,YAAY,EACvB,IAAI,EAAC,QAAQ,EAAA;AAEb,gBAAAH,sBAAA,CAAA,aAAA,CAACI,wBAAS,EAAC,EAAA,KAAK,EAAE,IAAI,IAAIF,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAI,CAAA,CACpD;AAEZ;AACD,QAAA,QACEF,sBAAA,CAAA,aAAA,CAACG,aAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAA,YAAA,EACf,QAAQ,EACnB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EAAA;AAEb,YAAAH,sBAAA,CAAA,aAAA,CAACK,yBAAU,EAAA,EACT,KAAK,EAAE,IAAI,IAAIH,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAC5C,MAAM,EAAEI,WAAK,CAAC,EAAE,EAChB,KAAK,EAAEA,WAAK,CAAC,EAAE,EACf,CAAA,CACK;AAEb,KAAC;AAED,IAAA,QACEN,sBAAC,CAAA,aAAA,CAAAO,gBAAS,IAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA;QACxEP,sBAAC,CAAA,aAAA,CAAAQ,YAAK,IACJ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EACtB,GAAA,UAAU,EACd,CAAA;AACF,QAAAR,sBAAA,CAAA,aAAA,CAACS,oBAAa,EAAE,IAAA,EAAA,UAAU,EAAE,CAAiB,CACnC;AAEhB,CAAC;;;;"}
+{"version":3,"file":"Search.cjs","sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import React from 'react';\n\nimport { theme } from '../../theme';\nimport { withLabels } from '../../hoc';\nimport { SearchProps } from './types';\nimport { sizes } from '../../theme/modules/sizes';\n\nimport { Button } from '../Button';\nimport { CrossIcon, SearchIcon } from '../../icons';\n\nimport { Container, Input, IconContainer, Loader } from './styled';\n\nexport const Search = withLabels(\n  ({\n    type = 'text',\n    disabled = false,\n    onClearClick,\n    onChange,\n    value = '',\n    className = '',\n    isLoading = false,\n    fill,\n    reversed = false,\n    autoComplete = 'on',\n    ...otherProps\n  }: SearchProps) => {\n    const shouldShowClear = value && value.length > 0;\n\n    const onClickSearch = () => {\n      onChange?.(value);\n    };\n\n    const renderIcon = () => {\n      if (isLoading) {\n        return <Loader height={24} color={fill || theme.colors.secondary.blue.base} />;\n      }\n      if (shouldShowClear && onClearClick) {\n        return (\n          <Button\n            variant=\"unstyled\"\n            onClick={onClearClick}\n            style={{ display: 'flex' }}\n            aria-label=\"Clear text\"\n            type=\"button\"\n          >\n            <CrossIcon color={fill || theme.colors.neutral.ink.dark} />\n          </Button>\n        );\n      }\n      return (\n        <Button\n          variant=\"unstyled\"\n          onClick={onClickSearch}\n          style={{ display: 'flex' }}\n          aria-label=\"Search\"\n          disabled={disabled}\n          type=\"button\"\n        >\n          <SearchIcon\n            color={fill || theme.colors.neutral.ink.dark}\n            height={sizes.md}\n            width={sizes.md}\n          />\n        </Button>\n      );\n    };\n\n    return (\n      <Container className={className} iconPosition={reversed ? 'left' : 'right'}>\n        <Input\n          type={type}\n          value={value}\n          onChange={onChange}\n          disabled={disabled}\n          autoComplete={autoComplete}\n          {...otherProps}\n        />\n        <IconContainer>{renderIcon()}</IconContainer>\n      </Container>\n    );\n  },\n);\n"],"names":["withLabels","React","Loader","theme","Button","CrossIcon","SearchIcon","sizes","Container","Input","IconContainer"],"mappings":";;;;;;;;;;;;;;;;MAYa,MAAM,GAAGA,qBAAU,CAC9B,CAAC,EACC,IAAI,GAAG,MAAM,EACb,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,KAAK,EACjB,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,IAAI,EACnB,GAAG,UAAU,EACD,KAAI;IAChB,MAAM,eAAe,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;IAEjD,MAAM,aAAa,GAAG,MAAK;AACzB,QAAA,QAAQ,aAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAG,KAAK,CAAC;AACnB,IAAA,CAAC;IAED,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,IAAI,SAAS,EAAE;YACb,OAAOC,sBAAA,CAAA,aAAA,CAACC,aAAM,EAAA,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,IAAIC,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAA,CAAI;AAC/E,QAAA;QACD,IAAI,eAAe,IAAI,YAAY,EAAE;YACnC,QACEF,sBAAA,CAAA,aAAA,CAACG,aAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,gBACf,YAAY,EACvB,IAAI,EAAC,QAAQ,EAAA;AAEb,gBAAAH,sBAAA,CAAA,aAAA,CAACI,wBAAS,EAAA,EAAC,KAAK,EAAE,IAAI,IAAIF,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAA,CAAI,CACpD;AAEZ,QAAA;AACD,QAAA,QACEF,sBAAA,CAAA,aAAA,CAACG,aAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAA,YAAA,EACf,QAAQ,EACnB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EAAA;AAEb,YAAAH,sBAAA,CAAA,aAAA,CAACK,yBAAU,EAAA,EACT,KAAK,EAAE,IAAI,IAAIH,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAC5C,MAAM,EAAEI,WAAK,CAAC,EAAE,EAChB,KAAK,EAAEA,WAAK,CAAC,EAAE,EAAA,CACf,CACK;AAEb,IAAA,CAAC;AAED,IAAA,QACEN,sBAAA,CAAA,aAAA,CAACO,gBAAS,IAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA;QACxEP,sBAAA,CAAA,aAAA,CAACQ,YAAK,IACJ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAAA,GACtB,UAAU,EAAA,CACd;AACF,QAAAR,sBAAA,CAAA,aAAA,CAACS,oBAAa,EAAA,IAAA,EAAE,UAAU,EAAE,CAAiB,CACnC;AAEhB,CAAC;;;;"}

package/dist/components/Search/Search.js

@@ -11,7 +11,7 @@ import { Loader } from '../Loader/Loader.js';
 const Search = withLabels(({ type = 'text', disabled = false, onClearClick, onChange, value = '', className = '', isLoading = false, fill, reversed = false, autoComplete = 'on', ...otherProps }) => {
     const shouldShowClear = value && value.length > 0;
     const onClickSearch = () => {
-        onChange === null || onChange === undefined ? undefined : onChange(value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
     };
     const renderIcon = () => {
         if (isLoading) {

package/dist/components/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import React from 'react';\n\nimport { theme } from '../../theme';\nimport { withLabels } from '../../hoc';\nimport { SearchProps } from './types';\nimport { sizes } from '../../theme/modules/sizes';\n\nimport { Button } from '../Button';\nimport { CrossIcon, SearchIcon } from '../../icons';\n\nimport { Container, Input, IconContainer, Loader } from './styled';\n\nexport const Search = withLabels(\n  ({\n    type = 'text',\n    disabled = false,\n    onClearClick,\n    onChange,\n    value = '',\n    className = '',\n    isLoading = false,\n    fill,\n    reversed = false,\n    autoComplete = 'on',\n    ...otherProps\n  }: SearchProps) => {\n    const shouldShowClear = value && value.length > 0;\n\n    const onClickSearch = () => {\n      onChange?.(value);\n    };\n\n    const renderIcon = () => {\n      if (isLoading) {\n        return <Loader height={24} color={fill || theme.colors.secondary.blue.base} />;\n      }\n      if (shouldShowClear && onClearClick) {\n        return (\n          <Button\n            variant=\"unstyled\"\n            onClick={onClearClick}\n            style={{ display: 'flex' }}\n            aria-label=\"Clear text\"\n            type=\"button\"\n          >\n            <CrossIcon color={fill || theme.colors.neutral.ink.dark} />\n          </Button>\n        );\n      }\n      return (\n        <Button\n          variant=\"unstyled\"\n          onClick={onClickSearch}\n          style={{ display: 'flex' }}\n          aria-label=\"Search\"\n          disabled={disabled}\n          type=\"button\"\n        >\n          <SearchIcon\n            color={fill || theme.colors.neutral.ink.dark}\n            height={sizes.md}\n            width={sizes.md}\n          />\n        </Button>\n      );\n    };\n\n    return (\n      <Container className={className} iconPosition={reversed ? 'left' : 'right'}>\n        <Input\n          type={type}\n          value={value}\n          onChange={onChange}\n          disabled={disabled}\n          autoComplete={autoComplete}\n          {...otherProps}\n        />\n        <IconContainer>{renderIcon()}</IconContainer>\n      </Container>\n    );\n  },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;MAYa,MAAM,GAAG,UAAU,CAC9B,CAAC,EACC,IAAI,GAAG,MAAM,EACb,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,KAAK,EACjB,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,IAAI,EACnB,GAAG,UAAU,EACD,KAAI;IAChB,MAAM,eAAe,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;IAEjD,MAAM,aAAa,GAAG,MAAK;AACzB,QAAA,QAAQ,aAAR,QAAQ,KAAA,SAAA,GAAA,SAAA,GAAR,QAAQ,CAAG,KAAK,CAAC;AACnB,KAAC;IAED,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,IAAI,SAAS,EAAE;YACb,OAAOA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAC,EAAA,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAA,CAAI;AAC/E;QACD,IAAI,eAAe,IAAI,YAAY,EAAE;YACnC,QACEA,cAAC,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,gBACf,YAAY,EACvB,IAAI,EAAC,QAAQ,EAAA;AAEb,gBAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAC,EAAA,KAAK,EAAE,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAI,CAAA,CACpD;AAEZ;AACD,QAAA,QACEA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAA,YAAA,EACf,QAAQ,EACnB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EAAA;AAEb,YAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,KAAK,EAAE,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAC5C,MAAM,EAAE,KAAK,CAAC,EAAE,EAChB,KAAK,EAAE,KAAK,CAAC,EAAE,EACf,CAAA,CACK;AAEb,KAAC;AAED,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA;QACxEA,cAAC,CAAA,aAAA,CAAA,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EACtB,GAAA,UAAU,EACd,CAAA;AACF,QAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAE,IAAA,EAAA,UAAU,EAAE,CAAiB,CACnC;AAEhB,CAAC;;;;"}
+{"version":3,"file":"Search.js","sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import React from 'react';\n\nimport { theme } from '../../theme';\nimport { withLabels } from '../../hoc';\nimport { SearchProps } from './types';\nimport { sizes } from '../../theme/modules/sizes';\n\nimport { Button } from '../Button';\nimport { CrossIcon, SearchIcon } from '../../icons';\n\nimport { Container, Input, IconContainer, Loader } from './styled';\n\nexport const Search = withLabels(\n  ({\n    type = 'text',\n    disabled = false,\n    onClearClick,\n    onChange,\n    value = '',\n    className = '',\n    isLoading = false,\n    fill,\n    reversed = false,\n    autoComplete = 'on',\n    ...otherProps\n  }: SearchProps) => {\n    const shouldShowClear = value && value.length > 0;\n\n    const onClickSearch = () => {\n      onChange?.(value);\n    };\n\n    const renderIcon = () => {\n      if (isLoading) {\n        return <Loader height={24} color={fill || theme.colors.secondary.blue.base} />;\n      }\n      if (shouldShowClear && onClearClick) {\n        return (\n          <Button\n            variant=\"unstyled\"\n            onClick={onClearClick}\n            style={{ display: 'flex' }}\n            aria-label=\"Clear text\"\n            type=\"button\"\n          >\n            <CrossIcon color={fill || theme.colors.neutral.ink.dark} />\n          </Button>\n        );\n      }\n      return (\n        <Button\n          variant=\"unstyled\"\n          onClick={onClickSearch}\n          style={{ display: 'flex' }}\n          aria-label=\"Search\"\n          disabled={disabled}\n          type=\"button\"\n        >\n          <SearchIcon\n            color={fill || theme.colors.neutral.ink.dark}\n            height={sizes.md}\n            width={sizes.md}\n          />\n        </Button>\n      );\n    };\n\n    return (\n      <Container className={className} iconPosition={reversed ? 'left' : 'right'}>\n        <Input\n          type={type}\n          value={value}\n          onChange={onChange}\n          disabled={disabled}\n          autoComplete={autoComplete}\n          {...otherProps}\n        />\n        <IconContainer>{renderIcon()}</IconContainer>\n      </Container>\n    );\n  },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;MAYa,MAAM,GAAG,UAAU,CAC9B,CAAC,EACC,IAAI,GAAG,MAAM,EACb,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,KAAK,EACjB,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,IAAI,EACnB,GAAG,UAAU,EACD,KAAI;IAChB,MAAM,eAAe,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;IAEjD,MAAM,aAAa,GAAG,MAAK;AACzB,QAAA,QAAQ,aAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAG,KAAK,CAAC;AACnB,IAAA,CAAC;IAED,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,IAAI,SAAS,EAAE;YACb,OAAOA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAA,CAAI;AAC/E,QAAA;QACD,IAAI,eAAe,IAAI,YAAY,EAAE;YACnC,QACEA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,gBACf,YAAY,EACvB,IAAI,EAAC,QAAQ,EAAA;AAEb,gBAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAA,CAAI,CACpD;AAEZ,QAAA;AACD,QAAA,QACEA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAA,YAAA,EACf,QAAQ,EACnB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EAAA;AAEb,YAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,KAAK,EAAE,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAC5C,MAAM,EAAE,KAAK,CAAC,EAAE,EAChB,KAAK,EAAE,KAAK,CAAC,EAAE,EAAA,CACf,CACK;AAEb,IAAA,CAAC;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA;QACxEA,cAAA,CAAA,aAAA,CAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAAA,GACtB,UAAU,EAAA,CACd;AACF,QAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA,EAAE,UAAU,EAAE,CAAiB,CACnC;AAEhB,CAAC;;;;"}

package/dist/components/Search/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Search/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { TextField } from '../TextField';\nimport { BaseContainer } from '../BaseContainer';\nimport { Loader } from '../Loader';\n\nconst Input = styled(TextField)`\n  flex-grow: 2;\n  margin-top: 0;\n  margin-bottom: 0;\n`;\n\nconst IconContainer = styled.div`\n  position: absolute;\n`;\n\nconst Container = styled(BaseContainer)<{ iconPosition: 'left' | 'right' }>`\n  position: relative;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  border-radius: 0.25rem;\n\n  ${({ iconPosition }) => {\n    let padding = 'padding-right: 2.5rem;';\n    let position = 'right: 0.5rem;';\n\n    if (iconPosition === 'left') {\n      padding = 'padding-left: 2.5rem';\n      position = 'left: 0.5rem;';\n    }\n\n    return `\n      & ${Input} {\n        ${padding}\n      }\n\n      & ${IconContainer} {\n        ${position}\n      }\n    `;\n  }}\n`;\n\nexport { Container, Input, IconContainer, Loader };\n"],"names":["styled","TextField","BaseContainer"],"mappings":";;;;;;;;;;;AAMA,MAAM,KAAK,GAAGA,uBAAM,CAACC,eAAS,CAAC;AAM/B,MAAM,aAAa,GAAGD,uBAAM,CAAC,GAAG;AAIhC,MAAM,SAAS,GAAGA,uBAAM,CAACE,2BAAa,CAAC,CAOnC,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,mGAAA,EAAA,CAAC,EAAE,YAAY,EAAE,KAAI;IACrB,IAAI,OAAO,GAAG,wBAAwB;IACtC,IAAI,QAAQ,GAAG,gBAAgB;IAE/B,IAAI,YAAY,KAAK,MAAM,EAAE;QAC3B,OAAO,GAAG,sBAAsB;QAChC,QAAQ,GAAG,eAAe;AAC3B;IAED,OAAO;UACD,KAAK,CAAA;UACL,OAAO;;;UAGP,aAAa,CAAA;UACb,QAAQ;;KAEb;AACH,CAAC;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Search/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { TextField } from '../TextField';\nimport { BaseContainer } from '../BaseContainer';\nimport { Loader } from '../Loader';\n\nconst Input = styled(TextField)`\n  flex-grow: 2;\n  margin-top: 0;\n  margin-bottom: 0;\n`;\n\nconst IconContainer = styled.div`\n  position: absolute;\n`;\n\nconst Container = styled(BaseContainer)<{ iconPosition: 'left' | 'right' }>`\n  position: relative;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  border-radius: 0.25rem;\n\n  ${({ iconPosition }) => {\n    let padding = 'padding-right: 2.5rem;';\n    let position = 'right: 0.5rem;';\n\n    if (iconPosition === 'left') {\n      padding = 'padding-left: 2.5rem';\n      position = 'left: 0.5rem;';\n    }\n\n    return `\n      & ${Input} {\n        ${padding}\n      }\n\n      & ${IconContainer} {\n        ${position}\n      }\n    `;\n  }}\n`;\n\nexport { Container, Input, IconContainer, Loader };\n"],"names":["styled","TextField","BaseContainer"],"mappings":";;;;;;;;;;;AAMA,MAAM,KAAK,GAAGA,uBAAM,CAACC,eAAS,CAAC;AAM/B,MAAM,aAAa,GAAGD,uBAAM,CAAC,GAAG;AAIhC,MAAM,SAAS,GAAGA,uBAAM,CAACE,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,mGAAA,EAOnC,CAAC,EAAE,YAAY,EAAE,KAAI;IACrB,IAAI,OAAO,GAAG,wBAAwB;IACtC,IAAI,QAAQ,GAAG,gBAAgB;IAE/B,IAAI,YAAY,KAAK,MAAM,EAAE;QAC3B,OAAO,GAAG,sBAAsB;QAChC,QAAQ,GAAG,eAAe;AAC3B,IAAA;IAED,OAAO;UACD,KAAK,CAAA;UACL,OAAO;;;UAGP,aAAa,CAAA;UACb,QAAQ;;KAEb;AACH,CAAC;;;;;;"}

package/dist/components/Search/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Search/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { TextField } from '../TextField';\nimport { BaseContainer } from '../BaseContainer';\nimport { Loader } from '../Loader';\n\nconst Input = styled(TextField)`\n  flex-grow: 2;\n  margin-top: 0;\n  margin-bottom: 0;\n`;\n\nconst IconContainer = styled.div`\n  position: absolute;\n`;\n\nconst Container = styled(BaseContainer)<{ iconPosition: 'left' | 'right' }>`\n  position: relative;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  border-radius: 0.25rem;\n\n  ${({ iconPosition }) => {\n    let padding = 'padding-right: 2.5rem;';\n    let position = 'right: 0.5rem;';\n\n    if (iconPosition === 'left') {\n      padding = 'padding-left: 2.5rem';\n      position = 'left: 0.5rem;';\n    }\n\n    return `\n      & ${Input} {\n        ${padding}\n      }\n\n      & ${IconContainer} {\n        ${position}\n      }\n    `;\n  }}\n`;\n\nexport { Container, Input, IconContainer, Loader };\n"],"names":[],"mappings":";;;;;AAMA,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC;AAM/B,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG;AAIhC,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAOnC,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,mGAAA,EAAA,CAAC,EAAE,YAAY,EAAE,KAAI;IACrB,IAAI,OAAO,GAAG,wBAAwB;IACtC,IAAI,QAAQ,GAAG,gBAAgB;IAE/B,IAAI,YAAY,KAAK,MAAM,EAAE;QAC3B,OAAO,GAAG,sBAAsB;QAChC,QAAQ,GAAG,eAAe;AAC3B;IAED,OAAO;UACD,KAAK,CAAA;UACL,OAAO;;;UAGP,aAAa,CAAA;UACb,QAAQ;;KAEb;AACH,CAAC;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Search/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { TextField } from '../TextField';\nimport { BaseContainer } from '../BaseContainer';\nimport { Loader } from '../Loader';\n\nconst Input = styled(TextField)`\n  flex-grow: 2;\n  margin-top: 0;\n  margin-bottom: 0;\n`;\n\nconst IconContainer = styled.div`\n  position: absolute;\n`;\n\nconst Container = styled(BaseContainer)<{ iconPosition: 'left' | 'right' }>`\n  position: relative;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  border-radius: 0.25rem;\n\n  ${({ iconPosition }) => {\n    let padding = 'padding-right: 2.5rem;';\n    let position = 'right: 0.5rem;';\n\n    if (iconPosition === 'left') {\n      padding = 'padding-left: 2.5rem';\n      position = 'left: 0.5rem;';\n    }\n\n    return `\n      & ${Input} {\n        ${padding}\n      }\n\n      & ${IconContainer} {\n        ${position}\n      }\n    `;\n  }}\n`;\n\nexport { Container, Input, IconContainer, Loader };\n"],"names":[],"mappings":";;;;;AAMA,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC;AAM/B,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG;AAIhC,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,mGAAA,EAOnC,CAAC,EAAE,YAAY,EAAE,KAAI;IACrB,IAAI,OAAO,GAAG,wBAAwB;IACtC,IAAI,QAAQ,GAAG,gBAAgB;IAE/B,IAAI,YAAY,KAAK,MAAM,EAAE;QAC3B,OAAO,GAAG,sBAAsB;QAChC,QAAQ,GAAG,eAAe;AAC3B,IAAA;IAED,OAAO;UACD,KAAK,CAAA;UACL,OAAO;;;UAGP,aAAa,CAAA;UACb,QAAQ;;KAEb;AACH,CAAC;;;;"}

package/dist/components/SectionLayout/SectionLayout.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionLayout.cjs","sources":["../../../src/components/SectionLayout/SectionLayout.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../utils';\nimport { FlexCol } from '../Flex/FlexCol';\nimport { Text } from '../Text';\nimport styles from './SectionLayout.module.scss';\n\ntype SectionLayoutProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode;\n  title: string;\n  description?: string;\n  accessorySlot?: React.ReactNode;\n};\n\nexport function SectionLayout({\n  children,\n  title,\n  description,\n  accessorySlot,\n  className,\n  ...otherProps\n}: SectionLayoutProps) {\n  const classNames = buildClassnames([styles.grid, className]);\n  return (\n    <div className={classNames} {...otherProps}>\n      <FlexCol alignItems=\"flex-start\">\n        <Text variant=\"headingSmall\">{title}</Text>\n        {description && <Text variant=\"hintText\">{description}</Text>}\n        {accessorySlot}\n      </FlexCol>\n      <div>{children}</div>\n    </div>\n  );\n}\n"],"names":["buildClassnames","styles","React","FlexCol","Text"],"mappings":";;;;;;;;;;;;;SAagB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,WAAW,EACX,aAAa,EACb,SAAS,EACT,GAAG,UAAU,EACM,EAAA;AACnB,IAAA,MAAM,UAAU,GAAGA,+BAAe,CAAC,CAACC,oBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAC5D,IAAA,QACEC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,KAAM,UAAU,EAAA;AACxC,QAAAA,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EAAC,UAAU,EAAC,YAAY,EAAA;AAC9B,YAAAD,sBAAA,CAAA,aAAA,CAACE,SAAI,EAAC,EAAA,OAAO,EAAC,cAAc,EAAA,EAAE,KAAK,CAAQ;YAC1C,WAAW,IAAIF,qCAACE,SAAI,EAAA,EAAC,OAAO,EAAC,UAAU,EAAE,EAAA,WAAW,CAAQ;AAC5D,YAAA,aAAa,CACN;AACV,QAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAM,QAAQ,CAAO,CACjB;AAEV;;;;"}
+{"version":3,"file":"SectionLayout.cjs","sources":["../../../src/components/SectionLayout/SectionLayout.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../utils';\nimport { FlexCol } from '../Flex/FlexCol';\nimport { Text } from '../Text';\nimport styles from './SectionLayout.module.scss';\n\ntype SectionLayoutProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode;\n  title: string;\n  description?: string;\n  accessorySlot?: React.ReactNode;\n};\n\nexport function SectionLayout({\n  children,\n  title,\n  description,\n  accessorySlot,\n  className,\n  ...otherProps\n}: SectionLayoutProps) {\n  const classNames = buildClassnames([styles.grid, className]);\n  return (\n    <div className={classNames} {...otherProps}>\n      <FlexCol alignItems=\"flex-start\">\n        <Text variant=\"headingSmall\">{title}</Text>\n        {description && <Text variant=\"hintText\">{description}</Text>}\n        {accessorySlot}\n      </FlexCol>\n      <div>{children}</div>\n    </div>\n  );\n}\n"],"names":["buildClassnames","styles","React","FlexCol","Text"],"mappings":";;;;;;;;;;;;;SAagB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,WAAW,EACX,aAAa,EACb,SAAS,EACT,GAAG,UAAU,EACM,EAAA;AACnB,IAAA,MAAM,UAAU,GAAGA,+BAAe,CAAC,CAACC,oBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAC5D,IAAA,QACEC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,KAAM,UAAU,EAAA;AACxC,QAAAA,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EAAC,UAAU,EAAC,YAAY,EAAA;AAC9B,YAAAD,sBAAA,CAAA,aAAA,CAACE,SAAI,EAAA,EAAC,OAAO,EAAC,cAAc,EAAA,EAAE,KAAK,CAAQ;YAC1C,WAAW,IAAIF,qCAACE,SAAI,EAAA,EAAC,OAAO,EAAC,UAAU,EAAA,EAAE,WAAW,CAAQ;AAC5D,YAAA,aAAa,CACN;AACV,QAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAM,QAAQ,CAAO,CACjB;AAEV;;;;"}

package/dist/components/SectionLayout/SectionLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionLayout.js","sources":["../../../src/components/SectionLayout/SectionLayout.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../utils';\nimport { FlexCol } from '../Flex/FlexCol';\nimport { Text } from '../Text';\nimport styles from './SectionLayout.module.scss';\n\ntype SectionLayoutProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode;\n  title: string;\n  description?: string;\n  accessorySlot?: React.ReactNode;\n};\n\nexport function SectionLayout({\n  children,\n  title,\n  description,\n  accessorySlot,\n  className,\n  ...otherProps\n}: SectionLayoutProps) {\n  const classNames = buildClassnames([styles.grid, className]);\n  return (\n    <div className={classNames} {...otherProps}>\n      <FlexCol alignItems=\"flex-start\">\n        <Text variant=\"headingSmall\">{title}</Text>\n        {description && <Text variant=\"hintText\">{description}</Text>}\n        {accessorySlot}\n      </FlexCol>\n      <div>{children}</div>\n    </div>\n  );\n}\n"],"names":["React"],"mappings":";;;;;;;SAagB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,WAAW,EACX,aAAa,EACb,SAAS,EACT,GAAG,UAAU,EACM,EAAA;AACnB,IAAA,MAAM,UAAU,GAAG,eAAe,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAC5D,IAAA,QACEA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,KAAM,UAAU,EAAA;AACxC,QAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,UAAU,EAAC,YAAY,EAAA;AAC9B,YAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,OAAO,EAAC,cAAc,EAAA,EAAE,KAAK,CAAQ;YAC1C,WAAW,IAAIA,6BAAC,IAAI,EAAA,EAAC,OAAO,EAAC,UAAU,EAAE,EAAA,WAAW,CAAQ;AAC5D,YAAA,aAAa,CACN;AACV,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAM,QAAQ,CAAO,CACjB;AAEV;;;;"}
+{"version":3,"file":"SectionLayout.js","sources":["../../../src/components/SectionLayout/SectionLayout.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../utils';\nimport { FlexCol } from '../Flex/FlexCol';\nimport { Text } from '../Text';\nimport styles from './SectionLayout.module.scss';\n\ntype SectionLayoutProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode;\n  title: string;\n  description?: string;\n  accessorySlot?: React.ReactNode;\n};\n\nexport function SectionLayout({\n  children,\n  title,\n  description,\n  accessorySlot,\n  className,\n  ...otherProps\n}: SectionLayoutProps) {\n  const classNames = buildClassnames([styles.grid, className]);\n  return (\n    <div className={classNames} {...otherProps}>\n      <FlexCol alignItems=\"flex-start\">\n        <Text variant=\"headingSmall\">{title}</Text>\n        {description && <Text variant=\"hintText\">{description}</Text>}\n        {accessorySlot}\n      </FlexCol>\n      <div>{children}</div>\n    </div>\n  );\n}\n"],"names":["React"],"mappings":";;;;;;;SAagB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,WAAW,EACX,aAAa,EACb,SAAS,EACT,GAAG,UAAU,EACM,EAAA;AACnB,IAAA,MAAM,UAAU,GAAG,eAAe,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAC5D,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,KAAM,UAAU,EAAA;AACxC,QAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,UAAU,EAAC,YAAY,EAAA;AAC9B,YAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,cAAc,EAAA,EAAE,KAAK,CAAQ;YAC1C,WAAW,IAAIA,6BAAC,IAAI,EAAA,EAAC,OAAO,EAAC,UAAU,EAAA,EAAE,WAAW,CAAQ;AAC5D,YAAA,aAAa,CACN;AACV,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAM,QAAQ,CAAO,CACjB;AAEV;;;;"}

package/dist/components/SegmentedControl/SegmentedControl.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.cjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Button } from '../Button';\nimport { SegmentedControlContainer } from './styled';\n\nimport { SegmentedControlProps } from './types';\n\nexport const SegmentedControl = ({\n  options,\n  selected,\n  className,\n  onChange,\n}: SegmentedControlProps) => (\n  <SegmentedControlContainer className={className ? `${className}-container` : undefined}>\n    {options.map((option) => (\n      <Button\n        type=\"button\"\n        aria-pressed={option.value === selected}\n        variant={option.value === selected ? 'primary' : 'default'}\n        key={option.key}\n        onClick={() => onChange(option.value)}\n        disabled={option.disabled}\n        className={option.value === selected ? 'veeqo-components-active-button' : ''}\n      >\n        {option.label}\n      </Button>\n    ))}\n  </SegmentedControlContainer>\n);\n"],"names":["React","SegmentedControlContainer","Button"],"mappings":";;;;;;;;;;AAOa,MAAA,gBAAgB,GAAG,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,GACc,MACtBA,sBAAA,CAAA,aAAA,CAACC,gCAAyB,EAAA,EAAC,SAAS,EAAE,SAAS,GAAG,CAAG,EAAA,SAAS,CAAY,UAAA,CAAA,GAAG,SAAS,EAAA,EACnF,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAClBD,sBAAC,CAAA,aAAA,CAAAE,aAAM,EACL,EAAA,IAAI,EAAC,QAAQ,EACC,cAAA,EAAA,MAAM,CAAC,KAAK,KAAK,QAAQ,EACvC,OAAO,EAAE,MAAM,CAAC,KAAK,KAAK,QAAQ,GAAG,SAAS,GAAG,SAAS,EAC1D,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,OAAO,EAAE,MAAM,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EACrC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,SAAS,EAAE,MAAM,CAAC,KAAK,KAAK,QAAQ,GAAG,gCAAgC,GAAG,EAAE,EAAA,EAE3E,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACwB;;;;"}
+{"version":3,"file":"SegmentedControl.cjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Button } from '../Button';\nimport { SegmentedControlContainer } from './styled';\n\nimport { SegmentedControlProps } from './types';\n\nexport const SegmentedControl = ({\n  options,\n  selected,\n  className,\n  onChange,\n}: SegmentedControlProps) => (\n  <SegmentedControlContainer className={className ? `${className}-container` : undefined}>\n    {options.map((option) => (\n      <Button\n        type=\"button\"\n        aria-pressed={option.value === selected}\n        variant={option.value === selected ? 'primary' : 'default'}\n        key={option.key}\n        onClick={() => onChange(option.value)}\n        disabled={option.disabled}\n        className={option.value === selected ? 'veeqo-components-active-button' : ''}\n      >\n        {option.label}\n      </Button>\n    ))}\n  </SegmentedControlContainer>\n);\n"],"names":["React","SegmentedControlContainer","Button"],"mappings":";;;;;;;;;;AAOO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,GACc,MACtBA,sBAAA,CAAA,aAAA,CAACC,gCAAyB,EAAA,EAAC,SAAS,EAAE,SAAS,GAAG,CAAA,EAAG,SAAS,CAAA,UAAA,CAAY,GAAG,SAAS,EAAA,EACnF,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAClBD,sBAAA,CAAA,aAAA,CAACE,aAAM,EAAA,EACL,IAAI,EAAC,QAAQ,EAAA,cAAA,EACC,MAAM,CAAC,KAAK,KAAK,QAAQ,EACvC,OAAO,EAAE,MAAM,CAAC,KAAK,KAAK,QAAQ,GAAG,SAAS,GAAG,SAAS,EAC1D,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,OAAO,EAAE,MAAM,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EACrC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,SAAS,EAAE,MAAM,CAAC,KAAK,KAAK,QAAQ,GAAG,gCAAgC,GAAG,EAAE,EAAA,EAE3E,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACwB;;;;"}

package/dist/components/SegmentedControl/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Button } from '../Button';\nimport { SegmentedControlContainer } from './styled';\n\nimport { SegmentedControlProps } from './types';\n\nexport const SegmentedControl = ({\n  options,\n  selected,\n  className,\n  onChange,\n}: SegmentedControlProps) => (\n  <SegmentedControlContainer className={className ? `${className}-container` : undefined}>\n    {options.map((option) => (\n      <Button\n        type=\"button\"\n        aria-pressed={option.value === selected}\n        variant={option.value === selected ? 'primary' : 'default'}\n        key={option.key}\n        onClick={() => onChange(option.value)}\n        disabled={option.disabled}\n        className={option.value === selected ? 'veeqo-components-active-button' : ''}\n      >\n        {option.label}\n      </Button>\n    ))}\n  </SegmentedControlContainer>\n);\n"],"names":["React"],"mappings":";;;;AAOa,MAAA,gBAAgB,GAAG,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,GACc,MACtBA,cAAA,CAAA,aAAA,CAAC,yBAAyB,EAAA,EAAC,SAAS,EAAE,SAAS,GAAG,CAAG,EAAA,SAAS,CAAY,UAAA,CAAA,GAAG,SAAS,EAAA,EACnF,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAClBA,cAAC,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,IAAI,EAAC,QAAQ,EACC,cAAA,EAAA,MAAM,CAAC,KAAK,KAAK,QAAQ,EACvC,OAAO,EAAE,MAAM,CAAC,KAAK,KAAK,QAAQ,GAAG,SAAS,GAAG,SAAS,EAC1D,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,OAAO,EAAE,MAAM,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EACrC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,SAAS,EAAE,MAAM,CAAC,KAAK,KAAK,QAAQ,GAAG,gCAAgC,GAAG,EAAE,EAAA,EAE3E,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACwB;;;;"}
+{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Button } from '../Button';\nimport { SegmentedControlContainer } from './styled';\n\nimport { SegmentedControlProps } from './types';\n\nexport const SegmentedControl = ({\n  options,\n  selected,\n  className,\n  onChange,\n}: SegmentedControlProps) => (\n  <SegmentedControlContainer className={className ? `${className}-container` : undefined}>\n    {options.map((option) => (\n      <Button\n        type=\"button\"\n        aria-pressed={option.value === selected}\n        variant={option.value === selected ? 'primary' : 'default'}\n        key={option.key}\n        onClick={() => onChange(option.value)}\n        disabled={option.disabled}\n        className={option.value === selected ? 'veeqo-components-active-button' : ''}\n      >\n        {option.label}\n      </Button>\n    ))}\n  </SegmentedControlContainer>\n);\n"],"names":["React"],"mappings":";;;;AAOO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,GACc,MACtBA,cAAA,CAAA,aAAA,CAAC,yBAAyB,EAAA,EAAC,SAAS,EAAE,SAAS,GAAG,CAAA,EAAG,SAAS,CAAA,UAAA,CAAY,GAAG,SAAS,EAAA,EACnF,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAClBA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,QAAQ,EAAA,cAAA,EACC,MAAM,CAAC,KAAK,KAAK,QAAQ,EACvC,OAAO,EAAE,MAAM,CAAC,KAAK,KAAK,QAAQ,GAAG,SAAS,GAAG,SAAS,EAC1D,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,OAAO,EAAE,MAAM,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EACrC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,SAAS,EAAE,MAAM,CAAC,KAAK,KAAK,QAAQ,GAAG,gCAAgC,GAAG,EAAE,EAAA,EAE3E,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACwB;;;;"}

package/dist/components/SegmentedControl/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/SegmentedControl/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\n\nimport { BaseContainer } from '../BaseContainer';\n\nconst buttonBackgroundColor = theme.colors.neutral.grey.lightest;\nconst buttonBorderColor = theme.colors.neutral.grey.dark;\n\nconst activeButtonColor = theme.colors.secondary.blue.dark;\n\nexport const SegmentedControlContainer = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n\n  > button {\n    border-radius: 0;\n    box-shadow: none;\n\n    :active {\n      background-color: ${buttonBackgroundColor};\n      border-color: ${buttonBorderColor};\n      box-shadow: none;\n    }\n\n    :focus {\n      box-shadow: 0 0 0 4px ${theme.colors.secondary.blue.light};\n      outline: 0;\n      z-index: 1;\n    }\n  }\n\n  > .veeqo-components-active-button {\n    :active {\n      background-color: ${activeButtonColor};\n      border-color: ${activeButtonColor};\n    }\n  }\n\n  > button:not(:first-child) {\n    border-left: none;\n  }\n\n  > .veeqo-components-active-button + button {\n    border-left: 1px solid ${theme.colors.neutral.grey.dark};\n  }\n\n  > button:first-child {\n    border-radius: 20px 0px 0px 20px;\n  }\n\n  > button:last-child {\n    border-radius: 0px 20px 20px 0px;\n  }\n`;\n"],"names":["theme","styled","BaseContainer"],"mappings":";;;;;;;;;;AAKA,MAAM,qBAAqB,GAAGA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;AAChE,MAAM,iBAAiB,GAAGA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAExD,MAAM,iBAAiB,GAAGA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAE7C,MAAA,yBAAyB,GAAGC,uBAAM,CAACC,2BAAa,CAAC,CASpC,UAAA,CAAA,EAAA,WAAA,EAAA,gCAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,kGAAA,EAAA,qBAAqB,iBACzB,iBAAiB,CAAA,8CAAA,EAKTF,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,kFAAA,EAQrC,iBAAiB,CAAA,cAAA,EACrB,iBAAiB,CASV,iHAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/SegmentedControl/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\n\nimport { BaseContainer } from '../BaseContainer';\n\nconst buttonBackgroundColor = theme.colors.neutral.grey.lightest;\nconst buttonBorderColor = theme.colors.neutral.grey.dark;\n\nconst activeButtonColor = theme.colors.secondary.blue.dark;\n\nexport const SegmentedControlContainer = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n\n  > button {\n    border-radius: 0;\n    box-shadow: none;\n\n    :active {\n      background-color: ${buttonBackgroundColor};\n      border-color: ${buttonBorderColor};\n      box-shadow: none;\n    }\n\n    :focus {\n      box-shadow: 0 0 0 4px ${theme.colors.secondary.blue.light};\n      outline: 0;\n      z-index: 1;\n    }\n  }\n\n  > .veeqo-components-active-button {\n    :active {\n      background-color: ${activeButtonColor};\n      border-color: ${activeButtonColor};\n    }\n  }\n\n  > button:not(:first-child) {\n    border-left: none;\n  }\n\n  > .veeqo-components-active-button + button {\n    border-left: 1px solid ${theme.colors.neutral.grey.dark};\n  }\n\n  > button:first-child {\n    border-radius: 20px 0px 0px 20px;\n  }\n\n  > button:last-child {\n    border-radius: 0px 20px 20px 0px;\n  }\n`;\n"],"names":["theme","styled","BaseContainer"],"mappings":";;;;;;;;;;AAKA,MAAM,qBAAqB,GAAGA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;AAChE,MAAM,iBAAiB,GAAGA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAExD,MAAM,iBAAiB,GAAGA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAEnD,MAAM,yBAAyB,GAAGC,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gCAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,kGAAA,EASpC,qBAAqB,iBACzB,iBAAiB,CAAA,8CAAA,EAKTF,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,kFAAA,EAQrC,iBAAiB,CAAA,cAAA,EACrB,iBAAiB,CAAA,iHAAA,EASVA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;"}

package/dist/components/SegmentedControl/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/SegmentedControl/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\n\nimport { BaseContainer } from '../BaseContainer';\n\nconst buttonBackgroundColor = theme.colors.neutral.grey.lightest;\nconst buttonBorderColor = theme.colors.neutral.grey.dark;\n\nconst activeButtonColor = theme.colors.secondary.blue.dark;\n\nexport const SegmentedControlContainer = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n\n  > button {\n    border-radius: 0;\n    box-shadow: none;\n\n    :active {\n      background-color: ${buttonBackgroundColor};\n      border-color: ${buttonBorderColor};\n      box-shadow: none;\n    }\n\n    :focus {\n      box-shadow: 0 0 0 4px ${theme.colors.secondary.blue.light};\n      outline: 0;\n      z-index: 1;\n    }\n  }\n\n  > .veeqo-components-active-button {\n    :active {\n      background-color: ${activeButtonColor};\n      border-color: ${activeButtonColor};\n    }\n  }\n\n  > button:not(:first-child) {\n    border-left: none;\n  }\n\n  > .veeqo-components-active-button + button {\n    border-left: 1px solid ${theme.colors.neutral.grey.dark};\n  }\n\n  > button:first-child {\n    border-radius: 20px 0px 0px 20px;\n  }\n\n  > button:last-child {\n    border-radius: 0px 20px 20px 0px;\n  }\n`;\n"],"names":[],"mappings":";;;;AAKA,MAAM,qBAAqB,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;AAChE,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAExD,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAE7C,MAAA,yBAAyB,GAAG,MAAM,CAAC,aAAa,CAAC,CASpC,UAAA,CAAA,EAAA,WAAA,EAAA,gCAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,kGAAA,EAAA,qBAAqB,iBACzB,iBAAiB,CAAA,8CAAA,EAKT,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,kFAAA,EAQrC,iBAAiB,CAAA,cAAA,EACrB,iBAAiB,CASV,iHAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/SegmentedControl/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\n\nimport { BaseContainer } from '../BaseContainer';\n\nconst buttonBackgroundColor = theme.colors.neutral.grey.lightest;\nconst buttonBorderColor = theme.colors.neutral.grey.dark;\n\nconst activeButtonColor = theme.colors.secondary.blue.dark;\n\nexport const SegmentedControlContainer = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n\n  > button {\n    border-radius: 0;\n    box-shadow: none;\n\n    :active {\n      background-color: ${buttonBackgroundColor};\n      border-color: ${buttonBorderColor};\n      box-shadow: none;\n    }\n\n    :focus {\n      box-shadow: 0 0 0 4px ${theme.colors.secondary.blue.light};\n      outline: 0;\n      z-index: 1;\n    }\n  }\n\n  > .veeqo-components-active-button {\n    :active {\n      background-color: ${activeButtonColor};\n      border-color: ${activeButtonColor};\n    }\n  }\n\n  > button:not(:first-child) {\n    border-left: none;\n  }\n\n  > .veeqo-components-active-button + button {\n    border-left: 1px solid ${theme.colors.neutral.grey.dark};\n  }\n\n  > button:first-child {\n    border-radius: 20px 0px 0px 20px;\n  }\n\n  > button:last-child {\n    border-radius: 0px 20px 20px 0px;\n  }\n`;\n"],"names":[],"mappings":";;;;AAKA,MAAM,qBAAqB,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;AAChE,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAExD,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAEnD,MAAM,yBAAyB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gCAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,kGAAA,EASpC,qBAAqB,iBACzB,iBAAiB,CAAA,8CAAA,EAKT,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,kFAAA,EAQrC,iBAAiB,CAAA,cAAA,EACrB,iBAAiB,CAAA,iHAAA,EASV,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;"}

package/dist/components/Select/Select.cjs

@@ -14,7 +14,7 @@ const Select = withLabels.withLabels(React.forwardRef(({ className, options, val
             return;
         onChange(e.currentTarget.value);
     }, [onChange]);
-    return (React__default.default.createElement(styled.SelectInput, { className: className, compact: size === 'sm', value: value !== null && value !== undefined ? value : undefined, onChange: handleChange, disabled: disabled, hasError: hasError, ref: ref, ...otherProps }, !!options &&
+    return (React__default.default.createElement(styled.SelectInput, { className: className, compact: size === 'sm', value: value !== null && value !== void 0 ? value : undefined, onChange: handleChange, disabled: disabled, hasError: hasError, ref: ref, ...otherProps }, !!options &&
         options.map((option) => (React__default.default.createElement("option", { key: option.label, value: option.value, disabled: option.disabled, hidden: option.hidden }, option.label)))));
 }));
 Select.displayName = 'Select';

package/dist/components/Select/Select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.cjs","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, useCallback } from 'react';\n\nimport { SelectInput } from './styled';\nimport { withLabels } from '../../hoc';\n\nexport type SelectOption = {\n  label: string;\n  value: string;\n  disabled?: boolean;\n  hidden?: boolean;\n};\n\nexport interface SelectProps\n  extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size' | 'onChange'> {\n  id?: string;\n  className?: string;\n  options: Array<SelectOption>;\n  value?: string;\n  size?: 'sm' | 'base';\n  disabled?: boolean;\n  hasError?: boolean;\n  onChange?: (value: string) => void;\n}\n\nexport const Select = withLabels(\n  forwardRef<HTMLSelectElement, SelectProps>(\n    (\n      { className, options, value, onChange, size, disabled, hasError, ...otherProps }: SelectProps,\n      ref,\n    ) => {\n      const handleChange = useCallback(\n        (e: ChangeEvent<HTMLSelectElement>) => {\n          if (!onChange) return;\n          onChange(e.currentTarget.value);\n        },\n        [onChange],\n      );\n\n      return (\n        <SelectInput\n          className={className}\n          compact={size === 'sm'}\n          value={value ?? undefined}\n          onChange={handleChange}\n          disabled={disabled}\n          hasError={hasError}\n          ref={ref}\n          {...otherProps}\n        >\n          {!!options &&\n            options.map((option) => (\n              <option\n                key={option.label}\n                value={option.value}\n                disabled={option.disabled}\n                hidden={option.hidden}\n              >\n                {option.label}\n              </option>\n            ))}\n        </SelectInput>\n      );\n    },\n  ),\n);\n\nSelect.displayName = 'Select';\n"],"names":["withLabels","forwardRef","useCallback","React","SelectInput"],"mappings":";;;;;;;;;;AAwBO,MAAM,MAAM,GAAGA,qBAAU,CAC9BC,gBAAU,CACR,CACE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAe,EAC7F,GAAG,KACD;AACF,IAAA,MAAM,YAAY,GAAGC,iBAAW,CAC9B,CAAC,CAAiC,KAAI;AACpC,QAAA,IAAI,CAAC,QAAQ;YAAE;AACf,QAAA,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;AACjC,KAAC,EACD,CAAC,QAAQ,CAAC,CACX;IAED,QACEC,qCAACC,kBAAW,EAAA,EACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,IAAI,KAAK,IAAI,EACtB,KAAK,EAAE,KAAK,KAAL,IAAA,IAAA,KAAK,iBAAL,KAAK,GAAI,SAAS,EACzB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EAAA,GACJ,UAAU,EAEb,EAAA,CAAC,CAAC,OAAO;AACR,QAAA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MACjBD,iDACE,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,MAAM,EAAE,MAAM,CAAC,MAAM,EAEpB,EAAA,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACQ;AAElB,CAAC,CACF;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Select.cjs","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, useCallback } from 'react';\n\nimport { SelectInput } from './styled';\nimport { withLabels } from '../../hoc';\n\nexport type SelectOption = {\n  label: string;\n  value: string;\n  disabled?: boolean;\n  hidden?: boolean;\n};\n\nexport interface SelectProps\n  extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size' | 'onChange'> {\n  id?: string;\n  className?: string;\n  options: Array<SelectOption>;\n  value?: string;\n  size?: 'sm' | 'base';\n  disabled?: boolean;\n  hasError?: boolean;\n  onChange?: (value: string) => void;\n}\n\nexport const Select = withLabels(\n  forwardRef<HTMLSelectElement, SelectProps>(\n    (\n      { className, options, value, onChange, size, disabled, hasError, ...otherProps }: SelectProps,\n      ref,\n    ) => {\n      const handleChange = useCallback(\n        (e: ChangeEvent<HTMLSelectElement>) => {\n          if (!onChange) return;\n          onChange(e.currentTarget.value);\n        },\n        [onChange],\n      );\n\n      return (\n        <SelectInput\n          className={className}\n          compact={size === 'sm'}\n          value={value ?? undefined}\n          onChange={handleChange}\n          disabled={disabled}\n          hasError={hasError}\n          ref={ref}\n          {...otherProps}\n        >\n          {!!options &&\n            options.map((option) => (\n              <option\n                key={option.label}\n                value={option.value}\n                disabled={option.disabled}\n                hidden={option.hidden}\n              >\n                {option.label}\n              </option>\n            ))}\n        </SelectInput>\n      );\n    },\n  ),\n);\n\nSelect.displayName = 'Select';\n"],"names":["withLabels","forwardRef","useCallback","React","SelectInput"],"mappings":";;;;;;;;;;AAwBO,MAAM,MAAM,GAAGA,qBAAU,CAC9BC,gBAAU,CACR,CACE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAe,EAC7F,GAAG,KACD;AACF,IAAA,MAAM,YAAY,GAAGC,iBAAW,CAC9B,CAAC,CAAiC,KAAI;AACpC,QAAA,IAAI,CAAC,QAAQ;YAAE;AACf,QAAA,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;AACjC,IAAA,CAAC,EACD,CAAC,QAAQ,CAAC,CACX;IAED,QACEC,qCAACC,kBAAW,EAAA,EACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,IAAI,KAAK,IAAI,EACtB,KAAK,EAAE,KAAK,KAAA,IAAA,IAAL,KAAK,cAAL,KAAK,GAAI,SAAS,EACzB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EAAA,GACJ,UAAU,EAAA,EAEb,CAAC,CAAC,OAAO;AACR,QAAA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MACjBD,iDACE,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAA,EAEpB,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACQ;AAElB,CAAC,CACF;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/components/Select/Select.js

@@ -8,7 +8,7 @@ const Select = withLabels(forwardRef(({ className, options, value, onChange, siz
             return;
         onChange(e.currentTarget.value);
     }, [onChange]);
-    return (React__default.createElement(SelectInput, { className: className, compact: size === 'sm', value: value !== null && value !== undefined ? value : undefined, onChange: handleChange, disabled: disabled, hasError: hasError, ref: ref, ...otherProps }, !!options &&
+    return (React__default.createElement(SelectInput, { className: className, compact: size === 'sm', value: value !== null && value !== void 0 ? value : undefined, onChange: handleChange, disabled: disabled, hasError: hasError, ref: ref, ...otherProps }, !!options &&
         options.map((option) => (React__default.createElement("option", { key: option.label, value: option.value, disabled: option.disabled, hidden: option.hidden }, option.label)))));
 }));
 Select.displayName = 'Select';

package/dist/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, useCallback } from 'react';\n\nimport { SelectInput } from './styled';\nimport { withLabels } from '../../hoc';\n\nexport type SelectOption = {\n  label: string;\n  value: string;\n  disabled?: boolean;\n  hidden?: boolean;\n};\n\nexport interface SelectProps\n  extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size' | 'onChange'> {\n  id?: string;\n  className?: string;\n  options: Array<SelectOption>;\n  value?: string;\n  size?: 'sm' | 'base';\n  disabled?: boolean;\n  hasError?: boolean;\n  onChange?: (value: string) => void;\n}\n\nexport const Select = withLabels(\n  forwardRef<HTMLSelectElement, SelectProps>(\n    (\n      { className, options, value, onChange, size, disabled, hasError, ...otherProps }: SelectProps,\n      ref,\n    ) => {\n      const handleChange = useCallback(\n        (e: ChangeEvent<HTMLSelectElement>) => {\n          if (!onChange) return;\n          onChange(e.currentTarget.value);\n        },\n        [onChange],\n      );\n\n      return (\n        <SelectInput\n          className={className}\n          compact={size === 'sm'}\n          value={value ?? undefined}\n          onChange={handleChange}\n          disabled={disabled}\n          hasError={hasError}\n          ref={ref}\n          {...otherProps}\n        >\n          {!!options &&\n            options.map((option) => (\n              <option\n                key={option.label}\n                value={option.value}\n                disabled={option.disabled}\n                hidden={option.hidden}\n              >\n                {option.label}\n              </option>\n            ))}\n        </SelectInput>\n      );\n    },\n  ),\n);\n\nSelect.displayName = 'Select';\n"],"names":["React"],"mappings":";;;;AAwBO,MAAM,MAAM,GAAG,UAAU,CAC9B,UAAU,CACR,CACE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAe,EAC7F,GAAG,KACD;AACF,IAAA,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAiC,KAAI;AACpC,QAAA,IAAI,CAAC,QAAQ;YAAE;AACf,QAAA,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;AACjC,KAAC,EACD,CAAC,QAAQ,CAAC,CACX;IAED,QACEA,6BAAC,WAAW,EAAA,EACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,IAAI,KAAK,IAAI,EACtB,KAAK,EAAE,KAAK,KAAL,IAAA,IAAA,KAAK,iBAAL,KAAK,GAAI,SAAS,EACzB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EAAA,GACJ,UAAU,EAEb,EAAA,CAAC,CAAC,OAAO;AACR,QAAA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MACjBA,yCACE,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,MAAM,EAAE,MAAM,CAAC,MAAM,EAEpB,EAAA,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACQ;AAElB,CAAC,CACF;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, useCallback } from 'react';\n\nimport { SelectInput } from './styled';\nimport { withLabels } from '../../hoc';\n\nexport type SelectOption = {\n  label: string;\n  value: string;\n  disabled?: boolean;\n  hidden?: boolean;\n};\n\nexport interface SelectProps\n  extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size' | 'onChange'> {\n  id?: string;\n  className?: string;\n  options: Array<SelectOption>;\n  value?: string;\n  size?: 'sm' | 'base';\n  disabled?: boolean;\n  hasError?: boolean;\n  onChange?: (value: string) => void;\n}\n\nexport const Select = withLabels(\n  forwardRef<HTMLSelectElement, SelectProps>(\n    (\n      { className, options, value, onChange, size, disabled, hasError, ...otherProps }: SelectProps,\n      ref,\n    ) => {\n      const handleChange = useCallback(\n        (e: ChangeEvent<HTMLSelectElement>) => {\n          if (!onChange) return;\n          onChange(e.currentTarget.value);\n        },\n        [onChange],\n      );\n\n      return (\n        <SelectInput\n          className={className}\n          compact={size === 'sm'}\n          value={value ?? undefined}\n          onChange={handleChange}\n          disabled={disabled}\n          hasError={hasError}\n          ref={ref}\n          {...otherProps}\n        >\n          {!!options &&\n            options.map((option) => (\n              <option\n                key={option.label}\n                value={option.value}\n                disabled={option.disabled}\n                hidden={option.hidden}\n              >\n                {option.label}\n              </option>\n            ))}\n        </SelectInput>\n      );\n    },\n  ),\n);\n\nSelect.displayName = 'Select';\n"],"names":["React"],"mappings":";;;;AAwBO,MAAM,MAAM,GAAG,UAAU,CAC9B,UAAU,CACR,CACE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAe,EAC7F,GAAG,KACD;AACF,IAAA,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAiC,KAAI;AACpC,QAAA,IAAI,CAAC,QAAQ;YAAE;AACf,QAAA,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;AACjC,IAAA,CAAC,EACD,CAAC,QAAQ,CAAC,CACX;IAED,QACEA,6BAAC,WAAW,EAAA,EACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,IAAI,KAAK,IAAI,EACtB,KAAK,EAAE,KAAK,KAAA,IAAA,IAAL,KAAK,cAAL,KAAK,GAAI,SAAS,EACzB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EAAA,GACJ,UAAU,EAAA,EAEb,CAAC,CAAC,OAAO;AACR,QAAA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MACjBA,yCACE,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAA,EAEpB,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACQ;AAElB,CAAC,CACF;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}