@kaizen/components 0.0.0-canary-bump-react-intl-20230830002428 → 0.0.0-canary-cg-test-20231009053130

package/dist/esm/packages/components/src/Icon/UserSelectIcon.js

@@ -0,0 +1,22 @@
+import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { v4 } from 'uuid';
+import { SVG } from './subcomponents/SVG/SVG.js';
+
+var UserSelectIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M6.876 10a3.332 3.332 0 1 1 0-6.665 3.332 3.332 0 1 1 0 6.665Zm12.913-3.063-5.138 5.146-3.316-3.308 1.104-1.103 2.212 2.206 4.036-4.044 1.102 1.103Zm-12.913 4.73c2.224 0 6.665 1.116 6.665 3.332v1.666H.21v-1.666c0-2.216 4.44-3.333 6.665-3.333Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+export { UserSelectIcon };
+//# sourceMappingURL=UserSelectIcon.js.map

package/dist/esm/packages/components/src/Icon/UserSelectIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSelectIcon.js","sources":["../../../../../../src/Icon/UserSelectIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const UserSelectIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = uuidv4()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M6.876 10a3.332 3.332 0 1 1 0-6.665 3.332 3.332 0 1 1 0 6.665Zm12.913-3.063-5.138 5.146-3.316-3.308 1.104-1.103 2.212 2.206 4.036-4.044 1.102 1.103Zm-12.913 4.73c2.224 0 6.665 1.116 6.665 3.332v1.666H.21v-1.666c0-2.216 4.44-3.333 6.665-3.333Z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["uuidv4"],"mappings":";;;;;AAOa,IAAA,cAAA,GAAiB,SAAC,KAAgB,EAAA;AAC7C,EAAA,IAAM,WAAWA,EAAM,EAAA,CAAA;AACvB,EAAA,IAAM,aACJ,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA,CAAA,QAAA;AAAA,IAAA,IAAA;AAAA,IACE,KAAA,CAAA,aAAA;AAAA,MAAA,MAAA;AAAA,MAAA,IAAA;AAAA,MACE,KAAA,CACE,cAAA,MAAA,EAAA,EAAA,IAAI,QACJ,EAAA,CAAA,EAAE;KACF;AAAA,IAEJ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,IAAK,EAAA,cAAA,EAAe,IAAM,EAAA,GAAA,CAAI,MAAA,CAAA,QAAQ,CAAI,EAAA,QAAA,EAAS,WAAY,CAAA;AAAA,GAAA,CAAA;AAGxE,EAAO,OAAA,KAAA,eAAC,GAAG,EAAA,QAAA,CAAA,EAAK,EAAA,KAAK,GAAG,UAAU,CAAA,CAAA;AACpC;;;;"}

package/dist/esm/packages/components/src/Icon/UserSettingsIcon.js

@@ -0,0 +1,22 @@
+import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { v4 } from 'uuid';
+import { SVG } from './subcomponents/SVG/SVG.js';
+
+var UserSettingsIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.036 9.917a1.168 1.168 0 0 1-1.167-1.167c0-.643.524-1.166 1.167-1.166a1.168 1.168 0 0 1 0 2.333Zm2.477-.84c.012-.107.023-.217.023-.327 0-.11-.011-.22-.023-.326l.702-.55a.163.163 0 0 0 .04-.214l-.667-1.153a.162.162 0 0 0-.203-.073l-.83.333a2.542 2.542 0 0 0-.563-.327l-.127-.883a.163.163 0 0 0-.163-.14h-1.334a.162.162 0 0 0-.162.14l-.127.883c-.204.084-.39.194-.563.327l-.83-.333a.167.167 0 0 0-.203.073l-.668 1.153a.168.168 0 0 0 .04.214l.703.55a2.766 2.766 0 0 0-.022.326c0 .114.01.22.022.327l-.702.55a.168.168 0 0 0-.041.213l.668 1.154c.039.073.126.103.203.073l.83-.333c.172.13.359.243.563.326l.127.884c.01.08.08.14.162.14h1.334c.083 0 .153-.06.163-.14l.127-.884c.204-.083.39-.193.563-.326l.83.333c.073.027.164 0 .203-.073l.667-1.154a.167.167 0 0 0-.04-.213l-.702-.55ZM7.388 10a3.332 3.332 0 1 0 0-6.666 3.332 3.332 0 1 0 0 6.666Zm0 1.667C5.163 11.667.722 12.784.722 15v1.667h13.333V15c0-2.216-4.442-3.333-6.667-3.333Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+export { UserSettingsIcon };
+//# sourceMappingURL=UserSettingsIcon.js.map

package/dist/esm/packages/components/src/Icon/UserSettingsIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSettingsIcon.js","sources":["../../../../../../src/Icon/UserSettingsIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const UserSettingsIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = uuidv4()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M16.036 9.917a1.168 1.168 0 0 1-1.167-1.167c0-.643.524-1.166 1.167-1.166a1.168 1.168 0 0 1 0 2.333Zm2.477-.84c.012-.107.023-.217.023-.327 0-.11-.011-.22-.023-.326l.702-.55a.163.163 0 0 0 .04-.214l-.667-1.153a.162.162 0 0 0-.203-.073l-.83.333a2.542 2.542 0 0 0-.563-.327l-.127-.883a.163.163 0 0 0-.163-.14h-1.334a.162.162 0 0 0-.162.14l-.127.883c-.204.084-.39.194-.563.327l-.83-.333a.167.167 0 0 0-.203.073l-.668 1.153a.168.168 0 0 0 .04.214l.703.55a2.766 2.766 0 0 0-.022.326c0 .114.01.22.022.327l-.702.55a.168.168 0 0 0-.041.213l.668 1.154c.039.073.126.103.203.073l.83-.333c.172.13.359.243.563.326l.127.884c.01.08.08.14.162.14h1.334c.083 0 .153-.06.163-.14l.127-.884c.204-.083.39-.193.563-.326l.83.333c.073.027.164 0 .203-.073l.667-1.154a.167.167 0 0 0-.04-.213l-.702-.55ZM7.388 10a3.332 3.332 0 1 0 0-6.666 3.332 3.332 0 1 0 0 6.666Zm0 1.667C5.163 11.667.722 12.784.722 15v1.667h13.333V15c0-2.216-4.442-3.333-6.667-3.333Z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["uuidv4"],"mappings":";;;;;AAOa,IAAA,gBAAA,GAAmB,SAAC,KAAgB,EAAA;AAC/C,EAAA,IAAM,WAAWA,EAAM,EAAA,CAAA;AACvB,EAAA,IAAM,aACJ,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA,CAAA,QAAA;AAAA,IAAA,IAAA;AAAA,IACE,KAAA,CAAA,aAAA;AAAA,MAAA,MAAA;AAAA,MAAA,IAAA;AAAA,MACE,KAAA,CACE,cAAA,MAAA,EAAA,EAAA,IAAI,QACJ,EAAA,CAAA,EAAE;KACF;AAAA,IAEJ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,IAAK,EAAA,cAAA,EAAe,IAAM,EAAA,GAAA,CAAI,MAAA,CAAA,QAAQ,CAAI,EAAA,QAAA,EAAS,WAAY,CAAA;AAAA,GAAA,CAAA;AAGxE,EAAO,OAAA,KAAA,eAAC,GAAG,EAAA,QAAA,CAAA,EAAK,EAAA,KAAK,GAAG,UAAU,CAAA,CAAA;AACpC;;;;"}

package/dist/esm/packages/components/src/Icon/UserUpdateIcon.js

@@ -0,0 +1,22 @@
+import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { v4 } from 'uuid';
+import { SVG } from './subcomponents/SVG/SVG.js';
+
+var UserUpdateIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m17.519 10.956 1.843-1.921H18.17c-.046-1.523-1.345-2.794-2.876-2.794a2.88 2.88 0 0 0-2.877 2.877c0 .686.247 1.351.7 1.878l.308.305a2.869 2.869 0 0 0 3.33.296l.092-.055-.752-.751-.052.022a1.853 1.853 0 0 1-2.6-1.695c0-1.02.83-1.85 1.85-1.85.993 0 1.807.785 1.85 1.767h-1.62l1.996 1.92Zm-10.019.71C5.275 11.666.834 12.784.834 15v1.666h13.333V15c0-2.217-4.442-3.334-6.667-3.334ZM7.5 10a3.333 3.333 0 1 0 .001-6.666 3.333 3.333 0 0 0 0 6.666Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+export { UserUpdateIcon };
+//# sourceMappingURL=UserUpdateIcon.js.map

package/dist/esm/packages/components/src/Icon/UserUpdateIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserUpdateIcon.js","sources":["../../../../../../src/Icon/UserUpdateIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const UserUpdateIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = uuidv4()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"m17.519 10.956 1.843-1.921H18.17c-.046-1.523-1.345-2.794-2.876-2.794a2.88 2.88 0 0 0-2.877 2.877c0 .686.247 1.351.7 1.878l.308.305a2.869 2.869 0 0 0 3.33.296l.092-.055-.752-.751-.052.022a1.853 1.853 0 0 1-2.6-1.695c0-1.02.83-1.85 1.85-1.85.993 0 1.807.785 1.85 1.767h-1.62l1.996 1.92Zm-10.019.71C5.275 11.666.834 12.784.834 15v1.666h13.333V15c0-2.217-4.442-3.334-6.667-3.334ZM7.5 10a3.333 3.333 0 1 0 .001-6.666 3.333 3.333 0 0 0 0 6.666Z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["uuidv4"],"mappings":";;;;;AAOa,IAAA,cAAA,GAAiB,SAAC,KAAgB,EAAA;AAC7C,EAAA,IAAM,WAAWA,EAAM,EAAA,CAAA;AACvB,EAAA,IAAM,aACJ,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA,CAAA,QAAA;AAAA,IAAA,IAAA;AAAA,IACE,KAAA,CAAA,aAAA;AAAA,MAAA,MAAA;AAAA,MAAA,IAAA;AAAA,MACE,KAAA,CACE,cAAA,MAAA,EAAA,EAAA,IAAI,QACJ,EAAA,CAAA,EAAE;KACF;AAAA,IAEJ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,IAAK,EAAA,cAAA,EAAe,IAAM,EAAA,GAAA,CAAI,MAAA,CAAA,QAAQ,CAAI,EAAA,QAAA,EAAS,WAAY,CAAA;AAAA,GAAA,CAAA;AAGxE,EAAO,OAAA,KAAA,eAAC,GAAG,EAAA,QAAA,CAAA,EAAK,EAAA,KAAK,GAAG,UAAU,CAAA,CAAA;AACpC;;;;"}

package/dist/esm/packages/components/src/Icon/UsersIcon.js

@@ -0,0 +1,22 @@
+import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { v4 } from 'uuid';
+import { SVG } from './subcomponents/SVG/SVG.js';
+
+var UsersIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M13.6 9.6a1.994 1.994 0 0 0 1.991-2c0-1.104-.888-2-1.991-2a2 2 0 0 0 0 4m-6-.8a2.39 2.39 0 0 0 2.392-2.4 2.397 2.397 0 1 0-4.793 0c0 1.328 1.073 2.4 2.401 2.4m6 2.4c-1.464 0-4.4.736-4.4 2.2v1.8H18v-1.8c0-1.464-2.937-2.2-4.4-2.2m-6-.8c-1.865 0-5.6.936-5.6 2.8v2h5.6v-1.8c0-.68.264-1.872 1.896-2.776C8.8 10.48 8.128 10.4 7.6 10.4" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+export { UsersIcon };
+//# sourceMappingURL=UsersIcon.js.map

package/dist/esm/packages/components/src/Icon/UsersIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsersIcon.js","sources":["../../../../../../src/Icon/UsersIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const UsersIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = uuidv4()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M13.6 9.6a1.994 1.994 0 0 0 1.991-2c0-1.104-.888-2-1.991-2a2 2 0 0 0 0 4m-6-.8a2.39 2.39 0 0 0 2.392-2.4 2.397 2.397 0 1 0-4.793 0c0 1.328 1.073 2.4 2.401 2.4m6 2.4c-1.464 0-4.4.736-4.4 2.2v1.8H18v-1.8c0-1.464-2.937-2.2-4.4-2.2m-6-.8c-1.865 0-5.6.936-5.6 2.8v2h5.6v-1.8c0-.68.264-1.872 1.896-2.776C8.8 10.48 8.128 10.4 7.6 10.4\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["uuidv4"],"mappings":";;;;;AAOa,IAAA,SAAA,GAAY,SAAC,KAAgB,EAAA;AACxC,EAAA,IAAM,WAAWA,EAAM,EAAA,CAAA;AACvB,EAAA,IAAM,aACJ,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA,CAAA,QAAA;AAAA,IAAA,IAAA;AAAA,IACE,KAAA,CAAA,aAAA;AAAA,MAAA,MAAA;AAAA,MAAA,IAAA;AAAA,MACE,KAAA,CACE,cAAA,MAAA,EAAA,EAAA,IAAI,QACJ,EAAA,CAAA,EAAE;KACF;AAAA,IAEJ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,IAAK,EAAA,cAAA,EAAe,IAAM,EAAA,GAAA,CAAI,MAAA,CAAA,QAAQ,CAAI,EAAA,QAAA,EAAS,WAAY,CAAA;AAAA,GAAA,CAAA;AAGxE,EAAO,OAAA,KAAA,eAAC,GAAG,EAAA,QAAA,CAAA,EAAK,EAAA,KAAK,GAAG,UAAU,CAAA,CAAA;AACpC;;;;"}

package/dist/esm/packages/components/src/Icon/VisibleIcon.js

@@ -0,0 +1,22 @@
+import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { v4 } from 'uuid';
+import { SVG } from './subcomponents/SVG/SVG.js';
+
+var VisibleIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M9.831 3.75c-4.09 0-7.583 2.544-8.998 6.135 1.415 3.591 4.908 6.135 8.998 6.135 4.09 0 7.583-2.544 8.998-6.135-1.415-3.591-4.908-6.135-8.998-6.135Zm0 10.225a4.091 4.091 0 0 1-4.09-4.09 4.091 4.091 0 0 1 4.09-4.09 4.091 4.091 0 0 1 4.09 4.09 4.091 4.091 0 0 1-4.09 4.09Zm0-6.544a2.45 2.45 0 0 0-2.454 2.454 2.45 2.45 0 0 0 2.454 2.454 2.45 2.45 0 0 0 2.454-2.454 2.45 2.45 0 0 0-2.454-2.454Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+export { VisibleIcon };
+//# sourceMappingURL=VisibleIcon.js.map

package/dist/esm/packages/components/src/Icon/VisibleIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibleIcon.js","sources":["../../../../../../src/Icon/VisibleIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const VisibleIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = uuidv4()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M9.831 3.75c-4.09 0-7.583 2.544-8.998 6.135 1.415 3.591 4.908 6.135 8.998 6.135 4.09 0 7.583-2.544 8.998-6.135-1.415-3.591-4.908-6.135-8.998-6.135Zm0 10.225a4.091 4.091 0 0 1-4.09-4.09 4.091 4.091 0 0 1 4.09-4.09 4.091 4.091 0 0 1 4.09 4.09 4.091 4.091 0 0 1-4.09 4.09Zm0-6.544a2.45 2.45 0 0 0-2.454 2.454 2.45 2.45 0 0 0 2.454 2.454 2.45 2.45 0 0 0 2.454-2.454 2.45 2.45 0 0 0-2.454-2.454Z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["uuidv4"],"mappings":";;;;;AAOa,IAAA,WAAA,GAAc,SAAC,KAAgB,EAAA;AAC1C,EAAA,IAAM,WAAWA,EAAM,EAAA,CAAA;AACvB,EAAA,IAAM,aACJ,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA,CAAA,QAAA;AAAA,IAAA,IAAA;AAAA,IACE,KAAA,CAAA,aAAA;AAAA,MAAA,MAAA;AAAA,MAAA,IAAA;AAAA,MACE,KAAA,CACE,cAAA,MAAA,EAAA,EAAA,IAAI,QACJ,EAAA,CAAA,EAAE;KACF;AAAA,IAEJ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,IAAK,EAAA,cAAA,EAAe,IAAM,EAAA,GAAA,CAAI,MAAA,CAAA,QAAQ,CAAI,EAAA,QAAA,EAAS,WAAY,CAAA;AAAA,GAAA,CAAA;AAGxE,EAAO,OAAA,KAAA,eAAC,GAAG,EAAA,QAAA,CAAA,EAAK,EAAA,KAAK,GAAG,UAAU,CAAA,CAAA;AACpC;;;;"}

package/dist/esm/packages/components/src/Icon/WritingIcon.js

@@ -0,0 +1,22 @@
+import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { v4 } from 'uuid';
+import { SVG } from './subcomponents/SVG/SVG.js';
+
+var WritingIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M1 18.55h18.002V15.7H1v2.85ZM16.53 4.333a.689.689 0 0 0 0-1.009L14.78 1.66a.78.78 0 0 0-1.061 0L12.25 3.052l2.813 2.673 1.466-1.393Zm-2.216 2.105-2.813-2.672-7.5 7.126v2.672h2.812l7.501-7.126Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+export { WritingIcon };
+//# sourceMappingURL=WritingIcon.js.map

package/dist/esm/packages/components/src/Icon/WritingIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WritingIcon.js","sources":["../../../../../../src/Icon/WritingIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const WritingIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = uuidv4()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M1 18.55h18.002V15.7H1v2.85ZM16.53 4.333a.689.689 0 0 0 0-1.009L14.78 1.66a.78.78 0 0 0-1.061 0L12.25 3.052l2.813 2.673 1.466-1.393Zm-2.216 2.105-2.813-2.672-7.5 7.126v2.672h2.812l7.501-7.126Z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["uuidv4"],"mappings":";;;;;AAOa,IAAA,WAAA,GAAc,SAAC,KAAgB,EAAA;AAC1C,EAAA,IAAM,WAAWA,EAAM,EAAA,CAAA;AACvB,EAAA,IAAM,aACJ,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA,CAAA,QAAA;AAAA,IAAA,IAAA;AAAA,IACE,KAAA,CAAA,aAAA;AAAA,MAAA,MAAA;AAAA,MAAA,IAAA;AAAA,MACE,KAAA,CACE,cAAA,MAAA,EAAA,EAAA,IAAI,QACJ,EAAA,CAAA,EAAE;KACF;AAAA,IAEJ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,IAAK,EAAA,cAAA,EAAe,IAAM,EAAA,GAAA,CAAI,MAAA,CAAA,QAAQ,CAAI,EAAA,QAAA,EAAS,WAAY,CAAA;AAAA,GAAA,CAAA;AAGxE,EAAO,OAAA,KAAA,eAAC,GAAG,EAAA,QAAA,CAAA,EAAK,EAAA,KAAK,GAAG,UAAU,CAAA,CAAA;AACpC;;;;"}

package/dist/esm/packages/components/src/Icon/ZoomInIcon.js

@@ -0,0 +1,15 @@
+import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { SVG } from './subcomponents/SVG/SVG.js';
+
+var ZoomInIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M13.864 12.32h-.813l-.288-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467l-5.136-5.146Zm-6.174 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63Zm.514-7.203H7.175v2.058H5.117v1.03h2.058v2.057h1.03V8.204h2.057V7.175H8.204V5.117Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+export { ZoomInIcon };
+//# sourceMappingURL=ZoomInIcon.js.map

package/dist/esm/packages/components/src/Icon/ZoomInIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomInIcon.js","sources":["../../../../../../src/Icon/ZoomInIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\n\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const ZoomInIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fill=\"currentColor\"\n        d=\"M13.864 12.32h-.813l-.288-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467l-5.136-5.146Zm-6.174 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63Zm.514-7.203H7.175v2.058H5.117v1.03h2.058v2.057h1.03V8.204h2.057V7.175H8.204V5.117Z\"\n      />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":[],"mappings":";;;;AAOa,IAAA,UAAA,GAAa,SAAC,KAAgB,EAAA;AACzC,EAAA,IAAM,aACJ,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA,CAAA,QAAA;AAAA,IAAA,IAAA;AAAA,IACE,KAAA,CACE,cAAA,MAAA,EAAA,EAAA,MAAK,cACL,EAAA,CAAA,EAAE,kXAAgX,CAAA;AAAA,GAClX,CAAA;AAGN,EAAO,OAAA,KAAA,eAAC,GAAG,EAAA,QAAA,CAAA,EAAK,EAAA,KAAK,GAAG,UAAU,CAAA,CAAA;AACpC;;;;"}

package/dist/esm/packages/components/src/Icon/ZoomOutIcon.js

@@ -0,0 +1,15 @@
+import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { SVG } from './subcomponents/SVG/SVG.js';
+
+var ZoomOutIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M13.864 12.32h-.813l-.288-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467l-5.136-5.146Zm-6.174 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63ZM5.117 7.176h5.145v1.03H5.117v-1.03Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+export { ZoomOutIcon };
+//# sourceMappingURL=ZoomOutIcon.js.map

package/dist/esm/packages/components/src/Icon/ZoomOutIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomOutIcon.js","sources":["../../../../../../src/Icon/ZoomOutIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\n\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const ZoomOutIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fill=\"currentColor\"\n        d=\"M13.864 12.32h-.813l-.288-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467l-5.136-5.146Zm-6.174 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63ZM5.117 7.176h5.145v1.03H5.117v-1.03Z\"\n      />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":[],"mappings":";;;;AAOa,IAAA,WAAA,GAAc,SAAC,KAAgB,EAAA;AAC1C,EAAA,IAAM,aACJ,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA,CAAA,QAAA;AAAA,IAAA,IAAA;AAAA,IACE,KAAA,CACE,cAAA,MAAA,EAAA,EAAA,MAAK,cACL,EAAA,CAAA,EAAE,oUAAkU,CAAA;AAAA,GACpU,CAAA;AAGN,EAAO,OAAA,KAAA,eAAC,GAAG,EAAA,QAAA,CAAA,EAAK,EAAA,KAAK,GAAG,UAAU,CAAA,CAAA;AACpC;;;;"}

package/dist/esm/packages/components/src/Icon/subcomponents/SVG/SVG.js

@@ -0,0 +1,17 @@
+import { __rest, __assign } from '../../../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import classnames from 'classnames';
+import styles from './SVG.module.scss.js';
+
+var SVG = function(_a) {
+  var _b = _a.inheritSize, inheritSize = _b === void 0 ? false : _b, role = _a.role, _c = _a.viewBox, viewBox = _c === void 0 ? "0 0 20 20" : _c, classNameOverride = _a.classNameOverride, children = _a.children, restProps = __rest(_a, ["inheritSize", "role", "viewBox", "classNameOverride", "children"]);
+  var classes = classnames(styles.icon, classNameOverride, inheritSize && styles.inheritSize);
+  if (role === "presentation") {
+    return React.createElement("svg", __assign({ className: classes, viewBox, role, "aria-hidden": true }, restProps), children);
+  }
+  return React.createElement("svg", __assign({ role, className: classes, viewBox }, restProps), children);
+};
+SVG.displayName = "SVG";
+
+export { SVG };
+//# sourceMappingURL=SVG.js.map

package/dist/esm/packages/components/src/Icon/subcomponents/SVG/SVG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVG.js","sources":["../../../../../../../../src/Icon/subcomponents/SVG/SVG.tsx"],"sourcesContent":["import React, { ReactNode, SVGAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./SVG.module.scss\"\n\ntype BaseSVGProps = {\n  inheritSize?: boolean\n} & OverrideClassName<SVGAttributes<SVGElement>>\n\ntype MeaningfulIcon = {\n  role: \"img\"\n  \"aria-label\": string\n}\n\ntype DecorativeIcon = {\n  role: \"presentation\"\n  \"aria-label\"?: never\n}\n\nexport type IconProps = BaseSVGProps & (MeaningfulIcon | DecorativeIcon)\nexport type SVGProps = IconProps & {\n  children: ReactNode\n}\n\n/**\n * {@link https://cultureamp.design/?path=/docs/components-icon--meaningful-kaizen-site-demo Storybook}\n */\nexport const SVG = ({\n  inheritSize = false,\n  role,\n  viewBox = \"0 0 20 20\",\n  classNameOverride,\n  children,\n  ...restProps\n}: SVGProps): JSX.Element => {\n  const classes = classnames(\n    styles.icon,\n    classNameOverride,\n    inheritSize && styles.inheritSize\n  )\n\n  if (role === \"presentation\") {\n    return (\n      <svg\n        className={classes}\n        viewBox={viewBox}\n        role={role}\n        aria-hidden={true}\n        {...restProps}\n      >\n        {children}\n      </svg>\n    )\n  }\n\n  return (\n    <svg role={role} className={classes} viewBox={viewBox} {...restProps}>\n      {children}\n    </svg>\n  )\n}\n\nSVG.displayName = \"SVG\"\n"],"names":[],"mappings":";;;;;AA2Ba,IAAA,GAAA,GAAM,SAAC,EAOT,EAAA;AANT,EAAA,IAAA,EAAA,GAAA,EAAA,CAAA,WAAA,EAAA,WAAA,GAAc,OAAA,KAAA,CAAA,GAAA,KAAA,GAAK,EACnB,EAAA,IAAA,GAAI,GAAA,IACJ,EAAA,EAAA,GAAA,EAAA,CAAA,OAAA,EAAA,0BAAU,WAAW,GAAA,EAAA,EACrB,iBAAiB,GAAA,EAAA,CAAA,iBACjB,EAAA,QAAA,GAAQ,GAAA,QACL,EAAA,SAAA,GANe,MAAA,CAAA,EAAA,EAAA,CAAA,aAAA,EAAA,MAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,UAAA,CAOnB,CAAA,CAAA;AACC,EAAA,IAAM,UAAU,UACd,CAAA,MAAA,CAAO,MACP,iBACA,EAAA,WAAA,IAAe,OAAO,WAAW,CAAA,CAAA;AAGnC,EAAA,IAAI,SAAS,cAAgB,EAAA;AAC3B,IAAA,OACE,sCACE,SAAW,EAAA,OAAA,EACX,OACA,EAAA,IAAA,eACa,EAAA,IAAA,EACT,EAAA,SAAS,GAEZ,QAAQ,CAAA,CAAA;AAAA,GAGd;AAED,EAAA,OACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,IAAA,EAAY,SAAW,EAAA,OAAA,EAAS,OAAsB,EAAA,EAAA,SAAS,CAAA,EACjE,QAAQ,CAAA,CAAA;AAGf,EAAA;AAEA,GAAA,CAAI,WAAc,GAAA,KAAA;;;;"}

package/dist/esm/packages/components/src/Icon/subcomponents/SVG/SVG.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"icon":"SVG-module_icon__8J5Ev","inheritSize":"SVG-module_inheritSize__Q8iam"};
+
+export { styles as default };
+//# sourceMappingURL=SVG.module.scss.js.map

package/dist/esm/packages/components/src/Icon/subcomponents/SVG/SVG.module.scss.js.map

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

package/dist/esm/packages/components/src/Input/Input/Input.js

@@ -0,0 +1,20 @@
+import { __rest, __assign } from '../../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import classnames from 'classnames';
+import styles from './Input.module.scss.js';
+
+var Input = function(_a) {
+  var inputRef = _a.inputRef, _b = _a.status, status = _b === void 0 ? "default" : _b, startIconAdornment = _a.startIconAdornment, endIconAdornment = _a.endIconAdornment, _c = _a.reversed, reversed = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? "text" : _d, value = _a.value, defaultValue = _a.defaultValue, classNameOverride = _a.classNameOverride, disabled = _a.disabled, restProps = __rest(_a, ["inputRef", "status", "startIconAdornment", "endIconAdornment", "reversed", "type", "value", "defaultValue", "classNameOverride", "disabled"]);
+  return React.createElement(
+    "div",
+    { className: classnames(styles.wrapper, reversed && styles.withReversed, disabled && styles.withDisabled, startIconAdornment && styles.withStartIconAdornment, endIconAdornment && styles.withEndIconAdornment, status != "default" && styles.hasStatus) },
+    startIconAdornment && React.createElement("div", { className: styles.startIconAdornment }, startIconAdornment),
+    React.createElement("input", __assign({ ref: inputRef, type, value, defaultValue, disabled, className: classnames(styles.input, styles[status], classNameOverride, reversed ? styles.reversed : styles["default"], disabled && styles.disabled) }, restProps)),
+    React.createElement("div", { className: styles.focusRing }),
+    endIconAdornment && React.createElement("div", { className: styles.endIconAdornment }, endIconAdornment)
+  );
+};
+Input.displayName = "Input";
+
+export { Input };
+//# sourceMappingURL=Input.js.map

package/dist/esm/packages/components/src/Input/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../../../../../src/Input/Input/Input.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { InputStatus, InputTypes } from \"./types\"\nimport styles from \"./Input.module.scss\"\n\nexport type InputType = (typeof InputTypes)[number]\nexport type InputStatusType = (typeof InputStatus)[number]\n\nexport type InputProps = {\n  inputRef?: React.RefObject<HTMLInputElement>\n  status?: InputStatusType\n  startIconAdornment?: React.ReactNode\n  endIconAdornment?: React.ReactNode\n  reversed?: boolean\n  type?: InputType\n} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>\n\nexport const Input = ({\n  inputRef,\n  status = \"default\",\n  startIconAdornment,\n  endIconAdornment,\n  reversed = false,\n  type = \"text\",\n  value,\n  defaultValue,\n  classNameOverride,\n  disabled,\n  ...restProps\n}: InputProps): JSX.Element => (\n  <div\n    className={classnames(\n      styles.wrapper,\n      reversed && styles.withReversed,\n      disabled && styles.withDisabled,\n      startIconAdornment && styles.withStartIconAdornment,\n      endIconAdornment && styles.withEndIconAdornment,\n      status != \"default\" && styles.hasStatus\n    )}\n  >\n    {startIconAdornment && (\n      <div className={styles.startIconAdornment}>{startIconAdornment}</div>\n    )}\n\n    <input\n      ref={inputRef}\n      type={type}\n      value={value}\n      defaultValue={defaultValue}\n      disabled={disabled}\n      className={classnames(\n        styles.input,\n        styles[status],\n        classNameOverride,\n        reversed ? styles.reversed : styles.default,\n        disabled && styles.disabled\n      )}\n      {...restProps}\n    />\n\n    {/* Inputs aren't able to have pseudo elements like ::after on them,\n          so we have to create an element ourselves for the focus ring */}\n    <div className={styles.focusRing} />\n\n    {endIconAdornment && (\n      <div className={styles.endIconAdornment}>{endIconAdornment}</div>\n    )}\n  </div>\n)\n\nInput.displayName = \"Input\"\n"],"names":[],"mappings":";;;;;AAkBa,IAAA,KAAA,GAAQ,SAAC,EAYT,EAAA;AAXX,EAAA,IAAA,QAAA,gBACA,EAAA,GAAA,EAAA,CAAA,MAAA,EAAA,MAAA,GAAM,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAA,EAAA,EAClB,kBAAkB,GAAA,EAAA,CAAA,kBAClB,EAAA,gBAAA,GAAgB,EAAA,CAAA,gBAAA,EAChB,gBAAA,EAAA,QAAA,mBAAW,KAAK,GAAA,EAAA,EAChB,EAAa,GAAA,EAAA,CAAA,IAAb,EAAA,IAAA,GAAO,EAAA,KAAA,KAAA,CAAA,GAAA,aACP,gBACA,EAAA,YAAA,oBACA,wCACA,EAAA,QAAA,gBACG,SAXiB,GAAA,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,UAAA,CAYrB,CAAA,CAAA;AAA8B,EAAA,OAC7B,KACE,CAAA,aAAA;AAAA,IAAA,KAAA;AAAA,IAAA,EAAA,WAAW,UACT,CAAA,MAAA,CAAO,SACP,QAAY,IAAA,MAAA,CAAO,cACnB,QAAY,IAAA,MAAA,CAAO,cACnB,kBAAsB,IAAA,MAAA,CAAO,wBAC7B,gBAAoB,IAAA,MAAA,CAAO,sBAC3B,MAAU,IAAA,SAAA,IAAa,MAAO,CAAA,SAAS,CACxC,EAAA;AAAA,IAEA,kBAAA,IACC,MAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,kBAAkB,EAAA,EAAG,kBAAkB,CAAA;AAAA,IAGhE,KACE,CAAA,aAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,GAAA,EAAK,QACL,EAAA,IAAA,EACA,KACA,EAAA,YAAA,EACA,QACA,EAAA,SAAA,EAAW,WACT,MAAO,CAAA,KAAA,EACP,MAAO,CAAA,MAAM,CACb,EAAA,iBAAA,EACA,QAAW,GAAA,MAAA,CAAO,WAAW,MAAO,CAAA,SAAO,CAC3C,EAAA,QAAA,IAAY,MAAO,CAAA,QAAQ,CAEzB,EAAA,EAAA,SAAS,CACb,CAAA;AAAA,IAIF,MAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,WAAa,CAAA;AAAA,IAEnC,gBAAA,IACC,MAAK,aAAA,CAAA,KAAA,EAAA,EAAA,SAAW,EAAA,MAAA,CAAO,gBAAgB,EAAA,EAAG,gBAAgB,CAAA;AAAA,GAC3D,CAAA;;AAIL,KAAA,CAAM,WAAc,GAAA,OAAA;;;;"}

package/dist/esm/packages/components/src/Input/Input/Input.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"wrapper":"Input-module_wrapper__9jBDN","hasStatus":"Input-module_hasStatus__GjERD","input":"Input-module_input__d-Moh","disabled":"Input-module_disabled__CJeOi","reversed":"Input-module_reversed__Kh7dc","focusRing":"Input-module_focusRing__E68jh","withStartIconAdornment":"Input-module_withStartIconAdornment__de6-U","startIconAdornment":"Input-module_startIconAdornment__pnn-b","withDisabled":"Input-module_withDisabled__pzzCm","withEndIconAdornment":"Input-module_withEndIconAdornment__fSBPl","endIconAdornment":"Input-module_endIconAdornment__bg-PL","withReversed":"Input-module_withReversed__SKSOD","default":"Input-module_default__zata3","error":"Input-module_error__a-BFh","caution":"Input-module_caution__rC0sY"};
+
+export { styles as default };
+//# sourceMappingURL=Input.module.scss.js.map

package/dist/esm/packages/components/src/Input/Input/Input.module.scss.js.map

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

package/dist/esm/packages/components/src/Input/InputRange/InputRange.js

@@ -0,0 +1,50 @@
+import { __rest, __assign, __spreadArray } from '../../../../../node_modules/tslib/tslib.es6.js';
+import React, { useState } from 'react';
+import classnames from 'classnames';
+import { VisuallyHidden } from '@kaizen/a11y';
+import { Text } from '../../Text/Text.js';
+import styles from './InputRange.module.scss.js';
+
+var InputRange = function(_a) {
+  var id = _a.id, defaultValue = _a.defaultValue, value = _a.value, minLabel = _a.minLabel, maxLabel = _a.maxLabel, _b = _a.min, min = _b === void 0 ? 1 : _b, _c = _a.max, max = _c === void 0 ? 10 : _c, onChange = _a.onChange, ariaDescribedby = _a["aria-describedby"], classNameOverride = _a.classNameOverride, disabled = _a.disabled, readOnly = _a.readOnly, restProps = __rest(_a, ["id", "defaultValue", "value", "minLabel", "maxLabel", "min", "max", "onChange", "aria-describedby", "classNameOverride", "disabled", "readOnly"]);
+  var _d = useState(0.5), step = _d[0], setStep = _d[1];
+  var visuallyHiddenHintId = "".concat(id, "-helper");
+  var readOnlyWithNoValue = readOnly && !value && !defaultValue;
+  var defaultValueWithDefault = defaultValue || (max + 1) / 2;
+  return React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("input", __assign({ id, className: classnames(styles.ratingScaleRange, classNameOverride, readOnlyWithNoValue && styles.hideThumb, disabled && styles.disabled), disabled: disabled || readOnly, type: "range", min, max, step, defaultValue: value ? void 0 : defaultValueWithDefault, value, "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max, "aria-describedby": "".concat(visuallyHiddenHintId, " ").concat(ariaDescribedby ? ariaDescribedby : ""), onChange: function(e) {
+      setStep(1);
+      onChange === null || onChange === void 0 ? void 0 : onChange(e);
+    } }, restProps)),
+    React.createElement("div", { className: classnames(styles.spokes, disabled && styles.disabled) }, __spreadArray([], Array(max), true).map(function(_, index) {
+      return React.createElement(
+        "div",
+        { key: "".concat(id, "-spoke-").concat(index), className: styles.spokeContainer },
+        React.createElement("div", { className: styles.spoke })
+      );
+    })),
+    React.createElement(
+      VisuallyHidden,
+      { id: visuallyHiddenHintId },
+      min,
+      " is ",
+      minLabel,
+      ", ",
+      max,
+      " is ",
+      maxLabel
+    ),
+    React.createElement("div", { className: styles.labelsContainer }, !readOnlyWithNoValue && React.createElement(
+      "div",
+      { className: classnames(styles.sliderLabels, disabled && styles.disabled) },
+      React.createElement(Text, { variant: "small", color: "dark-reduced-opacity", tag: "span" }, minLabel),
+      React.createElement(Text, { variant: "small", color: "dark-reduced-opacity", tag: "span" }, maxLabel)
+    ))
+  );
+};
+InputRange.displayName = "InputRange";
+
+export { InputRange };
+//# sourceMappingURL=InputRange.js.map

package/dist/esm/packages/components/src/Input/InputRange/InputRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputRange.js","sources":["../../../../../../../src/Input/InputRange/InputRange.tsx"],"sourcesContent":["import React, { InputHTMLAttributes, ReactNode, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { VisuallyHidden } from \"@kaizen/a11y\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./InputRange.module.scss\"\n\nexport type InputRangeProps = {\n  id: string\n  defaultValue?: number\n  value?: number\n  minLabel: ReactNode\n  maxLabel: ReactNode\n  min?: number\n  max?: number\n} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>\n\n/**\n * {@link https://cultureamp.design/?path=/docs/components-input-range--docs Storybook}\n */\nexport const InputRange = ({\n  id,\n  defaultValue,\n  value,\n  minLabel,\n  maxLabel,\n  min = 1,\n  max = 10,\n  onChange,\n  \"aria-describedby\": ariaDescribedby,\n  classNameOverride,\n  disabled,\n  readOnly,\n  ...restProps\n}: InputRangeProps): JSX.Element => {\n  const [step, setStep] = useState(0.5) // Let the dot center between the notch initially\n  const visuallyHiddenHintId = `${id}-helper`\n  const readOnlyWithNoValue = readOnly && !value && !defaultValue\n\n  // This has been split out into a different variable to allow usage of defaultValue above^\n  // Plus it lets us use max from props with its default value\n  const defaultValueWithDefault = defaultValue || (max + 1) / 2\n\n  return (\n    <>\n      <input\n        id={id}\n        className={classnames(\n          styles.ratingScaleRange,\n          classNameOverride,\n          readOnlyWithNoValue && styles.hideThumb,\n          disabled && styles.disabled\n        )}\n        disabled={disabled || readOnly}\n        type=\"range\"\n        min={min}\n        max={max}\n        step={step}\n        defaultValue={value ? undefined : defaultValueWithDefault}\n        value={value}\n        aria-valuenow={value}\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-describedby={`${visuallyHiddenHintId} ${\n          ariaDescribedby ? ariaDescribedby : \"\"\n        }`}\n        onChange={(e: React.ChangeEvent<HTMLInputElement>): void => {\n          setStep(1) // Put the stepper to 1 to avoid floating value\n          onChange?.(e)\n        }}\n        {...restProps}\n      />\n      <div className={classnames(styles.spokes, disabled && styles.disabled)}>\n        {[...Array(max)].map((_, index) => (\n          <div key={`${id}-spoke-${index}`} className={styles.spokeContainer}>\n            <div className={styles.spoke} />\n          </div>\n        ))}\n      </div>\n      <VisuallyHidden id={visuallyHiddenHintId}>\n        {min} is {minLabel}, {max} is {maxLabel}\n      </VisuallyHidden>\n      <div className={styles.labelsContainer}>\n        {!readOnlyWithNoValue && (\n          <div\n            className={classnames(\n              styles.sliderLabels,\n              disabled && styles.disabled\n            )}\n          >\n            <Text variant=\"small\" color=\"dark-reduced-opacity\" tag=\"span\">\n              {minLabel}\n            </Text>\n            <Text variant=\"small\" color=\"dark-reduced-opacity\" tag=\"span\">\n              {maxLabel}\n            </Text>\n          </div>\n        )}\n      </div>\n    </>\n  )\n}\n\nInputRange.displayName = \"InputRange\"\n"],"names":[],"mappings":"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"}

package/dist/esm/packages/components/src/Input/InputRange/InputRange.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"ratingScaleRange":"InputRange-module_ratingScaleRange__gI-rs","disabled":"InputRange-module_disabled__LCaIN","hideThumb":"InputRange-module_hideThumb__oscfB","spokes":"InputRange-module_spokes__UFu4A","spokeContainer":"InputRange-module_spokeContainer__i6epK","spoke":"InputRange-module_spoke__k4Hzh","labelsContainer":"InputRange-module_labelsContainer__H-cPY","sliderLabels":"InputRange-module_sliderLabels__qpYBv"};
+
+export { styles as default };
+//# sourceMappingURL=InputRange.module.scss.js.map

package/dist/esm/packages/components/src/Input/InputRange/InputRange.module.scss.js.map

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

package/dist/esm/packages/components/src/Input/InputSearch/InputSearch.js

@@ -0,0 +1,29 @@
+import { __rest, __assign } from '../../../../../node_modules/tslib/tslib.es6.js';
+import React, { useRef } from 'react';
+import classnames from 'classnames';
+import { LoadingSpinner } from '@kaizen/loading-spinner';
+import { SearchIcon } from '../../Icon/SearchIcon.js';
+import { ClearButton } from '../../ClearButton/ClearButton.js';
+import styles from './InputSearch.module.scss.js';
+
+var InputSearch = function(props) {
+  var value = props.value, onChange = props.onChange, onClear = props.onClear, classNameOverride = props.classNameOverride, disabled = props.disabled, _a = props.reversed, reversed = _a === void 0 ? false : _a, _b = props.loading, loading = _b === void 0 ? false : _b, _c = props.secondary, secondary = _c === void 0 ? false : _c, restProps = __rest(props, ["value", "onChange", "onClear", "classNameOverride", "disabled", "reversed", "loading", "secondary"]);
+  var inputRef = useRef(null);
+  var handleOnClear = function() {
+    var _a2;
+    (_a2 = inputRef.current) === null || _a2 === void 0 ? void 0 : _a2.focus();
+    onClear && onClear();
+  };
+  return React.createElement(
+    "div",
+    { className: classnames(styles.wrapper, secondary ? styles.secondary : styles["default"], reversed && styles.reversed, disabled && styles.disabled, value && styles.hasEndIconAdornment, classNameOverride) },
+    React.createElement("div", { className: styles.startIconAdornment }, loading ? React.createElement(LoadingSpinner, { accessibilityLabel: "", size: "sm", classNameOverride: styles.loadingSpinner }) : React.createElement(SearchIcon, { role: "presentation" })),
+    React.createElement("input", __assign({ ref: inputRef, type: "search", className: styles.input, disabled, value, onChange, readOnly: onChange === void 0 }, restProps)),
+    React.createElement("div", { className: styles.focusRing }),
+    value && React.createElement(ClearButton, { isReversed: reversed, onClick: handleOnClear, disabled, classNameOverride: styles.endIconAdornment, "aria-label": "clear search" })
+  );
+};
+InputSearch.displayName = "InputSearch";
+
+export { InputSearch };
+//# sourceMappingURL=InputSearch.js.map

package/dist/esm/packages/components/src/Input/InputSearch/InputSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputSearch.js","sources":["../../../../../../../src/Input/InputSearch/InputSearch.tsx"],"sourcesContent":["import React, { InputHTMLAttributes, useRef } from \"react\"\nimport classnames from \"classnames\"\nimport { LoadingSpinner } from \"@kaizen/loading-spinner\"\nimport { SearchIcon } from \"~components/Icon/SearchIcon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { ClearButton } from \"../../ClearButton\"\nimport styles from \"./InputSearch.module.scss\"\n\nexport type InputSearchProps = {\n  // id is enforced here as there's no label included in this component\n  id: string\n  reversed?: boolean\n  loading?: boolean\n  secondary?: boolean\n  onClear?: () => void\n} & OverrideClassName<\n  Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\">\n>\n\nexport const InputSearch = (props: InputSearchProps): JSX.Element => {\n  const {\n    value,\n    onChange,\n    onClear,\n    classNameOverride,\n    disabled,\n    reversed = false,\n    loading = false,\n    secondary = false,\n    ...restProps\n  } = props\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const handleOnClear = (): void => {\n    inputRef.current?.focus()\n    onClear && onClear()\n  }\n  return (\n    <div\n      className={classnames(\n        styles.wrapper,\n        secondary ? styles.secondary : styles.default,\n        reversed && styles.reversed,\n        disabled && styles.disabled,\n        value && styles.hasEndIconAdornment,\n        classNameOverride\n      )}\n    >\n      <div className={styles.startIconAdornment}>\n        {loading ? (\n          <LoadingSpinner\n            accessibilityLabel=\"\"\n            size=\"sm\"\n            classNameOverride={styles.loadingSpinner}\n          />\n        ) : (\n          <SearchIcon role=\"presentation\" />\n        )}\n      </div>\n\n      <input\n        ref={inputRef}\n        type=\"search\"\n        className={styles.input}\n        disabled={disabled}\n        value={value}\n        onChange={onChange}\n        readOnly={onChange === undefined}\n        {...restProps}\n      />\n      {/* Inputs aren't able to have pseudo elements like ::after on them,\n          so we have to create an element ourselves for the focus ring */}\n      <div className={styles.focusRing} />\n\n      {value && (\n        <ClearButton\n          isReversed={reversed}\n          onClick={handleOnClear}\n          disabled={disabled}\n          classNameOverride={styles.endIconAdornment}\n          aria-label=\"clear search\"\n        />\n      )}\n    </div>\n  )\n}\n\nInputSearch.displayName = \"InputSearch\"\n"],"names":["_a"],"mappings":";;;;;;;;AAmBa,IAAA,WAAA,GAAc,SAAC,KAAuB,EAAA;AAE/C,EAAA,IAAA,KAAA,GASE,MATG,KACL,EAAA,QAAA,GAQE,MAAK,QAPP,EAAA,OAAA,GAOE,KAPK,CAAA,OAAA,EACP,iBAME,GAAA,KAAA,CAAK,mBALP,QAKE,GAAA,KAAA,CALM,QACR,EAAA,EAAA,GAIE,KAJc,CAAA,QAAA,EAAhB,WAAW,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EAChB,EAGE,GAAA,KAAA,CAHa,SAAf,OAAO,GAAA,EAAA,KAAA,KAAG,CAAA,GAAA,KAAA,GAAK,EACf,EAAA,EAAA,GAEE,MAAK,SAFP,EAAA,SAAA,GAAY,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EACd,YAAS,MACV,CAAA,KAAA,EAVE,CAUL,OAAA,EAAA,UAAA,EAAA,SAAA,EAAA,qBAAA,UAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,CAAA,CAAA,CAAA;AACD,EAAM,IAAA,QAAA,GAAW,OAAyB,IAAI,CAAA,CAAA;AAE9C,EAAA,IAAM,gBAAgB,WAAA;;AACpB,IAAAA,CAAAA,GAAAA,GAAA,SAAS,OAAS,MAAA,IAAA,IAAAA,QAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,IAAA;AAClB,IAAA,OAAA,IAAW,OAAO,EAAA,CAAA;AAAA,GACpB,CAAA;AACA,EAAA,OACE;;MACE,WAAW,UACT,CAAA,MAAA,CAAO,SACP,SAAY,GAAA,MAAA,CAAO,YAAY,MAAO,CAAA,SAAO,GAC7C,QAAY,IAAA,MAAA,CAAO,UACnB,QAAY,IAAA,MAAA,CAAO,UACnB,KAAS,IAAA,MAAA,CAAO,mBAChB,EAAA,iBAAiB,CAClB,EAAA;AAAA,IAED,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,kBAAkB,EAAA,EACtC,OACC,GAAA,KAAA,cAAC,CAAA,cAAA,EAAc,EACb,kBAAA,EAAmB,EACnB,EAAA,IAAA,EAAK,IACL,EAAA,iBAAA,EAAmB,MAAO,CAAA,cAAA,EAAc,CAAA,GAG1C,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,IAAK,EAAA,cAAA,EAAc,CAChC,CAAA;AAAA,IAGH,KAAA,CAAA,cAAA,OAAA,EAAA,QAAA,CAAA,EACE,GAAK,EAAA,QAAA,EACL,MAAK,QACL,EAAA,SAAA,EAAW,OAAO,KAClB,EAAA,QAAA,EACA,OACA,QACA,EAAA,QAAA,EAAU,aAAa,KAAS,CAAA,EAAA,EAC5B,SAAS,CACb,CAAA;AAAA,IAGF,MAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,WAAa,CAAA;AAAA,IAEnC,KACC,IAAA,KAAA,CAAC,aAAA,CAAA,WAAA,EACC,EAAA,UAAY,EAAA,QAAA,EACZ,OAAS,EAAA,aAAA,EACT,UACA,iBAAmB,EAAA,MAAA,CAAO,gBACf,EAAA,YAAA,EAAA,gBACX,CAAA;AAAA,GACH,CAAA;AAGP,EAAA;AAEA,WAAA,CAAY,WAAc,GAAA,aAAA;;;;"}

package/dist/esm/packages/components/src/Input/InputSearch/InputSearch.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"wrapper":"InputSearch-module_wrapper__xz4kh","input":"InputSearch-module_input__hCit3","hasEndIconAdornment":"InputSearch-module_hasEndIconAdornment__ZtGcu","focusRing":"InputSearch-module_focusRing__kDUuP","startIconAdornment":"InputSearch-module_startIconAdornment__Tc7Yx","loadingSpinner":"InputSearch-module_loadingSpinner__GIO1C","endIconAdornment":"InputSearch-module_endIconAdornment__lm-3h","disabled":"InputSearch-module_disabled__RizfW","default":"InputSearch-module_default__4d3Ek","secondary":"InputSearch-module_secondary__l68uD","reversed":"InputSearch-module_reversed__eS7Nr"};
+
+export { styles as default };
+//# sourceMappingURL=InputSearch.module.scss.js.map

package/dist/esm/packages/components/src/Input/InputSearch/InputSearch.module.scss.js.map

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

package/dist/esm/packages/components/src/KaizenProvider/KaizenProvider.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { OptionalIntlProvider } from './OptionalIntlProvider/OptionalIntlProvider.js';
+import { ThemeProvider } from './ThemeProvider/ThemeProvider.js';
+import '@kaizen/design-tokens';
+
+var KaizenProvider = function(_a) {
+  var children = _a.children, themeManager = _a.themeManager, _b = _a.locale, locale = _b === void 0 ? "en" : _b;
+  return React.createElement(
+    OptionalIntlProvider,
+    { locale },
+    React.createElement(ThemeProvider, { themeManager }, children)
+  );
+};
+KaizenProvider.displayName = "KaizenProvider";
+
+export { KaizenProvider };
+//# sourceMappingURL=KaizenProvider.js.map

package/dist/esm/packages/components/src/KaizenProvider/KaizenProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KaizenProvider.js","sources":["../../../../../../src/KaizenProvider/KaizenProvider.tsx"],"sourcesContent":["import React from \"react\"\nimport { OptionalIntlProvider } from \"./OptionalIntlProvider\"\nimport { ThemeProvider, ThemeManager } from \"./ThemeProvider\"\n\nexport type KaizenProviderProps = {\n  children: React.ReactNode\n  themeManager?: ThemeManager\n  locale?: string\n}\n\nexport const KaizenProvider = ({\n  children,\n  themeManager,\n  locale = \"en\",\n}: KaizenProviderProps): JSX.Element => (\n  <OptionalIntlProvider locale={locale}>\n    <ThemeProvider themeManager={themeManager}>{children}</ThemeProvider>\n  </OptionalIntlProvider>\n)\n\nKaizenProvider.displayName = \"KaizenProvider\"\n"],"names":[],"mappings":";;;;;AAUa,IAAA,cAAA,GAAiB,SAAC,EAIT,EAAA;MAHpB,QAAQ,GAAA,EAAA,CAAA,QACR,EAAA,YAAA,GAAY,EAAA,CAAA,YAAA,EACZ,cAAA,EAAA,MAAA,GAAS,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,GAAA,EAAA,CAAA;AACyB,EAAA,OACtC,KAAC,CAAA,aAAA;AAAA,IAAA,oBAAA;AAAA,IAAqB,EAAA,MAAc,EAAA;AAAA,IAClC,MAAC,aAAA,CAAA,aAAA,IAAc,YAAA,IAA6B,QAAQ,CAAA;AAAA,GAAiB,CAAA;AAFjC,EAAA;AAMxC,cAAA,CAAe,WAAc,GAAA,gBAAA;;;;"}

package/dist/esm/packages/components/src/KaizenProvider/OptionalIntlProvider/OptionalIntlProvider.js

@@ -0,0 +1,15 @@
+import React, { useContext } from 'react';
+import { StaticIntlProvider } from '@cultureamp/i18n-react-intl';
+import { IntlContext } from 'react-intl';
+
+var OptionalIntlProvider = function(_a) {
+  var locale = _a.locale, children = _a.children;
+  var parent = useContext(IntlContext);
+  if (parent)
+    return children;
+  return React.createElement(StaticIntlProvider, { locale }, children);
+};
+OptionalIntlProvider.displayName = "OptionalIntlProvider";
+
+export { OptionalIntlProvider };
+//# sourceMappingURL=OptionalIntlProvider.js.map

package/dist/esm/packages/components/src/KaizenProvider/OptionalIntlProvider/OptionalIntlProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionalIntlProvider.js","sources":["../../../../../../../src/KaizenProvider/OptionalIntlProvider/OptionalIntlProvider.tsx"],"sourcesContent":["import React, { useContext } from \"react\"\nimport { StaticIntlProvider } from \"@cultureamp/i18n-react-intl\"\nimport { IntlContext } from \"react-intl\"\n\ntype Props = {\n  locale: string\n  children: React.ReactElement\n}\nexport const OptionalIntlProvider = ({\n  locale,\n  children,\n}: Props): JSX.Element => {\n  const parent = useContext(IntlContext)\n\n  if (parent) return children\n  return <StaticIntlProvider locale={locale}>{children}</StaticIntlProvider>\n}\n\nOptionalIntlProvider.displayName = \"OptionalIntlProvider\"\n"],"names":[],"mappings":";;;;AAQa,IAAA,oBAAA,GAAuB,SAAC,EAG7B,EAAA;MAFN,MAAM,GAAA,EAAA,CAAA,MACN,EAAA,QAAA,GAAQ,EAAA,CAAA,QAAA,CAAA;AAER,EAAM,IAAA,MAAA,GAAS,WAAW,WAAW,CAAA,CAAA;AAErC,EAAI,IAAA,MAAA;AAAQ,IAAO,OAAA,QAAA,CAAA;AACnB,EAAA,OAAO,MAAA,aAAC,CAAA,kBAAA,EAAmB,EAAA,MAAA,IAAiB,QAAQ,CAAA,CAAA;AACtD,EAAA;AAEA,oBAAA,CAAqB,WAAc,GAAA,sBAAA;;;;"}

package/dist/esm/packages/components/src/KaizenProvider/ThemeProvider/ThemeManager.js

@@ -0,0 +1,75 @@
+import { makeCssVariableDefinitionsMap } from '@kaizen/design-tokens';
+
+var ThemeManager = (
+  /** @class */
+  function() {
+    function ThemeManager2(theme, rootElementId, apply) {
+      if (rootElementId === void 0) {
+        rootElementId = "";
+      }
+      if (apply === void 0) {
+        apply = true;
+      }
+      var _this = this;
+      this.themeChangeListeners = [];
+      this.rootElement = null;
+      this.getRootElement = function() {
+        return _this.rootElement;
+      };
+      this.getRootElementId = function() {
+        return _this.rootElementId;
+      };
+      this.getCurrentTheme = function() {
+        return _this.theme;
+      };
+      this.setRootElement = function(element) {
+        _this.rootElement = element;
+      };
+      this.setRootElementId = function(rootElementId2) {
+        return _this.rootElementId = rootElementId2;
+      };
+      this.setAndApplyTheme = function(theme2, force) {
+        if (!force) {
+          if (_this.theme === theme2)
+            return;
+        }
+        _this.theme = theme2;
+        _this.applyCurrentTheme();
+        _this.notifyThemeChangeListeners(theme2);
+      };
+      this.addThemeChangeListener = function(listener) {
+        _this.themeChangeListeners.push(listener);
+      };
+      this.removeThemeChangeListener = function(listener) {
+        _this.themeChangeListeners = _this.themeChangeListeners.filter(function(l) {
+          return l !== listener;
+        });
+      };
+      this.applyCurrentTheme = function() {
+        var _a;
+        if (typeof window !== "undefined") {
+          _this.setRootElement((_a = document.getElementById(_this.rootElementId)) !== null && _a !== void 0 ? _a : document.documentElement);
+          var cssVariableDefinitions = makeCssVariableDefinitionsMap(_this.theme);
+          Object.entries(cssVariableDefinitions).forEach(function(_a2) {
+            var _b;
+            var key = _a2[0], value = _a2[1];
+            (_b = _this.rootElement) === null || _b === void 0 ? void 0 : _b.style.setProperty(key, value);
+          });
+        }
+      };
+      this.notifyThemeChangeListeners = function(theme2) {
+        _this.themeChangeListeners.forEach(function(listener) {
+          return listener(theme2);
+        });
+      };
+      this.theme = theme;
+      this.rootElementId = rootElementId;
+      if (apply)
+        this.applyCurrentTheme();
+    }
+    return ThemeManager2;
+  }()
+);
+
+export { ThemeManager };
+//# sourceMappingURL=ThemeManager.js.map

package/dist/esm/packages/components/src/KaizenProvider/ThemeProvider/ThemeManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeManager.js","sources":["../../../../../../../src/KaizenProvider/ThemeProvider/ThemeManager.ts"],"sourcesContent":["import {\n  makeCssVariableDefinitionsMap,\n  Theme as BaseTheme,\n} from \"@kaizen/design-tokens\"\n\n/**\n * Use this class to set and apply themes, and to access or subscribe to the currently active one.\n * This class fulfills the idea of theming and runtime theme switching by relying on CSS variables,\n * and the ability to update them in JavaScript - a framework agnostic method.\n *\n * It works by converting a Theme interface to a flattened map of CSS variable keys and values, then calling `document.documentElement.style.setProperty(key, value)`.\n */\n\nexport class ThemeManager<Theme extends BaseTheme = BaseTheme> {\n  private themeChangeListeners = [] as Array<(theme: Theme) => void>\n  private theme: Theme\n  private rootElement: HTMLElement | null = null\n  private rootElementId: string\n\n  constructor(\n    theme: Theme,\n    rootElementId: string = \"\",\n    /* This allows you to stop the  class from applying the theme automatically during construction. Defaults to true */\n    apply: boolean = true\n  ) {\n    /*\n      For some reason, storybook likes this way of defining class properties better.\n      If you use `constructor( private theme: Theme, ...)` - theme becomes undefined within the class's methods.\n    */\n    this.theme = theme\n    this.rootElementId = rootElementId\n    if (apply) this.applyCurrentTheme()\n  }\n\n  public getRootElement = (): HTMLElement | null => this.rootElement\n  public getRootElementId = (): string => this.rootElementId\n  public getCurrentTheme = (): Theme => this.theme\n\n  public setRootElement = (element: HTMLElement): void => {\n    this.rootElement = element\n  }\n  public setRootElementId = (rootElementId: string): string =>\n    (this.rootElementId = rootElementId)\n  public setAndApplyTheme = (theme: Theme, force?: boolean): void => {\n    if (!force) {\n      if (this.theme === theme) return\n    }\n    this.theme = theme\n    this.applyCurrentTheme()\n    this.notifyThemeChangeListeners(theme)\n  }\n\n  public addThemeChangeListener = (listener: (theme: Theme) => void): void => {\n    this.themeChangeListeners.push(listener)\n  }\n  public removeThemeChangeListener = (\n    listener: (theme: Theme) => void\n  ): void => {\n    this.themeChangeListeners = this.themeChangeListeners.filter(\n      l => l !== listener\n    )\n  }\n  public applyCurrentTheme = (): void => {\n    if (typeof window !== \"undefined\") {\n      this.setRootElement(\n        document.getElementById(this.rootElementId) ?? document.documentElement\n      )\n      const cssVariableDefinitions = makeCssVariableDefinitionsMap(this.theme)\n      Object.entries(cssVariableDefinitions).forEach(([key, value]) => {\n        this.rootElement?.style.setProperty(key, value)\n      })\n    }\n  }\n\n  private notifyThemeChangeListeners = (theme: Theme): void => {\n    this.themeChangeListeners.forEach(listener => listener(theme))\n  }\n}\n\n// I would like to expose this, but instantiating ThemeManager in some situations or runtimes (such as nodejs) cause exceptions.\n// For now it is not exposed, but we might come back to it, as it makes sense to have a singleton ThemeManager in almost all cases\n/* export const defaultThemeManager = new ThemeManager(defaultTheme) */\n"],"names":["ThemeManager","rootElementId","theme","_a"],"mappings":"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"}