@kaizen/components 1.33.0 → 1.35.0

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/LinkModal.mjs

@@ -0,0 +1,66 @@
+import React, { useState, useRef } from 'react';
+import '../../../../../../Modal/ConfirmationModal/ConfirmationModal.mjs';
+import '../../../../../../Modal/ContextModal/ContextModal.mjs';
+import '../../../../../../Modal/GenericModal/GenericModal.mjs';
+import '../../../../../../Modal/GenericModal/context/ModalContext.mjs';
+import '../../../../../../Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.mjs';
+import '../../../../../../Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.mjs';
+import '../../../../../../Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.mjs';
+import '../../../../../../Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.mjs';
+import '../../../../../../Modal/GenericModal/subcomponents/ModalBody/ModalBody.mjs';
+import { InputEditModal } from '../../../../../../Modal/InputEditModal/InputEditModal.mjs';
+import { TextField } from '../../../../../../TextField/TextField.mjs';
+import { validateLink } from '../../validation.mjs';
+const LinkModal = /*#__PURE__*/function () {
+  const LinkModal = function (_a) {
+    var onSubmit = _a.onSubmit,
+      onDismiss = _a.onDismiss,
+      onAfterLeave = _a.onAfterLeave,
+      isOpen = _a.isOpen,
+      defaultHref = _a.defaultHref;
+    var _b = useState(defaultHref || ""),
+      href = _b[0],
+      setHref = _b[1];
+    var _c = useState({
+        status: "default"
+      }),
+      validationStatus = _c[0],
+      setValidationStatus = _c[1];
+    var inputRef = useRef(null);
+    var handleSubmit = function () {
+      var _a;
+      var validation = validateLink(href);
+      if (validation.status !== "success") {
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        setValidationStatus(validation);
+        return;
+      }
+      onSubmit(href);
+    };
+    return /*#__PURE__*/React.createElement(InputEditModal, {
+      submitLabel: defaultHref ? "Save" : "Add",
+      mood: "positive",
+      isOpen: isOpen,
+      title: defaultHref ? "Edit link" : "Add link",
+      onSubmit: handleSubmit,
+      onDismiss: onDismiss,
+      onAfterLeave: onAfterLeave
+    }, /*#__PURE__*/React.createElement(TextField, {
+      id: "href",
+      type: "text",
+      defaultValue: href !== null && href !== void 0 ? href : "",
+      labelText: "Link URL",
+      inputRef: inputRef,
+      validationMessage: validationStatus.message,
+      status: validationStatus.status,
+      onChange: function (e) {
+        setHref(e.target.value);
+      },
+      inline: true
+    }));
+  };
+  LinkModal.displayName = "LinkModal";
+  return LinkModal;
+}();
+export { LinkModal };
+//# sourceMappingURL=LinkModal.mjs.map

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/LinkModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkModal.mjs","sources":["../../../../../../../../src/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/LinkModal.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\"\nimport { InputEditModal } from \"~components/Modal\"\nimport { TextField } from \"~components/TextField\"\nimport { ValidationResponse, validateLink } from \"../../validation\"\n\ntype LinkModalProps = {\n  onSubmit: (href: string) => void\n  onDismiss: () => void\n  onAfterLeave: () => void\n  isOpen: boolean\n  defaultHref?: string\n}\n\nexport const LinkModal = ({\n  onSubmit,\n  onDismiss,\n  onAfterLeave,\n  isOpen,\n  defaultHref,\n}: LinkModalProps): JSX.Element => {\n  const [href, setHref] = useState<string>(defaultHref || \"\")\n  const [validationStatus, setValidationStatus] = useState<ValidationResponse>({\n    status: \"default\",\n  })\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const handleSubmit = (): void => {\n    const validation = validateLink(href)\n    if (validation.status !== \"success\") {\n      inputRef.current?.focus()\n      setValidationStatus(validation)\n      return\n    }\n\n    onSubmit(href)\n  }\n\n  return (\n    <InputEditModal\n      submitLabel={defaultHref ? \"Save\" : \"Add\"}\n      mood=\"positive\"\n      isOpen={isOpen}\n      title={defaultHref ? \"Edit link\" : \"Add link\"}\n      onSubmit={handleSubmit}\n      onDismiss={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <TextField\n        id=\"href\"\n        type=\"text\"\n        defaultValue={href ?? \"\"}\n        labelText=\"Link URL\"\n        inputRef={inputRef}\n        validationMessage={validationStatus.message}\n        status={validationStatus.status}\n        onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n          setHref(e.target.value)\n        }}\n        inline\n      />\n    </InputEditModal>\n  )\n}\n\nLinkModal.displayName = \"LinkModal\"\n"],"names":["LinkModal","_a","onSubmit","onDismiss","onAfterLeave","isOpen","defaultHref","_b","useState","href","setHref","_c","status","validationStatus","setValidationStatus","inputRef","useRef","handleSubmit","validation","validateLink","current","focus","React","InputEditModal","submitLabel","mood","title","createElement","TextField","id","type","defaultValue","labelText","validationMessage","message","onChange","e","target","value","inline","displayName"],"mappings":";;;;;;;;;;;;;MAaaA,SAAS;EAAA,MAATA,SAAS,GAAG,SAAAA,CAACC,EAMT,EAAA;IALf,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,SAAS,GAAAF,EAAA,CAAAE,SAAA;MACTC,YAAY,GAAAH,EAAA,CAAAG,YAAA;MACZC,MAAM,GAAAJ,EAAA,CAAAI,MAAA;MACNC,WAAW,GAAAL,EAAA,CAAAK,WAAA;IAEL,IAAAC,EAAkB,GAAAC,QAAQ,CAASF,WAAW,IAAI,EAAE,CAAC;MAApDG,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,OAAO,QAAuC;IACrD,IAAAC,EAAA,GAA0CH,QAAQ,CAAqB;QAC3EI,MAAM,EAAE;MACT,CAAA,CAAC;MAFKC,gBAAgB,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,mBAAmB,QAE1C;IACF,IAAMC,QAAQ,GAAGC,MAAM,CAAmB,IAAI,CAAC;IAE/C,IAAMC,YAAY,GAAG,SAAAA,CAAA,EAAA;;MACnB,IAAMC,UAAU,GAAGC,YAAY,CAACV,IAAI,CAAC;MACrC,IAAIS,UAAU,CAACN,MAAM,KAAK,SAAS,EAAE;QACnC,CAAAX,EAAA,GAAAc,QAAQ,CAACK,OAAO,MAAE,IAAA,IAAAnB,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAoB,KAAK,CAAA,CAAE;QACzBP,mBAAmB,CAACI,UAAU,CAAC;QAC/B;MACD;MAEDhB,QAAQ,CAACO,IAAI,CAAC;IAChB,CAAC;IAED,oBACEa,oBAACC,cAAc,EAAA;MACbC,WAAW,EAAElB,WAAW,GAAG,MAAM,GAAG,KAAK;MACzCmB,IAAI,EAAC,UAAU;MACfpB,MAAM,EAAEA,MAAM;MACdqB,KAAK,EAAEpB,WAAW,GAAG,WAAW,GAAG,UAAU;MAC7CJ,QAAQ,EAAEe,YAAY;MACtBd,SAAS,EAAEA,SAAS;MACpBC,YAAY,EAAEA;IAAY,CAAA,eAE1BkB,KAAA,CAAAK,aAAA,CAACC,SAAS,EACR;MAAAC,EAAE,EAAC,MAAM;MACTC,IAAI,EAAC,MAAM;MACXC,YAAY,EAAEtB,IAAI,KAAJ,IAAA,IAAAA,IAAI,cAAJA,IAAI,GAAI,EAAE;MACxBuB,SAAS,EAAC,UAAU;MACpBjB,QAAQ,EAAEA,QAAQ;MAClBkB,iBAAiB,EAAEpB,gBAAgB,CAACqB,OAAO;MAC3CtB,MAAM,EAAEC,gBAAgB,CAACD,MAAM;MAC/BuB,QAAQ,EAAE,SAAAA,CAACC,CAAsC,EAAA;QAC/C1B,OAAO,CAAC0B,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;MACzB,CAAC;MACDC,MAAM,EACN;IAAA,CAAA,CAAA,CACa;EAErB,CAAC;EAEDvC,SAAS,CAACwC,WAAW,GAAG,WAAW;EAAA,OAnDtBxC,SAAS;AAAA;"}

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.mjs

@@ -0,0 +1,55 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import '../../../../../../Icon/subcomponents/SVG/SVG.mjs';
+import { EditIcon } from '../../../../../../Icon/EditIcon.mjs';
+import { ExternalLinkIcon } from '../../../../../../Icon/ExternalLinkIcon.mjs';
+import { RemoveLinkIcon } from '../../../../../../Icon/RemoveLinkIcon.mjs';
+import { usePopover } from '../../../../../../Popover/Popover.mjs';
+import { Text } from '../../../../../../Text/Text.mjs';
+import { Positioner } from './Positioner.mjs';
+import styles from './LinkPopover.module.scss.mjs';
+const LinkPopover = /*#__PURE__*/function () {
+  const LinkPopover = function (_a) {
+    var href = _a.href,
+      onRemove = _a.onRemove,
+      onEdit = _a.onEdit,
+      selectionPosition = _a.selectionPosition;
+    var _b = usePopover(),
+      ElementRef = _b[0],
+      Popover = _b[1];
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Positioner, __assign({
+      ref: ElementRef
+    }, selectionPosition)), /*#__PURE__*/React.createElement(Popover, {
+      size: "large"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.popoverContent
+    }, /*#__PURE__*/React.createElement(ExternalLinkIcon, {
+      role: "presentation"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: styles.popoverLinkContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      variant: "body",
+      tag: "div",
+      classNameOverride: styles.paragraphFlex
+    }, /*#__PURE__*/React.createElement("a", {
+      className: styles.popoverLink,
+      href: href != null ? href : undefined,
+      target: "_blank",
+      rel: "noopener noreferrer"
+    }, href))), /*#__PURE__*/React.createElement("div", {
+      className: styles.popoverActions
+    }, /*#__PURE__*/React.createElement(EditIcon, {
+      role: "img",
+      onClick: onEdit,
+      "aria-label": "Edit link"
+    })), /*#__PURE__*/React.createElement(RemoveLinkIcon, {
+      role: "img",
+      onClick: onRemove,
+      "aria-label": "Remove link"
+    }))));
+  };
+  LinkPopover.displayName = "LinkPopover";
+  return LinkPopover;
+}();
+export { LinkPopover };
+//# sourceMappingURL=LinkPopover.mjs.map

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkPopover.mjs","sources":["../../../../../../../../src/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.tsx"],"sourcesContent":["import React from \"react\"\nimport { EditIcon, ExternalLinkIcon, RemoveLinkIcon } from \"~components/Icon\"\nimport { usePopover } from \"~components/Popover\"\nimport { Text } from \"~components/Text\"\nimport { SelectionPosition } from \"../../types\"\nimport { Positioner } from \"./Positioner\"\nimport styles from \"./LinkPopover.module.scss\"\n\nexport type LinkPopoverProps = {\n  href?: string\n  onRemove: () => void\n  onEdit: () => void\n  selectionPosition: SelectionPosition\n}\n\nexport const LinkPopover = ({\n  href,\n  onRemove,\n  onEdit,\n  selectionPosition,\n}: LinkPopoverProps): JSX.Element => {\n  const [ElementRef, Popover] = usePopover()\n\n  return (\n    <>\n      <Positioner ref={ElementRef} {...selectionPosition} />\n      <Popover size=\"large\">\n        <div className={styles.popoverContent}>\n          <ExternalLinkIcon role=\"presentation\" />\n          <div className={styles.popoverLinkContainer}>\n            <Text\n              variant=\"body\"\n              tag=\"div\"\n              classNameOverride={styles.paragraphFlex}\n            >\n              <a\n                className={styles.popoverLink}\n                href={href != null ? href : undefined}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {href}\n              </a>\n            </Text>\n          </div>\n          <div className={styles.popoverActions}>\n            <EditIcon role=\"img\" onClick={onEdit} aria-label=\"Edit link\" />\n          </div>\n          <RemoveLinkIcon\n            role=\"img\"\n            onClick={onRemove}\n            aria-label=\"Remove link\"\n          />\n        </div>\n      </Popover>\n    </>\n  )\n}\n\nLinkPopover.displayName = \"LinkPopover\"\n"],"names":["LinkPopover","_a","href","onRemove","onEdit","selectionPosition","_b","usePopover","ElementRef","Popover","React","createElement","Fragment","Positioner","__assign","ref","size","className","styles","popoverContent","ExternalLinkIcon","role","popoverLinkContainer","Text","variant","tag","classNameOverride","paragraphFlex","popoverLink","undefined","target","rel","popoverActions","EditIcon","onClick","RemoveLinkIcon","displayName"],"mappings":";;;;;;;;;;MAeaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAKT,EAAA;QAJjBC,IAAI,GAAAD,EAAA,CAAAC,IAAA;MACJC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACNC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;IAEX,IAAAC,EAAA,GAAwBC,UAAU,CAAE,CAAA;MAAnCC,UAAU,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,OAAO,GAAAH,EAAA,CAAA,CAAA,CAAgB;IAE1C,oBACEI,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAACE,UAAU,EAACC,QAAA,CAAA;MAAAC,GAAG,EAAEP;IAAU,CAAA,EAAMH,iBAAiB,CAAI,CAAA,eACtDK,KAAA,CAAAC,aAAA,CAACF,OAAO,EAAA;MAACO,IAAI,EAAC;IAAO,CAAA,eACnBN,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKM,SAAS,EAAEC,MAAM,CAACC;IAAc,CAAA,eACnCT,KAAA,CAAAC,aAAA,CAACS,gBAAgB,EAAA;MAACC,IAAI,EAAC;IAAc,CAAG,CAAA,eACxCX,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKM,SAAS,EAAEC,MAAM,CAACI;IAAoB,CAAA,eACzCZ,KAAA,CAAAC,aAAA,CAACY,IAAI,EAAA;MACHC,OAAO,EAAC,MAAM;MACdC,GAAG,EAAC,KAAK;MACTC,iBAAiB,EAAER,MAAM,CAACS;IAAa,CAAA,eAEvCjB,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;MACEM,SAAS,EAAEC,MAAM,CAACU,WAAW;MAC7B1B,IAAI,EAAEA,IAAI,IAAI,IAAI,GAAGA,IAAI,GAAG2B,SAAS;MACrCC,MAAM,EAAC,QAAQ;MACfC,GAAG,EAAC;IAAqB,CAAA,EAExB7B,IAAI,CACH,CACC,CACH,eACNQ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKM,SAAS,EAAEC,MAAM,CAACc;IAAc,CAAA,eACnCtB,KAAA,CAAAC,aAAA,CAACsB,QAAQ,EAAA;MAACZ,IAAI,EAAC,KAAK;MAACa,OAAO,EAAE9B,MAAM;MAAA,YAAA,EAAa;IAAW,CAAA,CAAG,CAC3D,eACNM,KAAA,CAAAC,aAAA,CAACwB,cAAc,EACb;MAAAd,IAAI,EAAC,KAAK;MACVa,OAAO,EAAE/B,QAAQ;MAAA,YAAA,EACN;KACX,CAAA,CACE,CACE,CACT;EAEP,CAAC;EAEDH,WAAW,CAACoC,WAAW,GAAG,aAAa;EAAA,OA5C1BpC,WAAW;AAAA;"}

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.module.scss.mjs

@@ -0,0 +1,9 @@
+var styles = {
+  "popoverContent": "LinkPopover-module_popoverContent__qGPyp",
+  "popoverLinkContainer": "LinkPopover-module_popoverLinkContainer__6H0PQ",
+  "popoverLink": "LinkPopover-module_popoverLink__p1BTG",
+  "paragraphFlex": "LinkPopover-module_paragraphFlex__PKECm",
+  "popoverActions": "LinkPopover-module_popoverActions__QuW1-"
+};
+export { styles as default };
+//# sourceMappingURL=LinkPopover.module.scss.mjs.map

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkPopover.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.mjs

@@ -0,0 +1,41 @@
+import React, { forwardRef, useState, useRef, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import debounce from 'lodash.debounce';
+const Positioner = /*#__PURE__*/function () {
+  const Positioner = /*#__PURE__*/forwardRef(function (_a, ref) {
+    var top = _a.top,
+      left = _a.left,
+      height = _a.height,
+      width = _a.width;
+    var _b = useState([window.scrollX, window.scrollY]),
+      windowScroll = _b[0],
+      setWindowScroll = _b[1];
+    var onResize = useRef(debounce(function () {
+      return setWindowScroll([window.scrollX, window.scrollY]);
+    }, 15));
+    useEffect(function () {
+      var resizeCurrent = onResize.current;
+      window.addEventListener("resize", resizeCurrent);
+      return function () {
+        window.removeEventListener("resize", resizeCurrent);
+      };
+    }, [setWindowScroll, onResize]);
+    var x = windowScroll[0],
+      y = windowScroll[1];
+    return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
+      ref: ref,
+      style: {
+        height: "".concat(height, "px"),
+        left: "".concat(left + x, "px"),
+        pointerEvents: "none",
+        position: "absolute",
+        top: "".concat(top + y, "px"),
+        width: "".concat(width, "px")
+      }
+    }), document.body);
+  });
+  Positioner.displayName = "Positioner";
+  return Positioner;
+}();
+export { Positioner };
+//# sourceMappingURL=Positioner.mjs.map

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Positioner.mjs","sources":["../../../../../../../../src/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport debounce from \"lodash.debounce\"\nimport { SelectionPosition } from \"../../types\"\n\nexport const Positioner = forwardRef(\n  (\n    { top, left, height, width }: SelectionPosition,\n    ref: React.Ref<HTMLElement>\n  ) => {\n    const [windowScroll, setWindowScroll] = useState<[number, number]>([\n      window.scrollX,\n      window.scrollY,\n    ])\n\n    const onResize = useRef(\n      debounce(() => setWindowScroll([window.scrollX, window.scrollY]), 15)\n    )\n\n    useEffect(() => {\n      const resizeCurrent = onResize.current\n      window.addEventListener(\"resize\", resizeCurrent)\n      return () => {\n        window.removeEventListener(\"resize\", resizeCurrent)\n      }\n    }, [setWindowScroll, onResize])\n\n    const [x, y] = windowScroll\n\n    return createPortal(\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        style={{\n          height: `${height}px`,\n          left: `${left + x}px`,\n          pointerEvents: \"none\",\n          position: \"absolute\",\n          top: `${top + y}px`,\n          width: `${width}px`,\n        }}\n      />,\n      document.body\n    )\n  }\n)\n\nPositioner.displayName = \"Positioner\"\n"],"names":["Positioner","forwardRef","_a","ref","top","left","height","width","_b","useState","window","scrollX","scrollY","windowScroll","setWindowScroll","onResize","useRef","debounce","useEffect","resizeCurrent","current","addEventListener","removeEventListener","x","y","createPortal","React","createElement","style","concat","pointerEvents","position","document","body","displayName"],"mappings":";;;MAKaA,UAAU;EAAA,MAAVA,UAAU,gBAAGC,UAAU,CAClC,UACEC,EAA+C,EAC/CC,GAA2B,EAAA;QADzBC,GAAG,GAAAF,EAAA,CAAAE,GAAA;MAAEC,IAAI,GAAAH,EAAA,CAAAG,IAAA;MAAEC,MAAM,GAAAJ,EAAA,CAAAI,MAAA;MAAEC,KAAK,GAAAL,EAAA,CAAAK,KAAA;IAGpB,IAAAC,EAAA,GAAkCC,QAAQ,CAAmB,CACjEC,MAAM,CAACC,OAAO,EACdD,MAAM,CAACE,OAAO,CACf,CAAC;MAHKC,YAAY,GAAAL,EAAA,CAAA,CAAA,CAAA;MAAEM,eAAe,QAGlC;IAEF,IAAMC,QAAQ,GAAGC,MAAM,CACrBC,QAAQ,CAAC,YAAA;MAAM,OAAAH,eAAe,CAAC,CAACJ,MAAM,CAACC,OAAO,EAAED,MAAM,CAACE,OAAO,CAAC,CAAC;IAAjD,CAAiD,EAAE,EAAE,CAAC,CACtE;IAEDM,SAAS,CAAC,YAAA;MACR,IAAMC,aAAa,GAAGJ,QAAQ,CAACK,OAAO;MACtCV,MAAM,CAACW,gBAAgB,CAAC,QAAQ,EAAEF,aAAa,CAAC;MAChD,OAAO,YAAA;QACLT,MAAM,CAACY,mBAAmB,CAAC,QAAQ,EAAEH,aAAa,CAAC;MACrD,CAAC;IACH,CAAC,EAAE,CAACL,eAAe,EAAEC,QAAQ,CAAC,CAAC;IAExB,IAAAQ,CAAC,GAAOV,YAAY,CAAA,CAAA,CAAnB;MAAEW,CAAC,GAAIX,YAAY,CAAA,CAAA,CAAhB;IAEX,oBAAOY,YAAY,eACjBC,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAxB,GAAG,EAAEA,GAAgC;MACrCyB,KAAK,EAAE;QACLtB,MAAM,EAAE,EAAG,CAAAuB,MAAA,CAAAvB,MAAM,EAAI,IAAA,CAAA;QACrBD,IAAI,EAAE,EAAA,CAAAwB,MAAA,CAAGxB,IAAI,GAAGkB,CAAC,EAAI,IAAA,CAAA;QACrBO,aAAa,EAAE,MAAM;QACrBC,QAAQ,EAAE,UAAU;QACpB3B,GAAG,EAAE,EAAA,CAAAyB,MAAA,CAAGzB,GAAG,GAAGoB,CAAC,EAAI,IAAA,CAAA;QACnBjB,KAAK,EAAE,EAAG,CAAAsB,MAAA,CAAAtB,KAAK,EAAI,IAAA;MACpB;KAAA,CACD,EACFyB,QAAQ,CAACC,IAAI,CACd;EACH,CAAC,CACF;EAEDjC,UAAU,CAACkC,WAAW,GAAG,YAAY;EAAA,OAzCxBlC,UAAU;AAAA;"}

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/createReactTooltipWrapper.mjs

@@ -0,0 +1,50 @@
+import { __assign } from 'tslib';
+import React, { useState, useEffect } from 'react';
+import Nanobus from 'nanobus';
+import { createRoot } from 'react-dom/client';
+var Wrapper = function (_a) {
+  var emitter = _a.emitter,
+    componentProps = _a.componentProps,
+    Component = _a.Component;
+  var _b = useState(componentProps),
+    localComponentProps = _b[0],
+    setLocalComponentProps = _b[1];
+  useEffect(function () {
+    var onUpdate = function (newComponentProps) {
+      setLocalComponentProps(newComponentProps);
+    };
+    emitter.addListener("update", onUpdate);
+    return function () {
+      emitter.removeListener("update", onUpdate);
+    };
+  }, [emitter]);
+  return /*#__PURE__*/React.createElement(Component, __assign({}, localComponentProps));
+};
+/**
+ * Create a wrapping connector for rendering a React element into a separate
+ * part of the DOM while being able to update it without remounting.
+ */
+var createReactTooltipWrapper = function (parentNode, Component, componentProps) {
+  var emitter = new Nanobus();
+  var container = document.createElement("div");
+  parentNode.appendChild(container);
+  var root = createRoot(container);
+  root.render( /*#__PURE__*/React.createElement(Wrapper, {
+    componentProps: componentProps,
+    Component: Component,
+    emitter: emitter
+  }));
+  function destroy() {
+    root.unmount();
+    emitter.removeAllListeners("*");
+  }
+  function update(props) {
+    emitter.emit("update", props);
+  }
+  return {
+    destroy: destroy,
+    update: update
+  };
+};
+export { createReactTooltipWrapper };
+//# sourceMappingURL=createReactTooltipWrapper.mjs.map

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/createReactTooltipWrapper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createReactTooltipWrapper.mjs","sources":["../../../../../../src/RichTextEditor/utils/plugins/LinkManager/createReactTooltipWrapper.tsx"],"sourcesContent":["import React, { ElementType, useEffect, useState } from \"react\"\nimport Nanobus from \"nanobus\"\nimport { createRoot } from \"react-dom/client\"\nimport { LinkEditorProps } from \"./components\"\n\nconst Wrapper = ({\n  emitter,\n  componentProps,\n  Component,\n}: {\n  emitter: Nanobus\n  componentProps: LinkEditorProps\n  Component: ElementType\n}): JSX.Element => {\n  const [localComponentProps, setLocalComponentProps] =\n    useState<LinkEditorProps>(componentProps)\n\n  useEffect(() => {\n    const onUpdate = (newComponentProps: LinkEditorProps): void => {\n      setLocalComponentProps(newComponentProps)\n    }\n    emitter.addListener(\"update\", onUpdate)\n\n    return () => {\n      emitter.removeListener(\"update\", onUpdate)\n    }\n  }, [emitter])\n\n  return <Component {...localComponentProps} />\n}\n\n/**\n * Create a wrapping connector for rendering a React element into a separate\n * part of the DOM while being able to update it without remounting.\n */\nexport const createReactTooltipWrapper = (\n  parentNode: HTMLElement,\n  Component: ElementType,\n  componentProps: LinkEditorProps\n): {\n  destroy: () => void\n  update: (props: LinkEditorProps) => void\n} => {\n  const emitter = new Nanobus()\n  const container = document.createElement(\"div\")\n  parentNode.appendChild(container)\n  const root = createRoot(container)\n\n  root.render(\n    <Wrapper\n      componentProps={componentProps}\n      Component={Component}\n      emitter={emitter}\n    />\n  )\n\n  function destroy(): void {\n    root.unmount()\n    emitter.removeAllListeners(\"*\")\n  }\n\n  function update(props: LinkEditorProps): void {\n    emitter.emit(\"update\", props)\n  }\n\n  return { destroy, update }\n}\n"],"names":["Wrapper","_a","emitter","componentProps","Component","_b","useState","localComponentProps","setLocalComponentProps","useEffect","onUpdate","newComponentProps","addListener","removeListener","React","createElement","__assign","createReactTooltipWrapper","parentNode","Nanobus","container","document","appendChild","root","createRoot","render","destroy","unmount","removeAllListeners","update","props","emit"],"mappings":";;;;AAKA,IAAMA,OAAO,GAAG,SAAAA,CAACC,EAQhB,EAAA;EAPC,IAAAC,OAAO,aAAA;IACPC,cAAc,GAAAF,EAAA,CAAAE,cAAA;IACdC,SAAS,GAAAH,EAAA,CAAAG,SAAA;EAMH,IAAAC,EAAA,GACJC,QAAQ,CAAkBH,cAAc,CAAC;IADpCI,mBAAmB,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,sBAAsB,GAAAH,EAAA,CAAA,CAAA,CACP;EAE3CI,SAAS,CAAC,YAAA;IACR,IAAMC,QAAQ,GAAG,SAAAA,CAACC,iBAAkC,EAAA;MAClDH,sBAAsB,CAACG,iBAAiB,CAAC;IAC3C,CAAC;IACDT,OAAO,CAACU,WAAW,CAAC,QAAQ,EAAEF,QAAQ,CAAC;IAEvC,OAAO,YAAA;MACLR,OAAO,CAACW,cAAc,CAAC,QAAQ,EAAEH,QAAQ,CAAC;IAC5C,CAAC;EACH,CAAC,EAAE,CAACR,OAAO,CAAC,CAAC;EAEb,oBAAOY,KAAC,CAAAC,aAAA,CAAAX,SAAS,EAAKY,QAAA,CAAA,CAAA,CAAA,EAAAT,mBAAmB,EAAI;AAC/C,CAAC;AAED;;;AAGG;IACUU,yBAAyB,GAAG,SAAAA,CACvCC,UAAuB,EACvBd,SAAsB,EACtBD,cAA+B,EAAA;EAK/B,IAAMD,OAAO,GAAG,IAAIiB,OAAO,EAAE;EAC7B,IAAMC,SAAS,GAAGC,QAAQ,CAACN,aAAa,CAAC,KAAK,CAAC;EAC/CG,UAAU,CAACI,WAAW,CAACF,SAAS,CAAC;EACjC,IAAMG,IAAI,GAAGC,UAAU,CAACJ,SAAS,CAAC;EAElCG,IAAI,CAACE,MAAM,eACTX,oBAACd,OAAO,EAAA;IACNG,cAAc,EAAEA,cAAc;IAC9BC,SAAS,EAAEA,SAAS;IACpBF,OAAO,EAAEA;EAAO,CAAA,CAChB,CACH;EAED,SAASwB,OAAOA,CAAA,EAAA;IACdH,IAAI,CAACI,OAAO,CAAA,CAAE;IACdzB,OAAO,CAAC0B,kBAAkB,CAAC,GAAG,CAAC;EAChC;EAED,SAASC,MAAMA,CAACC,KAAsB,EAAA;IACpC5B,OAAO,CAAC6B,IAAI,CAAC,QAAQ,EAAED,KAAK,CAAC;EAC9B;EAED,OAAO;IAAEJ,OAAO,EAAAA,OAAA;IAAEG,MAAM,EAAAA;EAAA,CAAE;AAC5B,CAAA;"}

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/validation.mjs

@@ -0,0 +1,14 @@
+var validateLink = function (href) {
+  var isValidLink = /^https?:\/\//.test(href);
+  if (!isValidLink) {
+    return {
+      status: "error",
+      message: "Please enter a valid URL"
+    };
+  }
+  return {
+    status: "success"
+  };
+};
+export { validateLink };
+//# sourceMappingURL=validation.mjs.map

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/validation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.mjs","sources":["../../../../../../src/RichTextEditor/utils/plugins/LinkManager/validation.ts"],"sourcesContent":["export type ValidationResponse = {\n  status: \"success\" | \"error\" | \"default\"\n  message?: React.ReactNode\n}\n\nexport const validateLink = (href: string): ValidationResponse => {\n  const isValidLink = /^https?:\\/\\//.test(href)\n\n  if (!isValidLink) {\n    return {\n      status: \"error\",\n      message: \"Please enter a valid URL\",\n    }\n  }\n\n  return {\n    status: \"success\",\n  }\n}\n"],"names":["validateLink","href","isValidLink","test","status","message"],"mappings":"AAKO,IAAMA,YAAY,GAAG,SAAAA,CAACC,IAAY,EAAA;EACvC,IAAMC,WAAW,GAAG,cAAc,CAACC,IAAI,CAACF,IAAI,CAAC;EAE7C,IAAI,CAACC,WAAW,EAAE;IAChB,OAAO;MACLE,MAAM,EAAE,OAAO;MACfC,OAAO,EAAE;KACV;EACF;EAED,OAAO;IACLD,MAAM,EAAE;GACT;AACH,CAAA;"}

package/dist/esm/RichTextEditor/utils/schema/marks.mjs

@@ -0,0 +1,71 @@
+import { __assign } from 'tslib';
+import { marks } from 'prosemirror-schema-basic';
+import { validateLink } from '../plugins/LinkManager/validation.mjs';
+var getMarks = function () {
+  return __assign(__assign({}, marks), {
+    // An underline mark. Rendered as a `<u>` element. Has parse rules that also
+    // matches `font-style: underline`.
+    underline: {
+      parseDOM: [{
+        tag: "u"
+      }, {
+        style: "font-style=underline"
+      }],
+      toDOM: function () {
+        return ["u", 0];
+      }
+    },
+    // A link. Rendered and parsed as an `<a>` element.
+    link: {
+      attrs: {
+        href: {
+          "default": null
+        },
+        _metadata: {
+          "default": {
+            added: true
+          }
+        },
+        target: {
+          "default": "_blank"
+        },
+        rel: {
+          "default": "noreferrer"
+        }
+      },
+      inclusive: false,
+      parseDOM: [{
+        tag: "a[href]",
+        getAttrs: function (dom) {
+          return {
+            href: getAttributeWithDefault(dom, "href"),
+            target: getAttributeWithDefault(dom, "target"),
+            rel: getAttributeWithDefault(dom, "rel"),
+            _metadata: null
+          };
+        }
+      }],
+      toDOM: function (node) {
+        var _a = node.attrs,
+          href = _a.href,
+          target = _a.target,
+          rel = _a.rel;
+        var validationStatus = validateLink(href);
+        if (validationStatus.status === "error") {
+          return ["span", 0];
+        }
+        return ["a", {
+          href: href,
+          target: target,
+          rel: rel
+        }, 0];
+      }
+    }
+  });
+};
+var getAttributeWithDefault = function (node, attributeName) {
+  var value = node.getAttribute(attributeName);
+  return value && value !== "" ? value : null;
+};
+export { getMarks };
+//# sourceMappingURL=marks.mjs.map

package/dist/esm/RichTextEditor/utils/schema/marks.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"marks.mjs","sources":["../../../../../src/RichTextEditor/utils/schema/marks.ts"],"sourcesContent":["import { MarkSpec, Node } from \"prosemirror-model\"\nimport { marks as proseMarks } from \"prosemirror-schema-basic\"\nimport { validateLink } from \"../plugins/LinkManager/validation\"\n\nexport const getMarks = (): MarkSpec => ({\n  ...proseMarks,\n\n  // An underline mark. Rendered as a `<u>` element. Has parse rules that also\n  // matches `font-style: underline`.\n  underline: {\n    parseDOM: [{ tag: \"u\" }, { style: \"font-style=underline\" }],\n    toDOM() {\n      return [\"u\", 0]\n    },\n  },\n\n  // A link. Rendered and parsed as an `<a>` element.\n  link: {\n    attrs: {\n      href: { default: null },\n      _metadata: { default: { added: true } },\n      target: { default: \"_blank\" },\n      rel: { default: \"noreferrer\" },\n    },\n    inclusive: false,\n    parseDOM: [\n      {\n        tag: \"a[href]\",\n        getAttrs(dom: HTMLAnchorElement) {\n          return {\n            href: getAttributeWithDefault(dom, \"href\"),\n            target: getAttributeWithDefault(dom, \"target\"),\n            rel: getAttributeWithDefault(dom, \"rel\"),\n            _metadata: null,\n          }\n        },\n      },\n    ],\n    toDOM(node: Node) {\n      const { href, target, rel } = node.attrs\n      const validationStatus = validateLink(href)\n\n      if (validationStatus.status === \"error\") {\n        return [\"span\", 0]\n      }\n\n      return [\"a\", { href, target, rel }, 0]\n    },\n  },\n})\n\nconst getAttributeWithDefault = (\n  node: HTMLElement,\n  attributeName: string\n): string | null => {\n  const value = node.getAttribute(attributeName)\n  return value && value !== \"\" ? value : null\n}\n"],"names":["getMarks","proseMarks","underline","parseDOM","tag","style","toDOM","link","attrs","href","_metadata","added","target","rel","inclusive","getAttrs","dom","getAttributeWithDefault","node","_a","validationStatus","validateLink","status","attributeName","value","getAttribute"],"mappings":";;;AAIa,IAAAA,QAAQ,GAAG,SAAAA,CAAA,EAAgB;EAAA,6BACnCC,KAAU,CAAA,EAAA;;;IAIbC,SAAS,EAAE;MACTC,QAAQ,EAAE,CAAC;QAAEC,GAAG,EAAE;MAAK,CAAA,EAAE;QAAEC,KAAK,EAAE;OAAwB,CAAC;MAC3DC,KAAK,EAAA,SAAAA,CAAA,EAAA;QACH,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;MAChB;IACF,CAAA;;IAGDC,IAAI,EAAE;MACJC,KAAK,EAAE;QACLC,IAAI,EAAE;UAAE,SAAO,EAAE;QAAM,CAAA;QACvBC,SAAS,EAAE;UAAE,SAAO,EAAE;YAAEC,KAAK,EAAE;UAAI;QAAI,CAAA;QACvCC,MAAM,EAAE;UAAE,SAAO,EAAE;QAAU,CAAA;QAC7BC,GAAG,EAAE;UAAE,SAAO,EAAE;QAAc;MAC/B,CAAA;MACDC,SAAS,EAAE,KAAK;MAChBX,QAAQ,EAAE,CACR;QACEC,GAAG,EAAE,SAAS;QACdW,QAAQ,YAACC,GAAsB,EAAA;UAC7B,OAAO;YACLP,IAAI,EAAEQ,uBAAuB,CAACD,GAAG,EAAE,MAAM,CAAC;YAC1CJ,MAAM,EAAEK,uBAAuB,CAACD,GAAG,EAAE,QAAQ,CAAC;YAC9CH,GAAG,EAAEI,uBAAuB,CAACD,GAAG,EAAE,KAAK,CAAC;YACxCN,SAAS,EAAE;WACZ;QACF;MACF,CAAA,CACF;MACDJ,KAAK,YAACY,IAAU,EAAA;QACR,IAAAC,EAAwB,GAAAD,IAAI,CAACV,KAAK;UAAhCC,IAAI,GAAAU,EAAA,CAAAV,IAAA;UAAEG,MAAM,GAAAO,EAAA,CAAAP,MAAA;UAAEC,GAAG,SAAe;QACxC,IAAMO,gBAAgB,GAAGC,YAAY,CAACZ,IAAI,CAAC;QAE3C,IAAIW,gBAAgB,CAACE,MAAM,KAAK,OAAO,EAAE;UACvC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;QACnB;QAED,OAAO,CAAC,GAAG,EAAE;UAAEb,IAAI,MAAA;UAAEG,MAAM,EAAAA,MAAA;UAAEC,GAAG,EAAAA;SAAE,EAAE,CAAC,CAAC;MACvC;IACF;EAAA,CACD,CAAA;AAAA,CAAA;AAEF,IAAMI,uBAAuB,GAAG,SAAAA,CAC9BC,IAAiB,EACjBK,aAAqB,EAAA;EAErB,IAAMC,KAAK,GAAGN,IAAI,CAACO,YAAY,CAACF,aAAa,CAAC;EAC9C,OAAOC,KAAK,IAAIA,KAAK,KAAK,EAAE,GAAGA,KAAK,GAAG,IAAI;AAC7C,CAAC;"}

package/dist/esm/RichTextEditor/utils/schema/nodes.mjs

@@ -0,0 +1,33 @@
+import { __rest, __assign } from 'tslib';
+import { nodes } from 'prosemirror-schema-basic';
+import { orderedList, bulletList, listItem } from 'prosemirror-schema-list';
+var getNodes = function () {
+  // We use camel case names instead of ProseMirror's snake case, so we remove any snake case properties here before spreading
+  var hardBreak = nodes.hard_break,
+    horizontalRule = nodes.horizontal_rule,
+    codeBlock = nodes.code_block,
+    proseNodesNoSnakeCase = __rest(nodes
+    // ...and then add them back in manually
+    , ["hard_break", "horizontal_rule", "code_block"]);
+  // ...and then add them back in manually
+  var proseNodesWithCamelCase = __assign(__assign({}, proseNodesNoSnakeCase), {
+    hardBreak: hardBreak,
+    horizontalRule: horizontalRule,
+    codeBlock: codeBlock
+  });
+  return __assign(__assign({}, proseNodesWithCamelCase), {
+    orderedList: __assign(__assign({}, orderedList), {
+      content: "listItem+",
+      group: "block"
+    }),
+    bulletList: __assign(__assign({}, bulletList), {
+      content: "listItem+",
+      group: "block"
+    }),
+    listItem: __assign(__assign({}, listItem), {
+      content: "paragraph block*"
+    })
+  });
+};
+export { getNodes };
+//# sourceMappingURL=nodes.mjs.map

package/dist/esm/RichTextEditor/utils/schema/nodes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodes.mjs","sources":["../../../../../src/RichTextEditor/utils/schema/nodes.ts"],"sourcesContent":["import { NodeSpec } from \"prosemirror-model\"\nimport { nodes as proseNodes } from \"prosemirror-schema-basic\"\nimport { bulletList, listItem, orderedList } from \"prosemirror-schema-list\"\n\nexport const getNodes = (): NodeSpec => {\n  // We use camel case names instead of ProseMirror's snake case, so we remove any snake case properties here before spreading\n  const {\n    hard_break: hardBreak,\n    horizontal_rule: horizontalRule,\n    code_block: codeBlock,\n    ...proseNodesNoSnakeCase\n  } = proseNodes\n\n  // ...and then add them back in manually\n  const proseNodesWithCamelCase = {\n    ...proseNodesNoSnakeCase,\n    hardBreak,\n    horizontalRule,\n    codeBlock,\n  }\n\n  return {\n    ...proseNodesWithCamelCase,\n    orderedList: {\n      ...orderedList,\n      content: \"listItem+\",\n      group: \"block\",\n    },\n    bulletList: {\n      ...bulletList,\n      content: \"listItem+\",\n      group: \"block\",\n    },\n    listItem: {\n      ...listItem,\n      content: \"paragraph block*\",\n    },\n  }\n}\n"],"names":["getNodes","hardBreak","proseNodes","hard_break","horizontalRule","horizontal_rule","codeBlock","proseNodesNoSnakeCase","proseNodesWithCamelCase","__assign","orderedList","content","group","bulletList","listItem"],"mappings":";;;AAIa,IAAAA,QAAQ,GAAG,SAAAA,CAAA,EAAA;;EAGpB,IAAYC,SAAS,GAInBC,KAAU,CAJSC,UAAA;IACJC,cAAc,GAG7BF,KAAU,CAHmBG,eAAA;IACnBC,SAAS,GAEnBJ,KAAU,WAFS;IAClBK,qBAAqB,UACtBL;;MALE,CAAA,YAAA,EAAA,iBAAA,EAAA,YAAA,CAKL,CADyB;;EAI1B,IAAMM,uBAAuB,GAAAC,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACxBF,qBAAqB,CAAA,EAAA;IACxBN,SAAS,EAAAA,SAAA;IACTG,cAAc,EAAAA,cAAA;IACdE,SAAS,EAAAA;IACV;EAED,OAAAG,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACKD,uBAAuB,CAAA,EAAA;IAC1BE,WAAW,EAAAD,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACNC,WAAW,CACd,EAAA;MAAAC,OAAO,EAAE,WAAW;MACpBC,KAAK,EAAE;;IAETC,UAAU,EAAAJ,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACLI,UAAU,CAAA,EAAA;MACbF,OAAO,EAAE,WAAW;MACpBC,KAAK,EAAE;IAAO,CAEhB,CAAA;IAAAE,QAAQ,wBACHA,QAAQ,CAAA,EAAA;MACXH,OAAO,EAAE;IAAkB,CAE9B;EAAA,CAAA,CAAA;AACH,CAAA;"}

package/dist/esm/SearchField/SearchField.mjs

@@ -1,6 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useState } from 'react';
-import { v4 } from 'uuid';
+import React, { useId } from 'react';
 import { InputSearch } from '../Input/InputSearch/InputSearch.mjs';
 import { Label } from '../Label/Label.mjs';
 import styles from './SearchField.module.scss.mjs';
@@ -21,7 +20,8 @@ const SearchField = /*#__PURE__*/function () {
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["id", "labelText", "disabled", "reversed", "secondary", "classNameOverride"]);
     var showVisibleLabel = !secondary;
-    var id = useState(propsId || v4())[0];
+    var reactId = useId();
+    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
     // @todo: Move restProps to container div?
     return /*#__PURE__*/React.createElement("div", {
       className: classNameOverride

package/dist/esm/SearchField/SearchField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchField.mjs","sources":["../../../src/SearchField/SearchField.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { v4 } from \"uuid\"\n\nimport { InputSearch, InputSearchProps } from \"~components/Input/InputSearch\"\nimport { Label } from \"~components/Label\"\nimport styles from \"./SearchField.module.scss\"\n\nexport type SearchFieldProps = Omit<InputSearchProps, \"id\"> & {\n  id?: string\n  labelText: string\n  disabled?: boolean\n  reversed?: boolean\n  secondary?: boolean\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896613/Search+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-search-field--docs Storybook}\n */\nexport const SearchField = ({\n  id: propsId,\n  labelText,\n  disabled,\n  reversed = false,\n  secondary = false,\n  classNameOverride,\n  ...restProps\n}: SearchFieldProps): JSX.Element => {\n  const showVisibleLabel = !secondary\n  const [id] = useState<string>(propsId || v4())\n  // @todo: Move restProps to container div?\n  return (\n    <div className={classNameOverride}>\n      {showVisibleLabel && (\n        <Label\n          htmlFor={id}\n          labelText={labelText}\n          reversed={reversed}\n          disabled={disabled}\n          classNameOverride={styles.label}\n        />\n      )}\n      <InputSearch\n        aria-label={!showVisibleLabel ? labelText : undefined}\n        id={id}\n        disabled={disabled}\n        reversed={reversed}\n        secondary={secondary}\n        {...restProps}\n      />\n    </div>\n  )\n}\n\nSearchField.displayName = \"SearchField\"\n"],"names":["SearchField","_a","propsId","id","labelText","disabled","_b","reversed","_c","secondary","classNameOverride","restProps","__rest","showVisibleLabel","useState","v4","React","createElement","className","Label","htmlFor","styles","label","InputSearch","__assign","undefined","displayName"],"mappings":";;;;;;;AAeA;;;AAGG;AAHH,MAIaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAQT,EAAA;IAPjB,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;MACRC,EAAA,GAAAL,EAAA,CAAAM,QAAgB;MAAhBA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAChBE,EAAiB,GAAAP,EAAA,CAAAQ,SAAA;MAAjBA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACjBE,iBAAiB,GAAAT,EAAA,CAAAS,iBAAA;MACdC,SAAS,GAAAC,MAAA,CAAAX,EAAA,EAPc,6EAQ3B,CADa;IAEZ,IAAMY,gBAAgB,GAAG,CAACJ,SAAS;IAC5B,IAAAN,EAAE,GAAIW,QAAQ,CAASZ,OAAO,IAAIa,EAAE,CAAE,CAAA,CAAC,CAAA,CAAA,CAArC;;IAET,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAER;IAAiB,CAAA,EAC9BG,gBAAgB,iBACfG,KAAA,CAAAC,aAAA,CAACE,KAAK,EAAA;MACJC,OAAO,EAAEjB,EAAE;MACXC,SAAS,EAAEA,SAAS;MACpBG,QAAQ,EAAEA,QAAQ;MAClBF,QAAQ,EAAEA,QAAQ;MAClBK,iBAAiB,EAAEW,MAAM,CAACC;IAAK,CAAA,CAElC,eACDN,KAAA,CAAAC,aAAA,CAACM,WAAW,EAAAC,QAAA,CAAA;MAAA,YAAA,EACE,CAACX,gBAAgB,GAAGT,SAAS,GAAGqB,SAAS;MACrDtB,EAAE,EAAEA,EAAE;MACNE,QAAQ,EAAEA,QAAQ;MAClBE,QAAQ,EAAEA,QAAQ;MAClBE,SAAS,EAAEA;IACP,CAAA,EAAAE,SAAS,CACb,CAAA,CACE;EAEV,CAAC;EAEDX,WAAW,CAAC0B,WAAW,GAAG,aAAa;EAAA,OAnC1B1B,WAAW;AAAA;"}
+{"version":3,"file":"SearchField.mjs","sources":["../../../src/SearchField/SearchField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport { InputSearch, InputSearchProps } from \"~components/Input/InputSearch\"\nimport { Label } from \"~components/Label\"\nimport styles from \"./SearchField.module.scss\"\n\nexport type SearchFieldProps = Omit<InputSearchProps, \"id\"> & {\n  id?: string\n  labelText: string\n  disabled?: boolean\n  reversed?: boolean\n  secondary?: boolean\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896613/Search+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-search-field--docs Storybook}\n */\nexport const SearchField = ({\n  id: propsId,\n  labelText,\n  disabled,\n  reversed = false,\n  secondary = false,\n  classNameOverride,\n  ...restProps\n}: SearchFieldProps): JSX.Element => {\n  const showVisibleLabel = !secondary\n  const reactId = useId()\n  const id = propsId ?? reactId\n  // @todo: Move restProps to container div?\n  return (\n    <div className={classNameOverride}>\n      {showVisibleLabel && (\n        <Label\n          htmlFor={id}\n          labelText={labelText}\n          reversed={reversed}\n          disabled={disabled}\n          classNameOverride={styles.label}\n        />\n      )}\n      <InputSearch\n        aria-label={!showVisibleLabel ? labelText : undefined}\n        id={id}\n        disabled={disabled}\n        reversed={reversed}\n        secondary={secondary}\n        {...restProps}\n      />\n    </div>\n  )\n}\n\nSearchField.displayName = \"SearchField\"\n"],"names":["SearchField","_a","propsId","id","labelText","disabled","_b","reversed","_c","secondary","classNameOverride","restProps","__rest","showVisibleLabel","reactId","useId","React","createElement","className","Label","htmlFor","styles","label","InputSearch","__assign","undefined","displayName"],"mappings":";;;;;;AAaA;;;AAGG;AAHH,MAIaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAQT,EAAA;IAPjB,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;MACRC,EAAA,GAAAL,EAAA,CAAAM,QAAgB;MAAhBA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAChBE,EAAiB,GAAAP,EAAA,CAAAQ,SAAA;MAAjBA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACjBE,iBAAiB,GAAAT,EAAA,CAAAS,iBAAA;MACdC,SAAS,GAAAC,MAAA,CAAAX,EAAA,EAPc,6EAQ3B,CADa;IAEZ,IAAMY,gBAAgB,GAAG,CAACJ,SAAS;IACnC,IAAMK,OAAO,GAAGC,KAAK,EAAE;IACvB,IAAMZ,EAAE,GAAGD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAAA,OAAO,GAAIY,OAAO;;IAE7B,oBACEE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAER;IAAiB,CAAA,EAC9BG,gBAAgB,iBACfG,KAAA,CAAAC,aAAA,CAACE,KAAK,EAAA;MACJC,OAAO,EAAEjB,EAAE;MACXC,SAAS,EAAEA,SAAS;MACpBG,QAAQ,EAAEA,QAAQ;MAClBF,QAAQ,EAAEA,QAAQ;MAClBK,iBAAiB,EAAEW,MAAM,CAACC;IAAK,CAAA,CAElC,eACDN,KAAA,CAAAC,aAAA,CAACM,WAAW,EAAAC,QAAA,CAAA;MAAA,YAAA,EACE,CAACX,gBAAgB,GAAGT,SAAS,GAAGqB,SAAS;MACrDtB,EAAE,EAAEA,EAAE;MACNE,QAAQ,EAAEA,QAAQ;MAClBE,QAAQ,EAAEA,QAAQ;MAClBE,SAAS,EAAEA;IACP,CAAA,EAAAE,SAAS,CACb,CAAA,CACE;EAEV,CAAC;EAEDX,WAAW,CAAC0B,WAAW,GAAG,aAAa;EAAA,OApC1B1B,WAAW;AAAA;"}

package/dist/esm/Select/Select.mjs

@@ -4,7 +4,6 @@ import classnames from 'classnames';
 import ReactSelect, { components } from 'react-select';
 import Async from 'react-select/async';
 import { FieldMessage } from '../FieldMessage/FieldMessage.mjs';
-import 'uuid';
 import '../Icon/subcomponents/SVG/SVG.mjs';
 import { ChevronDownIcon } from '../Icon/ChevronDownIcon.mjs';
 import { ChevronUpIcon } from '../Icon/ChevronUpIcon.mjs';

package/dist/esm/Select/Select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.mjs","sources":["../../../src/Select/Select.tsx"],"sourcesContent":["import React, { useId, useState } from \"react\"\nimport classnames from \"classnames\"\nimport ReactSelect, {\n  components,\n  Props as ReactSelectProps,\n  NoticeProps,\n} from \"react-select\"\nimport Async, { AsyncProps as ReactAsyncSelectProps } from \"react-select/async\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { ChevronDownIcon, ChevronUpIcon, ClearIcon } from \"~components/Icon\"\nimport { Label } from \"~components/Label\"\nimport { Tag } from \"~components/Tag\"\nimport styles from \"./Select.module.scss\"\n\nexport type SelectProps = {\n  /**\n   * The secondary variant is a more subdued variant that takes up as little space as possible\n   * `variant=\"secondary\" reversed=\"false\" is not implemented and will throw a \"not implemented\" error\n   * @default \"default\"\n   */\n  variant?: \"default\" | \"secondary\" | \"secondary-small\"\n  status?: \"default\" | \"error\"\n  label?: React.ReactNode\n  validationMessage?: React.ReactNode\n  description?: React.ReactNode\n  /**\n   * Use a reversed colour scheme\n   * @default false\n   */\n  reversed?: boolean\n  /**\n   * Whether the \"select control\" (the button you click to open the menu) width fills the\n   * full width of  the container or is as wide as the selected option text.\n   * Note that the control text will ellipsize if it is wider than the parent container.\n   * @default false\n   */\n  fullWidth?: boolean\n} & ReactSelectProps<any, boolean>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}\n */\nexport const Select = React.forwardRef<any, SelectProps>(\n  (\n    {\n      variant = \"default\",\n      status = \"default\",\n      reversed = false,\n      label,\n      validationMessage,\n      description,\n      fullWidth: propsFullWidth,\n      className: propsClassName,\n      isDisabled,\n      ...props\n    },\n    ref\n  ) => {\n    const reactId = useId()\n\n    // the default for fullWidth depends on the variant\n    const fullWidth =\n      propsFullWidth != null\n        ? propsFullWidth\n        : variant === \"secondary\" || variant === \"secondary-small\"\n        ? false\n        : true\n\n    const classes = classnames(\n      propsClassName,\n      styles.specificityIncreaser,\n      (!reversed || variant === \"default\") && styles.default,\n      reversed && styles.reversed,\n      variant === \"secondary\" && styles.secondary,\n      variant === \"secondary-small\" && styles.secondarySmall,\n      !fullWidth && styles.notFullWidth,\n      isDisabled && styles.disabled,\n      status === \"error\" && styles.error\n    )\n\n    const [labelId] = useState<string | undefined>(label ? reactId : undefined)\n\n    return (\n      <>\n        {label ? (\n          <Label reversed={reversed} id={labelId}>\n            {label}\n          </Label>\n        ) : null}\n        <ReactSelect\n          {...props}\n          ref={ref}\n          aria-labelledby={labelId}\n          components={{\n            Control,\n            Placeholder,\n            DropdownIndicator,\n            Menu,\n            GroupHeading,\n            Option,\n            NoOptionsMessage,\n            Input,\n            SingleValue,\n            MultiValue,\n            IndicatorsContainer,\n            ValueContainer,\n            ClearIndicator,\n            IndicatorSeparator: null,\n          }}\n          className={classes}\n        />\n        {validationMessage ? (\n          <FieldMessage message={validationMessage} status={status} />\n        ) : null}\n        {description ? <FieldMessage message={description} /> : null}\n      </>\n    )\n  }\n)\nSelect.displayName = \"Select\"\n\ninterface AsyncProps\n  extends ReactAsyncSelectProps<any, boolean, any>,\n    ReactSelectProps<any, boolean, any> {}\n\nexport const AsyncSelect = React.forwardRef(\n  (\n    { className: propsClassName, ...props }: AsyncProps,\n    ref: React.Ref<any>\n  ) => (\n    <Async\n      {...props}\n      ref={ref}\n      components={{\n        Control,\n        Placeholder,\n        DropdownIndicator,\n        Menu,\n        Option,\n        NoOptionsMessage,\n        Input,\n        SingleValue,\n        MultiValue,\n        IndicatorsContainer,\n        ValueContainer,\n        ClearIndicator: undefined,\n        IndicatorSeparator: null,\n        LoadingMessage,\n      }}\n      className={classnames(styles.specificityIncreaser, propsClassName)}\n    />\n  )\n)\nAsyncSelect.displayName = \"AsyncSelect\"\n\nconst Control: typeof components.Control = props => (\n  <div data-automation-id=\"Select__Control\">\n    <components.Control\n      {...props}\n      className={classnames(\n        styles.control,\n        props.isFocused && styles.focusedControl,\n        props.isDisabled && styles.disabled\n      )}\n    />\n  </div>\n)\n\nconst Placeholder: typeof components.Placeholder = props => (\n  <components.Placeholder {...props} className={styles.placeholderOverrides}>\n    <span className={styles.placeholder}>{props.children}</span>\n  </components.Placeholder>\n)\n\nconst DropdownIndicator: typeof components.DropdownIndicator = props => (\n  <components.DropdownIndicator {...props} className={styles.dropdownIndicator}>\n    {props.selectProps.menuIsOpen ? (\n      <ChevronUpIcon role=\"presentation\" />\n    ) : (\n      <ChevronDownIcon role=\"presentation\" />\n    )}\n  </components.DropdownIndicator>\n)\n\nconst LoadingMessage = (props: NoticeProps): JSX.Element => (\n  <components.LoadingMessage {...props} className={styles.loadingMessage} />\n)\n\nconst Menu: typeof components.Menu = props => (\n  <components.Menu {...props} className={styles.menu} />\n)\n\nconst GroupHeading: typeof components.GroupHeading = props => (\n  <components.GroupHeading {...props} className={styles.groupHeading} />\n)\n\nconst Option: typeof components.Option = props => (\n  <div data-automation-id=\"Select__Option\">\n    <components.Option\n      {...props}\n      className={classnames(\n        styles.option,\n        props.isFocused && styles.focusedOption,\n        props.isSelected && styles.selectedOption,\n        props.isDisabled && styles.disabledOption\n      )}\n    />\n  </div>\n)\n\nconst NoOptionsMessage = (props: NoticeProps): JSX.Element => (\n  <components.NoOptionsMessage {...props}>\n    <span className={styles.noOptionsMessage}>{props.children}</span>\n  </components.NoOptionsMessage>\n)\n\nconst SingleValue: typeof components.SingleValue = props => (\n  <components.SingleValue {...props} className={styles.singleValueOverrides}>\n    <span className={styles.singleValue}>{props.children}</span>\n  </components.SingleValue>\n)\n\nconst MultiValue: typeof components.MultiValue = props => (\n  <div className={styles.multiValue}>\n    <Tag\n      variant=\"default\"\n      dismissible\n      inline\n      onDismiss={props.removeProps.onClick}\n    >\n      {props.children}\n    </Tag>\n  </div>\n)\n\nconst IndicatorsContainer: typeof components.IndicatorsContainer = props => (\n  <components.IndicatorsContainer\n    {...props}\n    className={styles.indicatorsContainer}\n  />\n)\n\nconst Input: typeof components.Input = props => (\n  <components.Input className={styles.input} {...props} />\n)\n\nconst ValueContainer: typeof components.ValueContainer = props => (\n  <components.ValueContainer {...props} className={styles.valueContainer} />\n)\nconst ClearIndicator: typeof components.ClearIndicator = props => (\n  <components.ClearIndicator {...props} className={styles.clearIndicator}>\n    <ClearIcon role=\"presentation\" />\n  </components.ClearIndicator>\n)\n"],"names":["Select","React","forwardRef","_a","ref","_b","variant","_c","status","_d","reversed","label","validationMessage","description","propsFullWidth","fullWidth","propsClassName","className","isDisabled","props","__rest","reactId","useId","classes","classnames","styles","specificityIncreaser","secondary","secondarySmall","notFullWidth","disabled","error","labelId","useState","undefined","createElement","Fragment","Label","id","ReactSelect","__assign","components","Control","Placeholder","DropdownIndicator","Menu","GroupHeading","Option","NoOptionsMessage","Input","SingleValue","MultiValue","IndicatorsContainer","ValueContainer","ClearIndicator","IndicatorSeparator","FieldMessage","message","displayName","AsyncSelect","Async","LoadingMessage","control","isFocused","focusedControl","placeholderOverrides","placeholder","children","dropdownIndicator","selectProps","menuIsOpen","ChevronUpIcon","role","ChevronDownIcon","loadingMessage","menu","groupHeading","option","focusedOption","isSelected","selectedOption","disabledOption","noOptionsMessage","singleValueOverrides","singleValue","multiValue","Tag","dismissible","inline","onDismiss","removeProps","onClick","indicatorsContainer","input","valueContainer","clearIndicator","ClearIcon"],"mappings":"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"}
+{"version":3,"file":"Select.mjs","sources":["../../../src/Select/Select.tsx"],"sourcesContent":["import React, { useId, useState } from \"react\"\nimport classnames from \"classnames\"\nimport ReactSelect, {\n  components,\n  Props as ReactSelectProps,\n  NoticeProps,\n} from \"react-select\"\nimport Async, { AsyncProps as ReactAsyncSelectProps } from \"react-select/async\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { ChevronDownIcon, ChevronUpIcon, ClearIcon } from \"~components/Icon\"\nimport { Label } from \"~components/Label\"\nimport { Tag } from \"~components/Tag\"\nimport styles from \"./Select.module.scss\"\n\nexport type SelectProps = {\n  /**\n   * The secondary variant is a more subdued variant that takes up as little space as possible\n   * `variant=\"secondary\" reversed=\"false\" is not implemented and will throw a \"not implemented\" error\n   * @default \"default\"\n   */\n  variant?: \"default\" | \"secondary\" | \"secondary-small\"\n  status?: \"default\" | \"error\"\n  label?: React.ReactNode\n  validationMessage?: React.ReactNode\n  description?: React.ReactNode\n  /**\n   * Use a reversed colour scheme\n   * @default false\n   */\n  reversed?: boolean\n  /**\n   * Whether the \"select control\" (the button you click to open the menu) width fills the\n   * full width of  the container or is as wide as the selected option text.\n   * Note that the control text will ellipsize if it is wider than the parent container.\n   * @default false\n   */\n  fullWidth?: boolean\n} & ReactSelectProps<any, boolean>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}\n */\nexport const Select = React.forwardRef<any, SelectProps>(\n  (\n    {\n      variant = \"default\",\n      status = \"default\",\n      reversed = false,\n      label,\n      validationMessage,\n      description,\n      fullWidth: propsFullWidth,\n      className: propsClassName,\n      isDisabled,\n      ...props\n    },\n    ref\n  ) => {\n    const reactId = useId()\n\n    // the default for fullWidth depends on the variant\n    const fullWidth =\n      propsFullWidth != null\n        ? propsFullWidth\n        : variant === \"secondary\" || variant === \"secondary-small\"\n        ? false\n        : true\n\n    const classes = classnames(\n      propsClassName,\n      styles.specificityIncreaser,\n      (!reversed || variant === \"default\") && styles.default,\n      reversed && styles.reversed,\n      variant === \"secondary\" && styles.secondary,\n      variant === \"secondary-small\" && styles.secondarySmall,\n      !fullWidth && styles.notFullWidth,\n      isDisabled && styles.disabled,\n      status === \"error\" && styles.error\n    )\n\n    const [labelId] = useState<string | undefined>(label ? reactId : undefined)\n\n    return (\n      <>\n        {label ? (\n          <Label reversed={reversed} id={labelId}>\n            {label}\n          </Label>\n        ) : null}\n        <ReactSelect\n          {...props}\n          ref={ref}\n          aria-labelledby={labelId}\n          components={{\n            Control,\n            Placeholder,\n            DropdownIndicator,\n            Menu,\n            GroupHeading,\n            Option,\n            NoOptionsMessage,\n            Input,\n            SingleValue,\n            MultiValue,\n            IndicatorsContainer,\n            ValueContainer,\n            ClearIndicator,\n            IndicatorSeparator: null,\n          }}\n          className={classes}\n        />\n        {validationMessage ? (\n          <FieldMessage message={validationMessage} status={status} />\n        ) : null}\n        {description ? <FieldMessage message={description} /> : null}\n      </>\n    )\n  }\n)\nSelect.displayName = \"Select\"\n\ninterface AsyncProps\n  extends ReactAsyncSelectProps<any, boolean, any>,\n    ReactSelectProps<any, boolean, any> {}\n\nexport const AsyncSelect = React.forwardRef(\n  (\n    { className: propsClassName, ...props }: AsyncProps,\n    ref: React.Ref<any>\n  ) => (\n    <Async\n      {...props}\n      ref={ref}\n      components={{\n        Control,\n        Placeholder,\n        DropdownIndicator,\n        Menu,\n        Option,\n        NoOptionsMessage,\n        Input,\n        SingleValue,\n        MultiValue,\n        IndicatorsContainer,\n        ValueContainer,\n        ClearIndicator: undefined,\n        IndicatorSeparator: null,\n        LoadingMessage,\n      }}\n      className={classnames(styles.specificityIncreaser, propsClassName)}\n    />\n  )\n)\nAsyncSelect.displayName = \"AsyncSelect\"\n\nconst Control: typeof components.Control = props => (\n  <div data-automation-id=\"Select__Control\">\n    <components.Control\n      {...props}\n      className={classnames(\n        styles.control,\n        props.isFocused && styles.focusedControl,\n        props.isDisabled && styles.disabled\n      )}\n    />\n  </div>\n)\n\nconst Placeholder: typeof components.Placeholder = props => (\n  <components.Placeholder {...props} className={styles.placeholderOverrides}>\n    <span className={styles.placeholder}>{props.children}</span>\n  </components.Placeholder>\n)\n\nconst DropdownIndicator: typeof components.DropdownIndicator = props => (\n  <components.DropdownIndicator {...props} className={styles.dropdownIndicator}>\n    {props.selectProps.menuIsOpen ? (\n      <ChevronUpIcon role=\"presentation\" />\n    ) : (\n      <ChevronDownIcon role=\"presentation\" />\n    )}\n  </components.DropdownIndicator>\n)\n\nconst LoadingMessage = (props: NoticeProps): JSX.Element => (\n  <components.LoadingMessage {...props} className={styles.loadingMessage} />\n)\n\nconst Menu: typeof components.Menu = props => (\n  <components.Menu {...props} className={styles.menu} />\n)\n\nconst GroupHeading: typeof components.GroupHeading = props => (\n  <components.GroupHeading {...props} className={styles.groupHeading} />\n)\n\nconst Option: typeof components.Option = props => (\n  <div data-automation-id=\"Select__Option\">\n    <components.Option\n      {...props}\n      className={classnames(\n        styles.option,\n        props.isFocused && styles.focusedOption,\n        props.isSelected && styles.selectedOption,\n        props.isDisabled && styles.disabledOption\n      )}\n    />\n  </div>\n)\n\nconst NoOptionsMessage = (props: NoticeProps): JSX.Element => (\n  <components.NoOptionsMessage {...props}>\n    <span className={styles.noOptionsMessage}>{props.children}</span>\n  </components.NoOptionsMessage>\n)\n\nconst SingleValue: typeof components.SingleValue = props => (\n  <components.SingleValue {...props} className={styles.singleValueOverrides}>\n    <span className={styles.singleValue}>{props.children}</span>\n  </components.SingleValue>\n)\n\nconst MultiValue: typeof components.MultiValue = props => (\n  <div className={styles.multiValue}>\n    <Tag\n      variant=\"default\"\n      dismissible\n      inline\n      onDismiss={props.removeProps.onClick}\n    >\n      {props.children}\n    </Tag>\n  </div>\n)\n\nconst IndicatorsContainer: typeof components.IndicatorsContainer = props => (\n  <components.IndicatorsContainer\n    {...props}\n    className={styles.indicatorsContainer}\n  />\n)\n\nconst Input: typeof components.Input = props => (\n  <components.Input className={styles.input} {...props} />\n)\n\nconst ValueContainer: typeof components.ValueContainer = props => (\n  <components.ValueContainer {...props} className={styles.valueContainer} />\n)\nconst ClearIndicator: typeof components.ClearIndicator = props => (\n  <components.ClearIndicator {...props} className={styles.clearIndicator}>\n    <ClearIcon role=\"presentation\" />\n  </components.ClearIndicator>\n)\n"],"names":["Select","React","forwardRef","_a","ref","_b","variant","_c","status","_d","reversed","label","validationMessage","description","propsFullWidth","fullWidth","propsClassName","className","isDisabled","props","__rest","reactId","useId","classes","classnames","styles","specificityIncreaser","secondary","secondarySmall","notFullWidth","disabled","error","labelId","useState","undefined","createElement","Fragment","Label","id","ReactSelect","__assign","components","Control","Placeholder","DropdownIndicator","Menu","GroupHeading","Option","NoOptionsMessage","Input","SingleValue","MultiValue","IndicatorsContainer","ValueContainer","ClearIndicator","IndicatorSeparator","FieldMessage","message","displayName","AsyncSelect","Async","LoadingMessage","control","isFocused","focusedControl","placeholderOverrides","placeholder","children","dropdownIndicator","selectProps","menuIsOpen","ChevronUpIcon","role","ChevronDownIcon","loadingMessage","menu","groupHeading","option","focusedOption","isSelected","selectedOption","disabledOption","noOptionsMessage","singleValueOverrides","singleValue","multiValue","Tag","dismissible","inline","onDismiss","removeProps","onClick","indicatorsContainer","input","valueContainer","clearIndicator","ClearIcon"],"mappings":"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"}

package/dist/esm/Skirt/subcomponents/SkirtCard/SkirtCard.mjs

@@ -0,0 +1,18 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Card } from '../../../Card/Card.mjs';
+import styles from './SkirtCard.module.scss.mjs';
+const SkirtCard = /*#__PURE__*/function () {
+  const SkirtCard = function (props) {
+    var classNameOverride = props.classNameOverride,
+      restProps = __rest(props, ["classNameOverride"]);
+    return /*#__PURE__*/React.createElement(Card, __assign({
+      classNameOverride: classnames(styles.wrapper, classNameOverride)
+    }, restProps));
+  };
+  SkirtCard.displayName = "SkirtCard";
+  return SkirtCard;
+}();
+export { SkirtCard };
+//# sourceMappingURL=SkirtCard.mjs.map

package/dist/esm/Skirt/subcomponents/SkirtCard/SkirtCard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkirtCard.mjs","sources":["../../../../../src/Skirt/subcomponents/SkirtCard/SkirtCard.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Card, CardProps } from \"~components/Card\"\nimport styles from \"./SkirtCard.module.scss\"\n\nexport type SkirtCardProps = CardProps\n\nexport const SkirtCard = (props: SkirtCardProps): JSX.Element => {\n  const { classNameOverride, ...restProps } = props\n  return (\n    <Card\n      classNameOverride={classnames(styles.wrapper, classNameOverride)}\n      {...restProps}\n    />\n  )\n}\n\nSkirtCard.displayName = \"SkirtCard\"\n"],"names":["SkirtCard","props","classNameOverride","restProps","__rest","React","createElement","Card","classnames","styles","wrapper","displayName"],"mappings":";;;;;MAOaA,SAAS;EAAA,MAATA,SAAS,GAAG,SAAAA,CAACC,KAAqB,EAAA;IACrC,IAAAC,iBAAiB,GAAmBD,KAAK,CAAxBC,iBAAA;MAAKC,SAAS,GAAAC,MAAA,CAAKH,KAAK,EAA3C,CAAmC,mBAAA,CAAA,CAAF;IACvC,oBACEI,KAAC,CAAAC,aAAA,CAAAC,IAAI;MACHL,iBAAiB,EAAEM,UAAU,CAACC,MAAM,CAACC,OAAO,EAAER,iBAAiB;IAAC,GAC5DC,SAAS,CAAA,CACb;EAEN,CAAC;EAEDH,SAAS,CAACW,WAAW,GAAG,WAAW;EAAA,OAVtBX,SAAS;AAAA;"}

package/dist/esm/Skirt/subcomponents/SkirtCard/SkirtCard.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "wrapper": "SkirtCard-module_wrapper__05vkl"
+};
+export { styles as default };
+//# sourceMappingURL=SkirtCard.module.scss.mjs.map

package/dist/esm/Skirt/subcomponents/SkirtCard/SkirtCard.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkirtCard.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/SplitButton/subcomponents/DropdownButton/DropdownButton.mjs

@@ -1,7 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import 'uuid';
 import '../../../Icon/subcomponents/SVG/SVG.mjs';
 import { ChevronDownIcon } from '../../../Icon/ChevronDownIcon.mjs';
 import { BaseButton } from '../BaseButton/BaseButton.mjs';

package/dist/esm/SplitButton/subcomponents/DropdownButton/DropdownButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.mjs","sources":["../../../../../src/SplitButton/subcomponents/DropdownButton/DropdownButton.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { ChevronDownIcon } from \"~components/Icon\"\nimport { BaseButton, BaseButtonProps } from \"../BaseButton\"\nimport styles from \"./DropdownButton.module.scss\"\n\nexport type DropdownButtonProps = Omit<BaseButtonProps, \"label\" | \"icon\">\n\nexport const DropdownButton = ({\n  classNameOverride,\n  \"aria-label\": ariaLabel,\n  ...restProps\n}: DropdownButtonProps): JSX.Element => (\n  <BaseButton\n    label={ariaLabel || \"Open menu\"}\n    icon={<ChevronDownIcon role=\"presentation\" />}\n    classNameOverride={classnames(styles.dropdownButton, classNameOverride)}\n    {...restProps}\n  />\n)\n\nDropdownButton.displayName = \"DropdownButton\"\n"],"names":["DropdownButton","_a","classNameOverride","ariaLabel","restProps","__rest","React","createElement","BaseButton","__assign","label","icon","ChevronDownIcon","role","classnames","styles","dropdownButton","displayName"],"mappings":";;;;;;;;MAQaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHpB,IAAAC,iBAAiB,uBAAA;MACHC,SAAS,mBAAA;MACpBC,SAAS,GAHiBC,MAAA,CAAAJ,EAAA,EAAA,CAAA,mBAAA,EAAA,YAAA,CAI9B,CADa;IAC0B,oBACtCK,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA;MACTC,KAAK,EAAEP,SAAS,IAAI,WAAW;MAC/BQ,IAAI,eAAEL,KAAC,CAAAC,aAAA,CAAAK,eAAe;QAACC,IAAI,EAAC;MAAc,CAAA,CAAG;MAC7CX,iBAAiB,EAAEY,UAAU,CAACC,MAAM,CAACC,cAAc,EAAEd,iBAAiB;KAAC,EACnEE,SAAS,CAAA,CACb;GACH;EAEDJ,cAAc,CAACiB,WAAW,GAAG,gBAAgB;EAAA,OAbhCjB,cAAc;AAAA;"}
+{"version":3,"file":"DropdownButton.mjs","sources":["../../../../../src/SplitButton/subcomponents/DropdownButton/DropdownButton.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { ChevronDownIcon } from \"~components/Icon\"\nimport { BaseButton, BaseButtonProps } from \"../BaseButton\"\nimport styles from \"./DropdownButton.module.scss\"\n\nexport type DropdownButtonProps = Omit<BaseButtonProps, \"label\" | \"icon\">\n\nexport const DropdownButton = ({\n  classNameOverride,\n  \"aria-label\": ariaLabel,\n  ...restProps\n}: DropdownButtonProps): JSX.Element => (\n  <BaseButton\n    label={ariaLabel || \"Open menu\"}\n    icon={<ChevronDownIcon role=\"presentation\" />}\n    classNameOverride={classnames(styles.dropdownButton, classNameOverride)}\n    {...restProps}\n  />\n)\n\nDropdownButton.displayName = \"DropdownButton\"\n"],"names":["DropdownButton","_a","classNameOverride","ariaLabel","restProps","__rest","React","createElement","BaseButton","__assign","label","icon","ChevronDownIcon","role","classnames","styles","dropdownButton","displayName"],"mappings":";;;;;;;MAQaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHpB,IAAAC,iBAAiB,uBAAA;MACHC,SAAS,mBAAA;MACpBC,SAAS,GAHiBC,MAAA,CAAAJ,EAAA,EAAA,CAAA,mBAAA,EAAA,YAAA,CAI9B,CADa;IAC0B,oBACtCK,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA;MACTC,KAAK,EAAEP,SAAS,IAAI,WAAW;MAC/BQ,IAAI,eAAEL,KAAC,CAAAC,aAAA,CAAAK,eAAe;QAACC,IAAI,EAAC;MAAc,CAAA,CAAG;MAC7CX,iBAAiB,EAAEY,UAAU,CAACC,MAAM,CAACC,cAAc,EAAEd,iBAAiB;KAAC,EACnEE,SAAS,CAAA,CACb;GACH;EAEDJ,cAAc,CAACiB,WAAW,GAAG,gBAAgB;EAAA,OAbhCjB,cAAc;AAAA;"}