@kaizen/components 1.32.0 → 1.34.0

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/Tabs/Tabs.mjs

@@ -0,0 +1,29 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { Tabs as Tabs$1 } from '@reach/tabs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081929117/Tabs Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-tabs--controlled Storybook}
+ *
+ * Wrapper around all of the tab subcomponents
+ * Holds a TabList and TabPanels
+ */
+const Tabs = /*#__PURE__*/function () {
+  const Tabs = function (props) {
+    var defaultIndex = props.defaultIndex,
+      selectedIndex = props.selectedIndex,
+      onChange = props.onChange,
+      children = props.children,
+      restProps = __rest(props, ["defaultIndex", "selectedIndex", "onChange", "children"]);
+    return /*#__PURE__*/React.createElement(Tabs$1, __assign({
+      defaultIndex: defaultIndex,
+      index: selectedIndex,
+      onChange: onChange
+    }, restProps), children);
+  };
+  Tabs.displayName = "Tabs";
+  return Tabs;
+}();
+export { Tabs };
+//# sourceMappingURL=Tabs.mjs.map

package/dist/esm/Tabs/Tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.mjs","sources":["../../../src/Tabs/Tabs.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode } from \"react\"\nimport { Tabs as ReachTabs } from \"@reach/tabs\"\n\nexport type TabsProps = {\n  /**\n   * Index of tab to show by default\n   * Only works in uncontrolled mode (when no selectedIndex is provided)\n   */\n  defaultIndex?: number\n  /**\n   * Set the selected tab explictly.\n   * Enabled controlled mode, meaning you're also responsible for updating this using the onChange callback\n   */\n  selectedIndex?: number\n  /**\n   * Callback on tab change\n   */\n  onChange?: (index: number) => void\n  children: ReactNode\n} & Omit<HTMLAttributes<HTMLDivElement>, \"onChange\">\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081929117/Tabs Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-tabs--controlled Storybook}\n *\n * Wrapper around all of the tab subcomponents\n * Holds a TabList and TabPanels\n */\nexport const Tabs = (props: TabsProps): JSX.Element => {\n  const { defaultIndex, selectedIndex, onChange, children, ...restProps } =\n    props\n  return (\n    <ReachTabs\n      defaultIndex={defaultIndex}\n      index={selectedIndex}\n      onChange={onChange}\n      {...restProps}\n    >\n      {children}\n    </ReachTabs>\n  )\n}\n\nTabs.displayName = \"Tabs\"\n"],"names":["Tabs","props","defaultIndex","selectedIndex","onChange","children","restProps","__rest","React","ReachTabs","__assign","index","displayName"],"mappings":";;;;AAqBA;;;;;;AAMG;AANH,MAOaA,IAAI;EAAA,MAAJA,IAAI,GAAG,SAAAA,CAACC,KAAgB,EAAA;IAC3B,IAAAC,YAAY,GAClBD,KAAK,CADaC,YAAA;MAAEC,aAAa,GACjCF,KAAK,CAAAE,aAD4B;MAAEC,QAAQ,GAC3CH,KAAK,SADsC;MAAEI,QAAQ,GACrDJ,KAAK,CADgDI,QAAA;MAAKC,SAAS,GAAAC,MAAA,CACnEN,KAAK,EADD,CAAiE,cAAA,EAAA,eAAA,EAAA,UAAA,EAAA,UAAA,CAAA,CAAF;IAErE,oBACEO,oBAACC,MAAS,EAAAC,QAAA,CAAA;MACRR,YAAY,EAAEA,YAAY;MAC1BS,KAAK,EAAER,aAAa;MACpBC,QAAQ,EAAEA;IAAQ,CAAA,EACdE,SAAS,CAEZ,EAAAD,QAAQ,CACC;EAEhB,CAAC;EAEDL,IAAI,CAACY,WAAW,GAAG,MAAM;EAAA,OAfZZ,IAAI;AAAA;"}

package/dist/esm/Tabs/subcomponents/Tab.mjs

@@ -0,0 +1,53 @@
+import { __rest, __assign } from 'tslib';
+import React, { useState } from 'react';
+import { Tab as Tab$1 } from '@reach/tabs';
+import classnames from 'classnames';
+import { Badge } from '../../Badge/Badge.mjs';
+import styles from './Tab.module.scss.mjs';
+
+/**
+ * A tab button
+ */
+var Tab = function (props) {
+  var isSelected = props.isSelected,
+    badge = props.badge,
+    disabled = props.disabled,
+    children = props.children,
+    classNameOverride = props.classNameOverride,
+    restProps = __rest(props, ["isSelected", "badge", "disabled", "children", "classNameOverride"]);
+  var _a = useState(false),
+    isHovered = _a[0],
+    setIsHovered = _a[1];
+  var _b = useState(false),
+    isFocused = _b[0],
+    setIsFocused = _b[1];
+  var showActiveBadge = isSelected || isHovered || isFocused;
+  var onFocus = function (event) {
+    var _a;
+    setIsFocused(true);
+    (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, event);
+  };
+  var onBlur = function (event) {
+    var _a;
+    setIsFocused(false);
+    (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
+  };
+  return /*#__PURE__*/React.createElement(Tab$1, __assign({
+    disabled: disabled,
+    className: classnames(styles.tab, classNameOverride, isSelected && styles.selected),
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onMouseEnter: function () {
+      return setIsHovered(true);
+    },
+    onMouseLeave: function () {
+      return setIsHovered(false);
+    }
+  }, restProps), children, badge && /*#__PURE__*/React.createElement("span", {
+    className: styles.badge
+  }, /*#__PURE__*/React.createElement(Badge, {
+    variant: showActiveBadge ? "active" : "default"
+  }, badge)));
+};
+export { Tab };
+//# sourceMappingURL=Tab.mjs.map

package/dist/esm/Tabs/subcomponents/Tab.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.mjs","sources":["../../../../src/Tabs/subcomponents/Tab.tsx"],"sourcesContent":["import React, {\n  HTMLAttributes,\n  ReactNode,\n  useState,\n  SyntheticEvent,\n} from \"react\"\nimport { Tab as ReachTab } from \"@reach/tabs\"\nimport classnames from \"classnames\"\nimport { Badge } from \"~components/Badge\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Tab.module.scss\"\n\nexport type TabProps = {\n  /**\n   * Gets injected by TabList, no need to specify yourself\n   */\n  isSelected?: boolean\n  /**\n   * Adds a Kaizen Badge component to the tab.\n   * Comes with some logic baked in - changes variant based on active/focus/hover state.\n   */\n  badge?: string\n  disabled?: boolean\n  children: ReactNode\n  onBlur?: (e: SyntheticEvent) => void\n  onFocus?: (e: SyntheticEvent) => void\n} & OverrideClassName<\n  Omit<\n    HTMLAttributes<HTMLButtonElement>,\n    // These props are used in the component internals, but could be extended if needed\n    \"onFocus\" | \"onBlur\" | \"onMouseEnter\" | \"onMouseLeave\"\n  >\n>\n\n/**\n * A tab button\n */\nexport const Tab = (props: TabProps): JSX.Element => {\n  const {\n    isSelected,\n    badge,\n    disabled,\n    children,\n    classNameOverride,\n    ...restProps\n  } = props\n  const [isHovered, setIsHovered] = useState<boolean>(false)\n  const [isFocused, setIsFocused] = useState<boolean>(false)\n  const showActiveBadge = isSelected || isHovered || isFocused\n\n  const onFocus = (event: SyntheticEvent): void => {\n    setIsFocused(true)\n    props.onFocus?.(event)\n  }\n\n  const onBlur = (event: SyntheticEvent): void => {\n    setIsFocused(false)\n    props.onBlur?.(event)\n  }\n\n  return (\n    <ReachTab\n      disabled={disabled}\n      className={classnames(\n        styles.tab,\n        classNameOverride,\n        isSelected && styles.selected\n      )}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onMouseEnter={(): void => setIsHovered(true)}\n      onMouseLeave={(): void => setIsHovered(false)}\n      {...restProps}\n    >\n      {children}\n      {badge && (\n        <span className={styles.badge}>\n          <Badge variant={showActiveBadge ? \"active\" : \"default\"}>\n            {badge}\n          </Badge>\n        </span>\n      )}\n    </ReachTab>\n  )\n}\n"],"names":["Tab","props","isSelected","badge","disabled","children","classNameOverride","restProps","__rest","_a","useState","isHovered","setIsHovered","_b","isFocused","setIsFocused","showActiveBadge","onFocus","event","call","onBlur","React","createElement","ReachTab","__assign","className","classnames","styles","tab","selected","onMouseEnter","onMouseLeave","Badge","variant"],"mappings":";;;;;;;AAkCA;;AAEG;AACI,IAAMA,GAAG,GAAG,SAAAA,CAACC,KAAe,EAAA;EAE/B,IAAAC,UAAU,GAMRD,KAAK,CAAAC,UANG;IACVC,KAAK,GAKHF,KAAK,CALFE,KAAA;IACLC,QAAQ,GAINH,KAAK,CAJCG,QAAA;IACRC,QAAQ,GAGNJ,KAAK,CAAAI,QAHC;IACRC,iBAAiB,GAEfL,KAAK,CAAAK,iBAFU;IACdC,SAAS,GACVC,MAAA,CAAAP,KAAK,EAPH,CAAA,YAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,mBAAA,CAOL,CADa;EAER,IAAAQ,EAAA,GAA4BC,QAAQ,CAAU,KAAK,CAAC;IAAnDC,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,YAAY,GAAAH,EAAA,CAAA,CAAA,CAA4B;EACpD,IAAAI,EAAA,GAA4BH,QAAQ,CAAU,KAAK,CAAC;IAAnDI,SAAS,GAAAD,EAAA,CAAA,CAAA,CAAA;IAAEE,YAAY,GAAAF,EAAA,CAAA,CAAA,CAA4B;EAC1D,IAAMG,eAAe,GAAGd,UAAU,IAAIS,SAAS,IAAIG,SAAS;EAE5D,IAAMG,OAAO,GAAG,SAAAA,CAACC,KAAqB,EAAA;;IACpCH,YAAY,CAAC,IAAI,CAAC;IAClB,CAAAN,EAAA,GAAAR,KAAK,CAACgB,OAAO,MAAG,IAAA,IAAAR,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAU,IAAA,CAAAlB,KAAA,EAAAiB,KAAK,CAAC;EACxB,CAAC;EAED,IAAME,MAAM,GAAG,SAAAA,CAACF,KAAqB,EAAA;;IACnCH,YAAY,CAAC,KAAK,CAAC;IACnB,CAAAN,EAAA,GAAAR,KAAK,CAACmB,MAAM,MAAG,IAAA,IAAAX,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAU,IAAA,CAAAlB,KAAA,EAAAiB,KAAK,CAAC;EACvB,CAAC;EAED,oBACEG,KAAC,CAAAC,aAAA,CAAAC,KAAQ,EACPC,QAAA,CAAA;IAAApB,QAAQ,EAAEA,QAAQ;IAClBqB,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,GAAG,EACVtB,iBAAiB,EACjBJ,UAAU,IAAIyB,MAAM,CAACE,QAAQ,CAC9B;IACDZ,OAAO,EAAEA,OAAO;IAChBG,MAAM,EAAEA,MAAM;IACdU,YAAY,EAAE,SAAAA,CAAA,EAAA;MAAY,OAAAlB,YAAY,CAAC,IAAI,CAAC;IAAA,CAAA;IAC5CmB,YAAY,EAAE,SAAAA,CAAA,EAAA;MAAY,OAAAnB,YAAY,CAAC,KAAK,CAAC;IAAA;EAAA,CAAA,EACzCL,SAAS,CAAA,EAEZF,QAAQ,EACRF,KAAK,iBACJkB,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMG,SAAS,EAAEE,MAAM,CAACxB;EAAK,CAAA,eAC3BkB,KAAC,CAAAC,aAAA,CAAAU,KAAK;IAACC,OAAO,EAAEjB,eAAe,GAAG,QAAQ,GAAG;KAC1Cb,KAAK,CACA,CAEX,CACQ;AAEf,CAAA;"}

package/dist/esm/Tabs/subcomponents/Tab.module.scss.mjs

@@ -0,0 +1,7 @@
+var styles = {
+  "tab": "Tab-module_tab__Rar3J",
+  "badge": "Tab-module_badge__4p2nd",
+  "selected": "Tab-module_selected__MApD6"
+};
+export { styles as default };
+//# sourceMappingURL=Tab.module.scss.mjs.map

package/dist/esm/Tabs/subcomponents/Tab.module.scss.mjs.map

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

package/dist/esm/Tabs/subcomponents/TabList.mjs

@@ -0,0 +1,22 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { TabList as TabList$1 } from '@reach/tabs';
+import classnames from 'classnames';
+import styles from './TabList.module.scss.mjs';
+
+/**
+ * Wrapper for the tabs themselves
+ */
+var TabList = function (props) {
+  var ariaLabel = props["aria-label"],
+    _a = props.noPadding,
+    noPadding = _a === void 0 ? false : _a,
+    children = props.children,
+    restProps = __rest(props, ["aria-label", "noPadding", "children"]);
+  return /*#__PURE__*/React.createElement(TabList$1, __assign({
+    "aria-label": ariaLabel,
+    className: classnames(styles.tabList, noPadding && styles.noPadding)
+  }, restProps), children);
+};
+export { TabList };
+//# sourceMappingURL=TabList.mjs.map

package/dist/esm/Tabs/subcomponents/TabList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.mjs","sources":["../../../../src/Tabs/subcomponents/TabList.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode } from \"react\"\nimport { TabList as ReachTabList } from \"@reach/tabs\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./TabList.module.scss\"\n\nexport type TabListProps = {\n  /**\n   * Accessible name for the set of tabs\n   */\n  \"aria-label\": string\n  /**\n   * Removes the built in padding\n   */\n  noPadding?: boolean\n  children: ReactNode\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * Wrapper for the tabs themselves\n */\nexport const TabList = (props: TabListProps): JSX.Element => {\n  const {\n    \"aria-label\": ariaLabel,\n    noPadding = false,\n    children,\n    ...restProps\n  } = props\n  return (\n    <ReachTabList\n      aria-label={ariaLabel}\n      className={classnames(styles.tabList, noPadding && styles.noPadding)}\n      {...restProps}\n    >\n      {children}\n    </ReachTabList>\n  )\n}\n"],"names":["TabList","props","ariaLabel","_a","noPadding","children","restProps","__rest","React","createElement","ReachTabList","__assign","className","classnames","styles","tabList"],"mappings":";;;;;;AAkBA;;AAEG;AACI,IAAMA,OAAO,GAAG,SAAAA,CAACC,KAAmB,EAAA;EAEvC,IAAcC,SAAS,GAIrBD,KAAK,CAJgB,YAAA,CAAA;IACvBE,KAGEF,KAAK,CAAAG,SAHU;IAAjBA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,KAAA;IACjBE,QAAQ,GAENJ,KAAK,CAFCI,QAAA;IACLC,SAAS,GAAAC,MAAA,CACVN,KAAK,EALH,CAKL,YAAA,EAAA,WAAA,EAAA,UAAA,CAAA,CADa;EAEd,oBACEO,KAAC,CAAAC,aAAA,CAAAC,SAAY,EACCC,QAAA,CAAA;IAAA,YAAA,EAAAT,SAAS;IACrBU,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,OAAO,EAAEX,SAAS,IAAIU,MAAM,CAACV,SAAS;EAAC,CAChE,EAAAE,SAAS,CAEZ,EAAAD,QAAQ,CACI;AAEnB,CAAA;"}

package/dist/esm/Tabs/subcomponents/TabList.module.scss.mjs

@@ -0,0 +1,6 @@
+var styles = {
+  "tabList": "TabList-module_tabList__A8Y9H",
+  "noPadding": "TabList-module_noPadding__v073J"
+};
+export { styles as default };
+//# sourceMappingURL=TabList.module.scss.mjs.map

package/dist/esm/Tabs/subcomponents/TabList.module.scss.mjs.map

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

package/dist/esm/Tabs/subcomponents/TabPanel.mjs

@@ -0,0 +1,17 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { TabPanel as TabPanel$1 } from '@reach/tabs';
+
+/**
+ * Wrapper for the content that shows when tab is active
+ */
+var TabPanel = function (props) {
+  var classNameOverride = props.classNameOverride,
+    children = props.children,
+    restProps = __rest(props, ["classNameOverride", "children"]);
+  return /*#__PURE__*/React.createElement(TabPanel$1, __assign({
+    className: classNameOverride
+  }, restProps), children);
+};
+export { TabPanel };
+//# sourceMappingURL=TabPanel.mjs.map

package/dist/esm/Tabs/subcomponents/TabPanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.mjs","sources":["../../../../src/Tabs/subcomponents/TabPanel.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode } from \"react\"\nimport { TabPanel as ReachTabPanel } from \"@reach/tabs\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./TabPanel.module.scss\"\n\nexport type TabPanelProps = {\n  children: ReactNode\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * Wrapper for the content that shows when tab is active\n */\nexport const TabPanel = (props: TabPanelProps): JSX.Element => {\n  const { classNameOverride, children, ...restProps } = props\n  return (\n    <ReachTabPanel\n      className={(styles.tabPanel, classNameOverride)}\n      {...restProps}\n    >\n      {children}\n    </ReachTabPanel>\n  )\n}\n"],"names":["TabPanel","props","classNameOverride","children","restProps","__rest","React","createElement","ReachTabPanel","className"],"mappings":";;;;AASA;;AAEG;AACI,IAAMA,QAAQ,GAAG,SAAAA,CAACC,KAAoB,EAAA;EACnC,IAAAC,iBAAiB,GAA6BD,KAAK,CAAlCC,iBAAA;IAAEC,QAAQ,GAAmBF,KAAK,CAAxBE,QAAA;IAAKC,SAAS,GAAKC,MAAA,CAAAJ,KAAK,EAArD,CAAA,mBAAA,EAAA,UAAA,CAA6C,CAAF;EACjD,oBACEK,KAAC,CAAAC,aAAA,CAAAC,UAAa;IACZC,SAAS,EAAoBP;EACzB,CAAA,EAAAE,SAAS,GAEZD,QAAQ,CACK;AAEpB,CAAA;"}

package/dist/esm/Tabs/subcomponents/TabPanels.mjs

@@ -0,0 +1,14 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { TabPanels as TabPanels$1 } from '@reach/tabs';
+
+/**
+ * Wrapper for the content panels
+ */
+var TabPanels = function (props) {
+  var children = props.children,
+    restProps = __rest(props, ["children"]);
+  return /*#__PURE__*/React.createElement(TabPanels$1, __assign({}, restProps), children);
+};
+export { TabPanels };
+//# sourceMappingURL=TabPanels.mjs.map

package/dist/esm/Tabs/subcomponents/TabPanels.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanels.mjs","sources":["../../../../src/Tabs/subcomponents/TabPanels.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode } from \"react\"\nimport { TabPanels as ReachTabPanels } from \"@reach/tabs\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\n\nexport type TabPanelsProps = {\n  children: ReactNode\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * Wrapper for the content panels\n */\nexport const TabPanels = (props: TabPanelsProps): JSX.Element => {\n  const { children, ...restProps } = props\n  return <ReachTabPanels {...restProps}>{children}</ReachTabPanels>\n}\n"],"names":["TabPanels","props","children","restProps","__rest","React","ReachTabPanels","__assign"],"mappings":";;;;AAQA;;AAEG;AACI,IAAMA,SAAS,GAAG,SAAAA,CAACC,KAAqB,EAAA;EACrC,IAAAC,QAAQ,GAAmBD,KAAK,CAAxBC,QAAA;IAAKC,SAAS,GAAAC,MAAA,CAAKH,KAAK,EAAlC,CAA0B,UAAA,CAAA,CAAF;EAC9B,oBAAOI,oBAACC,WAAc,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKJ,SAAS,CAAG,EAAAD,QAAQ,CAAkB;AACnE,CAAA;"}

package/dist/esm/TextField/TextField.mjs

@@ -3,12 +3,14 @@ import React, { useId } from 'react';
 import classnames from 'classnames';
 import { FieldGroup } from '../FieldGroup/FieldGroup.mjs';
 import { FieldMessage } from '../FieldMessage/FieldMessage.mjs';
+import 'uuid';
+import '../Icon/subcomponents/SVG/SVG.mjs';
+import { SuccessIcon } from '../Icon/SuccessIcon.mjs';
 import { Input } from '../Input/Input/Input.mjs';
 import '../Input/InputRange/InputRange.mjs';
 import '../Input/InputSearch/InputSearch.mjs';
 import { Label } from '../Label/Label.mjs';
 import styles from './TextField.module.scss.mjs';
-import { SuccessIcon } from '../Icon/SuccessIcon.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |

package/dist/esm/TextField/TextField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.mjs","sources":["../../../src/TextField/TextField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Input, InputProps } from \"~components/Input\"\nimport { Label } from \"~components/Label\"\nimport { SuccessIcon } from \"..\"\nimport styles from \"./TextField.module.scss\"\n\ntype OmittedInputProps =\n  | \"startIconAdornment\"\n  | \"endIconAdornment\"\n  | \"ariaDescribedBy\"\n  | \"ariaLabel\"\n\nexport interface TextFieldProps extends Omit<InputProps, OmittedInputProps> {\n  /**\n   * A short example of input text. For context or additional information use the `description` prop\n   */\n  labelText: React.ReactNode\n  inline?: boolean\n  icon?: JSX.Element\n  /**\n   * A descriptive message for `error` or `caution` states\n   */\n  validationMessage?: string | React.ReactNode\n  /**\n   * A description that provides context for the text field\n   */\n  description?: string | React.ReactNode\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-text-field--docs Storybook}\n */\nexport const TextField = ({\n  id: propsId,\n  labelText,\n  inline = false,\n  icon,\n  validationMessage,\n  description,\n  status,\n  reversed = false,\n  disabled,\n  ...restProps\n}: TextFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n  const validationMessageAria = validationMessage\n    ? `${id}-field-validation-message`\n    : \"\"\n  const descriptionAria = description ? `${id}-field-description` : \"\"\n\n  const ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(\n    (prev, curr) => (curr ? [curr, prev].join(\" \") : prev),\n    \"\"\n  )\n\n  return (\n    <FieldGroup\n      id={`${id}-field-group`}\n      data-testid={`${id}-field-group`}\n      inline={inline}\n      classNameOverride={classnames(\n        styles.withLabel,\n        disabled && styles.withDisabled\n      )}\n    >\n      <Label\n        id={`${id}-field-label`}\n        data-testid={`${id}-field-label`}\n        htmlFor={`${id}-field-input`}\n        labelText={labelText}\n        reversed={reversed}\n        disabled={disabled}\n      />\n      <Input\n        id={`${id}-field-input`}\n        data-testid={`${id}-field-input`}\n        aria-describedby={ariaDescribedBy}\n        classNameOverride={styles.input}\n        disabled={disabled}\n        reversed={reversed}\n        status={status}\n        startIconAdornment={icon}\n        endIconAdornment={\n          status === \"success\" && (\n            <div\n              className={classnames(\n                styles.success,\n                disabled && styles.disabled\n              )}\n            >\n              <SuccessIcon role=\"presentation\" />\n            </div>\n          )\n        }\n        {...restProps}\n      />\n\n      {validationMessage && (\n        <div\n          className={classnames(styles.message, disabled && styles.disabled)}\n        >\n          <FieldMessage\n            id={validationMessageAria}\n            message={validationMessage}\n            status={status}\n            reversed={reversed}\n          />\n        </div>\n      )}\n\n      {description && (\n        <div\n          className={classnames(styles.message, disabled && styles.disabled)}\n        >\n          <FieldMessage\n            id={descriptionAria}\n            message={description}\n            reversed={reversed}\n          />\n        </div>\n      )}\n    </FieldGroup>\n  )\n}\n\nTextField.displayName = \"TextField\"\n"],"names":["TextField","_a","propsId","id","labelText","_b","inline","icon","validationMessage","description","status","_c","reversed","disabled","restProps","__rest","useId","validationMessageAria","concat","descriptionAria","ariaDescribedBy","reduce","prev","curr","join","React","createElement","FieldGroup","classNameOverride","classnames","styles","withLabel","withDisabled","Label","htmlFor","Input","__assign","input","startIconAdornment","endIconAdornment","className","success","SuccessIcon","role","message","FieldMessage","displayName"],"mappings":"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"}
+{"version":3,"file":"TextField.mjs","sources":["../../../src/TextField/TextField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { SuccessIcon } from \"~components/Icon\"\nimport { Input, InputProps } from \"~components/Input\"\nimport { Label } from \"~components/Label\"\nimport styles from \"./TextField.module.scss\"\n\ntype OmittedInputProps =\n  | \"startIconAdornment\"\n  | \"endIconAdornment\"\n  | \"ariaDescribedBy\"\n  | \"ariaLabel\"\n\nexport type TextFieldProps = {\n  /**\n   * A short example of input text. For context or additional information use the `description` prop\n   */\n  labelText: React.ReactNode\n  inline?: boolean\n  icon?: JSX.Element\n  /**\n   * A descriptive message for `error` or `caution` states\n   */\n  validationMessage?: string | React.ReactNode\n  /**\n   * A description that provides context for the text field\n   */\n  description?: string | React.ReactNode\n} & Omit<InputProps, OmittedInputProps>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-text-field--docs Storybook}\n */\nexport const TextField = ({\n  id: propsId,\n  labelText,\n  inline = false,\n  icon,\n  validationMessage,\n  description,\n  status,\n  reversed = false,\n  disabled,\n  ...restProps\n}: TextFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n  const validationMessageAria = validationMessage\n    ? `${id}-field-validation-message`\n    : \"\"\n  const descriptionAria = description ? `${id}-field-description` : \"\"\n\n  const ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(\n    (prev, curr) => (curr ? [curr, prev].join(\" \") : prev),\n    \"\"\n  )\n\n  return (\n    <FieldGroup\n      id={`${id}-field-group`}\n      data-testid={`${id}-field-group`}\n      inline={inline}\n      classNameOverride={classnames(\n        styles.withLabel,\n        disabled && styles.withDisabled\n      )}\n    >\n      <Label\n        id={`${id}-field-label`}\n        data-testid={`${id}-field-label`}\n        htmlFor={`${id}-field-input`}\n        labelText={labelText}\n        reversed={reversed}\n        disabled={disabled}\n      />\n      <Input\n        id={`${id}-field-input`}\n        data-testid={`${id}-field-input`}\n        aria-describedby={ariaDescribedBy}\n        classNameOverride={styles.input}\n        disabled={disabled}\n        reversed={reversed}\n        status={status}\n        startIconAdornment={icon}\n        endIconAdornment={\n          status === \"success\" && (\n            <div\n              className={classnames(\n                styles.success,\n                disabled && styles.disabled\n              )}\n            >\n              <SuccessIcon role=\"presentation\" />\n            </div>\n          )\n        }\n        {...restProps}\n      />\n\n      {validationMessage && (\n        <div\n          className={classnames(styles.message, disabled && styles.disabled)}\n        >\n          <FieldMessage\n            id={validationMessageAria}\n            message={validationMessage}\n            status={status}\n            reversed={reversed}\n          />\n        </div>\n      )}\n\n      {description && (\n        <div\n          className={classnames(styles.message, disabled && styles.disabled)}\n        >\n          <FieldMessage\n            id={descriptionAria}\n            message={description}\n            reversed={reversed}\n          />\n        </div>\n      )}\n    </FieldGroup>\n  )\n}\n\nTextField.displayName = \"TextField\"\n"],"names":["TextField","_a","propsId","id","labelText","_b","inline","icon","validationMessage","description","status","_c","reversed","disabled","restProps","__rest","useId","validationMessageAria","concat","descriptionAria","ariaDescribedBy","reduce","prev","curr","join","React","createElement","FieldGroup","classNameOverride","classnames","styles","withLabel","withDisabled","Label","htmlFor","Input","__assign","input","startIconAdornment","endIconAdornment","className","success","SuccessIcon","role","message","FieldMessage","displayName"],"mappings":"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"}

package/dist/esm/ToggleSwitch/ToggleSwitch/ToggleSwitch.mjs

@@ -0,0 +1,34 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import 'uuid';
+import '../../Icon/subcomponents/SVG/SVG.mjs';
+import { CheckIcon } from '../../Icon/CheckIcon.mjs';
+import styles from './ToggleSwitch.module.scss.mjs';
+const ToggleSwitch = /*#__PURE__*/function () {
+  const ToggleSwitch = function (_a) {
+    var toggledStatus = _a.toggledStatus,
+      onToggle = _a.onToggle,
+      reversed = _a.reversed,
+      restProps = __rest(_a, ["toggledStatus", "onToggle", "reversed"]);
+    var isOn = toggledStatus === "on";
+    return /*#__PURE__*/React.createElement("span", {
+      className: classnames(isOn ? styles.on : styles.off, reversed && styles.reversed)
+    }, /*#__PURE__*/React.createElement("input", __assign({
+      type: "checkbox",
+      className: styles.checkbox,
+      checked: isOn ? true : false,
+      onChange: onToggle
+    }, restProps)), /*#__PURE__*/React.createElement("span", {
+      className: styles.track
+    }, /*#__PURE__*/React.createElement("span", {
+      className: styles.thumb
+    }, /*#__PURE__*/React.createElement(CheckIcon, {
+      role: "presentation"
+    }))));
+  };
+  ToggleSwitch.displayName = "ToggleSwitch";
+  return ToggleSwitch;
+}();
+export { ToggleSwitch };
+//# sourceMappingURL=ToggleSwitch.mjs.map

package/dist/esm/ToggleSwitch/ToggleSwitch/ToggleSwitch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitch.mjs","sources":["../../../../src/ToggleSwitch/ToggleSwitch/ToggleSwitch.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { CheckIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./ToggleSwitch.module.scss\"\n\nexport type ToggledStatus = \"on\" | \"off\"\n\nexport type ToggleSwitchProps = {\n  toggledStatus?: ToggledStatus\n  /**\n   * Alias for `onChange`\n   */\n  onToggle?: React.ChangeEventHandler<HTMLInputElement>\n  reversed?: boolean\n} & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\">>\n\nexport const ToggleSwitch = ({\n  toggledStatus,\n  onToggle,\n  reversed,\n  ...restProps\n}: ToggleSwitchProps): JSX.Element => {\n  const isOn = toggledStatus === \"on\"\n\n  return (\n    <span\n      className={classnames(\n        isOn ? styles.on : styles.off,\n        reversed && styles.reversed\n      )}\n    >\n      <input\n        type=\"checkbox\"\n        className={styles.checkbox}\n        checked={isOn ? true : false}\n        onChange={onToggle}\n        {...restProps}\n      />\n      <span className={styles.track}>\n        <span className={styles.thumb}>\n          <CheckIcon role=\"presentation\" />\n        </span>\n      </span>\n    </span>\n  )\n}\n\nToggleSwitch.displayName = \"ToggleSwitch\"\n"],"names":["ToggleSwitch","_a","toggledStatus","onToggle","reversed","restProps","__rest","isOn","React","createElement","className","classnames","styles","on","off","__assign","type","checkbox","checked","onChange","track","thumb","CheckIcon","role","displayName"],"mappings":";;;;;;;MAiBaA,YAAY;EAAA,MAAZA,YAAY,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJlB,IAAAC,aAAa,GAAAD,EAAA,CAAAC,aAAA;MACbC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,QAAQ,GAAAH,EAAA,CAAAG,QAAA;MACLC,SAAS,GAJeC,MAAA,CAAAL,EAAA,EAAA,CAAA,eAAA,EAAA,UAAA,EAAA,UAAA,CAK5B,CADa;IAEZ,IAAMM,IAAI,GAAGL,aAAa,KAAK,IAAI;IAEnC,oBACEM,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAC,SAAS,EAAEC,UAAU,CACnBJ,IAAI,GAAGK,MAAM,CAACC,EAAE,GAAGD,MAAM,CAACE,GAAG,EAC7BV,QAAQ,IAAIQ,MAAM,CAACR,QAAQ;IAC5B,CAAA,eAEDI,KACE,CAAAC,aAAA,CAAA,OAAA,EAAAM,QAAA,CAAA;MAAAC,IAAI,EAAC,UAAU;MACfN,SAAS,EAAEE,MAAM,CAACK,QAAQ;MAC1BC,OAAO,EAAEX,IAAI,GAAG,IAAI,GAAG,KAAK;MAC5BY,QAAQ,EAAEhB;IAAQ,CACd,EAAAE,SAAS,CACb,CAAA,eACFG,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAMC,SAAS,EAAEE,MAAM,CAACQ;IAAK,CAAA,eAC3BZ,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAMC,SAAS,EAAEE,MAAM,CAACS;IAAK,CAAA,eAC3Bb,KAAC,CAAAC,aAAA,CAAAa,SAAS,EAAC;MAAAC,IAAI,EAAC;MAAiB,CAC5B,CACF,CACF;EAEX,CAAC;EAEDvB,YAAY,CAACwB,WAAW,GAAG,cAAc;EAAA,OA/B5BxB,YAAY;AAAA;"}

package/dist/esm/ToggleSwitch/ToggleSwitch/ToggleSwitch.module.scss.mjs

@@ -0,0 +1,11 @@
+var styles = {
+  "checkbox": "ToggleSwitch-module_checkbox__ezWz3",
+  "track": "ToggleSwitch-module_track__fcDMP",
+  "thumb": "ToggleSwitch-module_thumb__8PULV",
+  "checkIcon": "ToggleSwitch-module_checkIcon__8iitB",
+  "on": "ToggleSwitch-module_on__CQpkh",
+  "off": "ToggleSwitch-module_off__OhSEP",
+  "reversed": "ToggleSwitch-module_reversed__Q3-iM"
+};
+export { styles as default };
+//# sourceMappingURL=ToggleSwitch.module.scss.mjs.map

package/dist/esm/ToggleSwitch/ToggleSwitch/ToggleSwitch.module.scss.mjs.map

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

package/dist/esm/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.mjs

@@ -0,0 +1,52 @@
+import { __rest, __assign } from 'tslib';
+import React, { useId } from 'react';
+import classnames from 'classnames';
+import { FieldGroup } from '../../FieldGroup/FieldGroup.mjs';
+import { Label } from '../../Label/Label.mjs';
+import { ToggleSwitch } from '../ToggleSwitch/ToggleSwitch.mjs';
+import styles from './ToggleSwitchField.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075638160/Toggle+Switch Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-toggleswitch-ield--docs Storybook}
+ */
+const ToggleSwitchField = /*#__PURE__*/function () {
+  const ToggleSwitchField = function (_a) {
+    var propsId = _a.id,
+      labelText = _a.labelText,
+      _b = _a.labelPosition,
+      labelPosition = _b === void 0 ? "start" : _b,
+      toggledStatus = _a.toggledStatus,
+      disabled = _a.disabled,
+      reversed = _a.reversed,
+      inline = _a.inline,
+      fullWidth = _a.fullWidth,
+      restProps = __rest(_a, ["id", "labelText", "labelPosition", "toggledStatus", "disabled", "reversed", "inline", "fullWidth"]);
+    var reactId = useId();
+    var id = propsId || reactId;
+    return /*#__PURE__*/React.createElement(FieldGroup, {
+      id: "".concat(id, "-field-group"),
+      inline: inline,
+      classNameOverride: classnames(styles.container, fullWidth && styles.fullWidth, toggledStatus === "on" && styles.on)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.inner
+    }, /*#__PURE__*/React.createElement(Label, {
+      id: "".concat(id, "-field-label"),
+      htmlFor: "".concat(id, "-field-toggle"),
+      labelText: labelText,
+      labelType: "toggle",
+      labelPosition: labelPosition,
+      disabled: disabled,
+      reversed: reversed
+    }, /*#__PURE__*/React.createElement(ToggleSwitch, __assign({
+      id: "".concat(id, "-field-toggle"),
+      disabled: disabled,
+      reversed: reversed,
+      toggledStatus: toggledStatus
+    }, restProps)))));
+  };
+  ToggleSwitchField.displayName = "ToggleSwitchField";
+  return ToggleSwitchField;
+}();
+export { ToggleSwitchField };
+//# sourceMappingURL=ToggleSwitchField.mjs.map

package/dist/esm/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitchField.mjs","sources":["../../../../src/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { Label } from \"~components/Label\"\nimport {\n  ToggledStatus,\n  ToggleSwitch,\n  ToggleSwitchProps,\n} from \"../ToggleSwitch/ToggleSwitch\"\nimport styles from \"./ToggleSwitchField.module.scss\"\n\nexport type ToggleSwitchFieldProps = {\n  labelText: React.ReactNode\n  labelPosition?: \"start\" | \"end\"\n  toggledStatus?: ToggledStatus\n  disabled?: boolean\n  reversed?: boolean\n  inline?: boolean\n  fullWidth?: boolean\n} & ToggleSwitchProps\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075638160/Toggle+Switch Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-toggleswitch-ield--docs Storybook}\n */\nexport const ToggleSwitchField = ({\n  id: propsId,\n  labelText,\n  labelPosition = \"start\",\n  toggledStatus,\n  disabled,\n  reversed,\n  inline,\n  fullWidth,\n  ...restProps\n}: ToggleSwitchFieldProps): JSX.Element => {\n  const reactId = useId()\n  const id = propsId || reactId\n\n  return (\n    <FieldGroup\n      id={`${id}-field-group`}\n      inline={inline}\n      classNameOverride={classnames(\n        styles.container,\n        fullWidth && styles.fullWidth,\n        toggledStatus === \"on\" && styles.on\n      )}\n    >\n      <div className={styles.inner}>\n        <Label\n          id={`${id}-field-label`}\n          htmlFor={`${id}-field-toggle`}\n          labelText={labelText}\n          labelType=\"toggle\"\n          labelPosition={labelPosition}\n          disabled={disabled}\n          reversed={reversed}\n        >\n          <ToggleSwitch\n            id={`${id}-field-toggle`}\n            disabled={disabled}\n            reversed={reversed}\n            toggledStatus={toggledStatus}\n            {...restProps}\n          />\n        </Label>\n      </div>\n    </FieldGroup>\n  )\n}\n\nToggleSwitchField.displayName = \"ToggleSwitchField\"\n"],"names":["ToggleSwitchField","_a","propsId","id","labelText","_b","labelPosition","toggledStatus","disabled","reversed","inline","fullWidth","restProps","__rest","reactId","useId","React","createElement","FieldGroup","concat","classNameOverride","classnames","styles","container","on","className","inner","Label","htmlFor","labelType","ToggleSwitch","__assign","displayName"],"mappings":";;;;;;;;AAqBA;;;AAGG;AAHH,MAIaA,iBAAiB;EAAA,MAAjBA,iBAAiB,GAAG,SAAAA,CAACC,EAUT,EAAA;IATvB,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,EAAuB,GAAAJ,EAAA,CAAAK,aAAA;MAAvBA,aAAa,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,OAAO,GAAAA,EAAA;MACvBE,aAAa,GAAAN,EAAA,CAAAM,aAAA;MACbC,QAAQ,GAAAP,EAAA,CAAAO,QAAA;MACRC,QAAQ,GAAAR,EAAA,CAAAQ,QAAA;MACRC,MAAM,GAAAT,EAAA,CAAAS,MAAA;MACNC,SAAS,GAAAV,EAAA,CAAAU,SAAA;MACNC,SAAS,GAAAC,MAAA,CAAAZ,EAAA,EAToB,oGAUjC,CADa;IAEZ,IAAMa,OAAO,GAAGC,KAAK,EAAE;IACvB,IAAMZ,EAAE,GAAGD,OAAO,IAAIY,OAAO;IAE7B,oBACEE,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;MACTf,EAAE,EAAE,EAAA,CAAAgB,MAAA,CAAGhB,EAAE,EAAA,cAAA,CAAc;MACvBO,MAAM,EAAEA,MAAM;MACdU,iBAAiB,EAAEC,UAAU,CAC3BC,MAAM,CAACC,SAAS,EAChBZ,SAAS,IAAIW,MAAM,CAACX,SAAS,EAC7BJ,aAAa,KAAK,IAAI,IAAIe,MAAM,CAACE,EAAE;IACpC,CAAA,eAEDR,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKQ,SAAS,EAAEH,MAAM,CAACI;IAAK,CAAA,eAC1BV,KAAA,CAAAC,aAAA,CAACU,KAAK,EAAA;MACJxB,EAAE,EAAE,UAAGA,EAAE,EAAA,cAAA,CAAc;MACvByB,OAAO,EAAE,EAAA,CAAAT,MAAA,CAAGhB,EAAE,EAAA,eAAA,CAAe;MAC7BC,SAAS,EAAEA,SAAS;MACpByB,SAAS,EAAC,QAAQ;MAClBvB,aAAa,EAAEA,aAAa;MAC5BE,QAAQ,EAAEA,QAAQ;MAClBC,QAAQ,EAAEA;IAAQ,CAAA,eAElBO,KAAC,CAAAC,aAAA,CAAAa,YAAY,EACXC,QAAA,CAAA;MAAA5B,EAAE,EAAE,EAAA,CAAAgB,MAAA,CAAGhB,EAAE,EAAA,eAAA,CAAe;MACxBK,QAAQ,EAAEA,QAAQ;MAClBC,QAAQ,EAAEA,QAAQ;MAClBF,aAAa,EAAEA;IAAa,CAAA,EACxBK,SAAS,CAAA,CACb,CACI,CACJ,CACK;EAEjB,CAAC;EAEDZ,iBAAiB,CAACgC,WAAW,GAAG,mBAAmB;EAAA,OA/CtChC,iBAAiB;AAAA;"}

package/dist/esm/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.module.scss.mjs

@@ -0,0 +1,8 @@
+var styles = {
+  "container": "ToggleSwitchField-module_container__e7TXD",
+  "fullWidth": "ToggleSwitchField-module_fullWidth__ybDf-",
+  "inner": "ToggleSwitchField-module_inner__9-O0m",
+  "on": "ToggleSwitchField-module_on__HQOkN"
+};
+export { styles as default };
+//# sourceMappingURL=ToggleSwitchField.module.scss.mjs.map

package/dist/esm/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.module.scss.mjs.map

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

package/dist/esm/dts/BrandMoment/_docs/ExampleHeaders.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const MinimalBasic: () => JSX.Element;
 export declare const MinimalCustomerFocused: () => JSX.Element;
 export declare const FakeNavBar: () => JSX.Element;

package/dist/esm/dts/Button/IconButton/IconButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GenericProps, ButtonFormAttributes, WorkingProps, WorkingUndefinedProps, ButtonBadgeProps } from "../GenericButton";
 export type IconButtonProps = GenericProps & ButtonFormAttributes & (WorkingProps | WorkingUndefinedProps) & {
     label: string;

package/dist/esm/dts/Calendar/CalendarRange/CalendarRange.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DayPickerRangeProps } from "react-day-picker";
 import { OverrideClassName } from "../../types/OverrideClassName";
 export type CalendarRangeElement = HTMLDivElement;