@amboss/design-system 1.15.2 → 1.15.4

package/build/esm/src/shared/mediaQueries.js

@@ -0,0 +1,66 @@
+import breakpoints from '../../build-tokens/_breakpoints.json.js';
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+/*
+ Although, mq implementation supports any property type, the following types are specified to provide type safety. If you need support for a new type, add it here.
+*/
+
+// this thing probably deserves to be a separate library, like facepaint for emotion
+function getMq(breakpointRules) {
+  const keys = breakpointRules;
+  return rules => {
+    const res = {};
+    keys.forEach(key => {
+      res[key] = {};
+    });
+    res[`@media screen`] = {};
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    Object.entries(rules).forEach(_ref => {
+      let [cssProperty, [prop, map]] = _ref;
+      if (Array.isArray(prop)) {
+        const sm = prop[0];
+        const md = prop[1] || prop[0];
+        const lg = prop[2] || prop[1] || prop[0];
+        const [s, m, l] = keys;
+        res[s][cssProperty] = map[sm];
+        res[m][cssProperty] = map[md];
+        res[l][cssProperty] = map[lg];
+      } else {
+        res[`@media screen`][cssProperty] = map[prop];
+      }
+    });
+    return res;
+  };
+}
+const mq = getMq([`@media (max-width: ${breakpoints.medium.value}px)`, `@media (min-width: ${breakpoints.medium.value}px) and (max-width: ${breakpoints.large.value}px)`, `@media (min-width: ${breakpoints.large.value}px)`]);
+function getMqValue(breakpointRules) {
+  const keys = breakpointRules;
+  return rules => {
+    const res = {};
+    keys.forEach(key => {
+      res[key] = {};
+    });
+    res[`@media screen`] = {};
+    Object.entries(rules).forEach(_ref2 => {
+      let [cssProperty, cssValues] = _ref2;
+      if (Array.isArray(cssValues)) {
+        breakpointRules.forEach((breakpoint, index) => {
+          let i = index;
+          while (!cssValues[i] && i !== 0) {
+            i -= 1;
+          }
+          res[breakpoint][cssProperty] = cssValues[i];
+        });
+      } else {
+        res[`@media screen`][cssProperty] = cssValues;
+      }
+    });
+    return res;
+  };
+}
+const mqValue = getMqValue([`@media (max-width: ${breakpoints.medium.value}px)`, `@media (min-width: ${breakpoints.medium.value}px) and (max-width: ${breakpoints.large.value}px)`, `@media (min-width: ${breakpoints.large.value}px)`]);
+
+export { mq, mqValue };
+//# sourceMappingURL=mediaQueries.js.map

package/build/esm/src/shared/mediaQueries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaQueries.js","sources":["../../../../src/shared/mediaQueries.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport {\n  ColumnSizes,\n  HorizontalAlignment,\n  MQ,\n  SpaceSizes,\n  TextAlignment,\n  VerticalAlignment,\n  Order,\n  ColumnAlignment,\n  Hyphens,\n} from \"../types\";\nimport breakpoints from \"../../build-tokens/_breakpoints.json\";\n\ntype MqProp<T> = [\n  T | MQ<T>,\n  Record<T extends string ? T : never, string | number>\n];\n\n/*\n Although, mq implementation supports any property type, the following types are specified to provide type safety. If you need support for a new type, add it here.\n*/\ntype MqRules = Record<\n  string,\n  | MqProp<TextAlignment>\n  | MqProp<SpaceSizes>\n  | MqProp<HorizontalAlignment>\n  | MqProp<VerticalAlignment>\n  | MqProp<ColumnSizes>\n  | MqProp<Order>\n  | MqProp<ColumnAlignment>\n  | MqProp<Hyphens>\n>;\n\ntype EmotionCssPropertyName = string;\ntype EmotionCssValue = string | number;\ntype EmotionCssDescription = Record<EmotionCssPropertyName, EmotionCssValue>;\ntype MqFunc = (\n  rules: MqRules\n) => Record<string, EmotionCssValue | EmotionCssDescription>;\n\n// this thing probably deserves to be a separate library, like facepaint for emotion\nfunction getMq(breakpointRules: string[]): MqFunc {\n  const keys = breakpointRules;\n\n  return (rules) => {\n    const res: Record<string, EmotionCssValue | EmotionCssDescription> = {};\n\n    keys.forEach((key: string) => {\n      res[key] = {};\n    });\n    res[`@media screen`] = {};\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    Object.entries(rules).forEach(([cssProperty, [prop, map]]: any) => {\n      if (Array.isArray(prop)) {\n        const sm = prop[0];\n        const md = prop[1] || prop[0];\n        const lg = prop[2] || prop[1] || prop[0];\n        const [s, m, l]: string[] = keys;\n\n        (res[s] as EmotionCssDescription)[cssProperty] = map[sm];\n        (res[m] as EmotionCssDescription)[cssProperty] = map[md];\n        (res[l] as EmotionCssDescription)[cssProperty] = map[lg];\n      } else {\n        (res[`@media screen`] as EmotionCssDescription)[cssProperty] = map[\n          prop as string\n        ] as string;\n      }\n    });\n\n    return res;\n  };\n}\n\nexport const mq = getMq([\n  `@media (max-width: ${breakpoints.medium.value}px)`,\n  `@media (min-width: ${breakpoints.medium.value}px) and (max-width: ${breakpoints.large.value}px)`,\n  `@media (min-width: ${breakpoints.large.value}px)`,\n]);\n\nfunction getMqValue(breakpointRules: string[]) {\n  const keys = breakpointRules;\n  return (\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    rules: Record<EmotionCssPropertyName, EmotionCssValue[] | EmotionCssValue>\n  ): Record<string, EmotionCssValue | EmotionCssDescription> => {\n    const res: Record<string, EmotionCssValue | EmotionCssDescription> = {};\n    keys.forEach((key: string) => {\n      res[key] = {};\n    });\n    res[`@media screen`] = {};\n\n    Object.entries(rules).forEach(([cssProperty, cssValues]) => {\n      if (Array.isArray(cssValues)) {\n        breakpointRules.forEach((breakpoint, index) => {\n          let i = index;\n          while (!cssValues[i] && i !== 0) {\n            i -= 1;\n          }\n\n          (res[breakpoint] as EmotionCssDescription)[cssProperty] =\n            cssValues[i];\n        });\n      } else {\n        (res[`@media screen`] as EmotionCssDescription)[cssProperty] =\n          cssValues;\n      }\n    });\n\n    return res;\n  };\n}\n\nexport const mqValue = getMqValue([\n  `@media (max-width: ${breakpoints.medium.value}px)`,\n  `@media (min-width: ${breakpoints.medium.value}px) and (max-width: ${breakpoints.large.value}px)`,\n  `@media (min-width: ${breakpoints.large.value}px)`,\n]);\n\nexport function getMediaQueryClasses<T>(\n  s: T | MQ<T> | undefined,\n  styles: Record<string, string>,\n  prefix = \"\"\n): string[] {\n  if (s === undefined) return [];\n\n  let res;\n  if (Array.isArray(s)) {\n    const sm = s[0];\n    const md = s[1] || s[0];\n    const lg = s[2] || s[1] || s[0];\n\n    res = [`${sm}-small`, `${md}-medium`, `${lg}-large`];\n  } else {\n    res = [s as unknown as string];\n  }\n\n  return res.map((cl) => `${prefix}${cl}`).map((cl) => styles[cl]);\n}\n"],"names":["getMq","breakpointRules","keys","rules","res","forEach","key","Object","entries","_ref","cssProperty","prop","map","Array","isArray","sm","md","lg","s","m","l","mq","breakpoints","medium","value","large","getMqValue","_ref2","cssValues","breakpoint","index","i","mqValue"],"mappings":"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"}

package/build/esm/src/shared/replaceDeprecated.d.ts

@@ -0,0 +1 @@
+export declare const replaceDeprecated: (property: unknown, from: unknown, to: unknown, location: string, details?: string) => unknown;

package/build/esm/src/shared/useAutoPosition.d.ts

@@ -0,0 +1,5 @@
+import { RefObject } from "react";
+export declare type VerticalPosition = "up" | "down";
+export declare type HorizontalPosition = "left" | "right";
+export declare type Position = [VerticalPosition, HorizontalPosition];
+export declare const useAutoPosition: (anchorRef: RefObject<HTMLElement>, contentRef: RefObject<HTMLElement>, isActive: boolean) => Position;

package/build/esm/src/shared/useAutoPosition.js

@@ -0,0 +1,41 @@
+import { useState, useLayoutEffect } from 'react';
+import { useWindow } from './useWindow.js';
+import { useDocument } from './useDocument.js';
+
+const useAutoPosition = (anchorRef, contentRef, isActive) => {
+  const [verticalPosition, setVerticalPosition] = useState("down");
+  const [horizontalPosition, setHorizontalPosition] = useState("left");
+  const document = useDocument();
+  const window = useWindow();
+  useLayoutEffect(() => {
+    if (!contentRef) return;
+    if (isActive) {
+      const maxHeight = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
+      const rect = contentRef.current.getBoundingClientRect();
+      const anchorHeight = anchorRef.current.getBoundingClientRect().height;
+      const anchorX = anchorRef.current.getBoundingClientRect().x;
+      const screenWidth = window.innerWidth;
+      const isUp = rect.top + rect.height > maxHeight;
+      const isDown = rect.top - anchorHeight < rect.height;
+      const isLeft = anchorX > screenWidth / 2;
+      const isRight = anchorX < screenWidth / 2;
+      if (isUp) {
+        setVerticalPosition("up");
+      } else if (isDown) {
+        setVerticalPosition("down");
+      }
+      if (isLeft) {
+        setHorizontalPosition("left");
+      } else if (isRight) {
+        setHorizontalPosition("right");
+      }
+    } else {
+      setVerticalPosition("down");
+      setHorizontalPosition("left");
+    }
+  }, [anchorRef, contentRef, document.documentElement.clientHeight, isActive, window.innerHeight, window.innerWidth]);
+  return [verticalPosition, horizontalPosition];
+};
+
+export { useAutoPosition };
+//# sourceMappingURL=useAutoPosition.js.map

package/build/esm/src/shared/useAutoPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoPosition.js","sources":["../../../../src/shared/useAutoPosition.ts"],"sourcesContent":["import { useState, useLayoutEffect, RefObject } from \"react\";\n\nimport { useWindow } from \"./useWindow\";\nimport { useDocument } from \"./useDocument\";\n\nexport type VerticalPosition = \"up\" | \"down\";\nexport type HorizontalPosition = \"left\" | \"right\";\nexport type Position = [VerticalPosition, HorizontalPosition];\n\nexport const useAutoPosition = (\n  anchorRef: RefObject<HTMLElement>,\n  contentRef: RefObject<HTMLElement>,\n  isActive: boolean\n): Position => {\n  const [verticalPosition, setVerticalPosition] = useState(\n    \"down\" as VerticalPosition\n  );\n  const [horizontalPosition, setHorizontalPosition] = useState(\n    \"left\" as HorizontalPosition\n  );\n  const document = useDocument();\n  const window = useWindow();\n\n  useLayoutEffect(() => {\n    if (!contentRef) return;\n\n    if (isActive) {\n      const maxHeight = Math.max(\n        document.documentElement.clientHeight || 0,\n        window.innerHeight || 0\n      );\n\n      const rect: DOMRect = contentRef.current.getBoundingClientRect();\n      const anchorHeight = anchorRef.current.getBoundingClientRect().height;\n      const anchorX = anchorRef.current.getBoundingClientRect().x;\n      const screenWidth = window.innerWidth;\n\n      const isUp = rect.top + rect.height > maxHeight;\n      const isDown = rect.top - anchorHeight < rect.height;\n      const isLeft = anchorX > screenWidth / 2;\n      const isRight = anchorX < screenWidth / 2;\n\n      if (isUp) {\n        setVerticalPosition(\"up\");\n      } else if (isDown) {\n        setVerticalPosition(\"down\");\n      }\n\n      if (isLeft) {\n        setHorizontalPosition(\"left\");\n      } else if (isRight) {\n        setHorizontalPosition(\"right\");\n      }\n    } else {\n      setVerticalPosition(\"down\");\n      setHorizontalPosition(\"left\");\n    }\n  }, [\n    anchorRef,\n    contentRef,\n    document.documentElement.clientHeight,\n    isActive,\n    window.innerHeight,\n    window.innerWidth,\n  ]);\n\n  return [verticalPosition, horizontalPosition];\n};\n"],"names":["useAutoPosition","anchorRef","contentRef","isActive","verticalPosition","setVerticalPosition","useState","horizontalPosition","setHorizontalPosition","document","useDocument","window","useWindow","useLayoutEffect","maxHeight","Math","max","documentElement","clientHeight","innerHeight","rect","current","getBoundingClientRect","anchorHeight","height","anchorX","x","screenWidth","innerWidth","isUp","top","isDown","isLeft","isRight"],"mappings":";;;;AASO,MAAMA,eAAe,GAAGA,CAC7BC,SAAiC,EACjCC,UAAkC,EAClCC,QAAiB,KACJ;EACb,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGC,QAAQ,CACtD,MACF,CAAC,CAAA;EACD,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGF,QAAQ,CAC1D,MACF,CAAC,CAAA;AACD,EAAA,MAAMG,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAC9B,EAAA,MAAMC,MAAM,GAAGC,SAAS,EAAE,CAAA;AAE1BC,EAAAA,eAAe,CAAC,MAAM;IACpB,IAAI,CAACX,UAAU,EAAE,OAAA;AAEjB,IAAA,IAAIC,QAAQ,EAAE;AACZ,MAAA,MAAMW,SAAS,GAAGC,IAAI,CAACC,GAAG,CACxBP,QAAQ,CAACQ,eAAe,CAACC,YAAY,IAAI,CAAC,EAC1CP,MAAM,CAACQ,WAAW,IAAI,CACxB,CAAC,CAAA;MAED,MAAMC,IAAa,GAAGlB,UAAU,CAACmB,OAAO,CAACC,qBAAqB,EAAE,CAAA;MAChE,MAAMC,YAAY,GAAGtB,SAAS,CAACoB,OAAO,CAACC,qBAAqB,EAAE,CAACE,MAAM,CAAA;MACrE,MAAMC,OAAO,GAAGxB,SAAS,CAACoB,OAAO,CAACC,qBAAqB,EAAE,CAACI,CAAC,CAAA;AAC3D,MAAA,MAAMC,WAAW,GAAGhB,MAAM,CAACiB,UAAU,CAAA;MAErC,MAAMC,IAAI,GAAGT,IAAI,CAACU,GAAG,GAAGV,IAAI,CAACI,MAAM,GAAGV,SAAS,CAAA;MAC/C,MAAMiB,MAAM,GAAGX,IAAI,CAACU,GAAG,GAAGP,YAAY,GAAGH,IAAI,CAACI,MAAM,CAAA;AACpD,MAAA,MAAMQ,MAAM,GAAGP,OAAO,GAAGE,WAAW,GAAG,CAAC,CAAA;AACxC,MAAA,MAAMM,OAAO,GAAGR,OAAO,GAAGE,WAAW,GAAG,CAAC,CAAA;AAEzC,MAAA,IAAIE,IAAI,EAAE;QACRxB,mBAAmB,CAAC,IAAI,CAAC,CAAA;OAC1B,MAAM,IAAI0B,MAAM,EAAE;QACjB1B,mBAAmB,CAAC,MAAM,CAAC,CAAA;AAC7B,OAAA;AAEA,MAAA,IAAI2B,MAAM,EAAE;QACVxB,qBAAqB,CAAC,MAAM,CAAC,CAAA;OAC9B,MAAM,IAAIyB,OAAO,EAAE;QAClBzB,qBAAqB,CAAC,OAAO,CAAC,CAAA;AAChC,OAAA;AACF,KAAC,MAAM;MACLH,mBAAmB,CAAC,MAAM,CAAC,CAAA;MAC3BG,qBAAqB,CAAC,MAAM,CAAC,CAAA;AAC/B,KAAA;GACD,EAAE,CACDP,SAAS,EACTC,UAAU,EACVO,QAAQ,CAACQ,eAAe,CAACC,YAAY,EACrCf,QAAQ,EACRQ,MAAM,CAACQ,WAAW,EAClBR,MAAM,CAACiB,UAAU,CAClB,CAAC,CAAA;AAEF,EAAA,OAAO,CAACxB,gBAAgB,EAAEG,kBAAkB,CAAC,CAAA;AAC/C;;;;"}

package/build/esm/src/shared/useDocument.d.ts

@@ -0,0 +1 @@
+export declare function useDocument(): Document;

package/build/esm/src/shared/useDocument.js

@@ -0,0 +1,6 @@
+function useDocument() {
+  return document;
+}
+
+export { useDocument };
+//# sourceMappingURL=useDocument.js.map

package/build/esm/src/shared/useDocument.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDocument.js","sources":["../../../../src/shared/useDocument.ts"],"sourcesContent":["export function useDocument(): Document {\n  return document;\n}\n"],"names":["useDocument","document"],"mappings":"AAAO,SAASA,WAAWA,GAAa;AACtC,EAAA,OAAOC,QAAQ,CAAA;AACjB;;;;"}

package/build/esm/src/shared/useHover.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function useHover(ref: React.MutableRefObject<any>): boolean;

package/build/esm/src/shared/useHover.js

@@ -0,0 +1,25 @@
+import { useState, useEffect } from 'react';
+
+function useHover(ref) {
+  const [hovered, setHovered] = useState(false);
+  const handleMouseOver = () => setHovered(true);
+  const handleMouseOut = () => setHovered(false);
+  useEffect(() => {
+    if (!ref) return undefined;
+    const node = ref.current;
+    if (node) {
+      node.addEventListener("mouseover", handleMouseOver);
+      node.addEventListener("mouseout", handleMouseOut);
+      return () => {
+        node.removeEventListener("mouseover", handleMouseOver);
+        node.removeEventListener("mouseout", handleMouseOut);
+      };
+    }
+    return undefined;
+  }, [ref]);
+  if (!ref) return null;
+  return hovered;
+}
+
+export { useHover };
+//# sourceMappingURL=useHover.js.map

package/build/esm/src/shared/useHover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHover.js","sources":["../../../../src/shared/useHover.ts"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nexport function useHover(ref: React.MutableRefObject<any>): boolean {\n  const [hovered, setHovered] = useState(false);\n\n  const handleMouseOver = () => setHovered(true);\n  const handleMouseOut = () => setHovered(false);\n\n  useEffect(() => {\n    if (!ref) return undefined;\n    const node = ref.current;\n    if (node) {\n      node.addEventListener(\"mouseover\", handleMouseOver);\n      node.addEventListener(\"mouseout\", handleMouseOut);\n\n      return () => {\n        node.removeEventListener(\"mouseover\", handleMouseOver);\n        node.removeEventListener(\"mouseout\", handleMouseOut);\n      };\n    }\n    return undefined;\n  }, [ref]);\n\n  if (!ref) return null;\n  return hovered;\n}\n"],"names":["useHover","ref","hovered","setHovered","useState","handleMouseOver","handleMouseOut","useEffect","undefined","node","current","addEventListener","removeEventListener"],"mappings":";;AAEO,SAASA,QAAQA,CAACC,GAAgC,EAAW;EAClE,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAE7C,EAAA,MAAMC,eAAe,GAAGA,MAAMF,UAAU,CAAC,IAAI,CAAC,CAAA;AAC9C,EAAA,MAAMG,cAAc,GAAGA,MAAMH,UAAU,CAAC,KAAK,CAAC,CAAA;AAE9CI,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAACN,GAAG,EAAE,OAAOO,SAAS,CAAA;AAC1B,IAAA,MAAMC,IAAI,GAAGR,GAAG,CAACS,OAAO,CAAA;AACxB,IAAA,IAAID,IAAI,EAAE;AACRA,MAAAA,IAAI,CAACE,gBAAgB,CAAC,WAAW,EAAEN,eAAe,CAAC,CAAA;AACnDI,MAAAA,IAAI,CAACE,gBAAgB,CAAC,UAAU,EAAEL,cAAc,CAAC,CAAA;AAEjD,MAAA,OAAO,MAAM;AACXG,QAAAA,IAAI,CAACG,mBAAmB,CAAC,WAAW,EAAEP,eAAe,CAAC,CAAA;AACtDI,QAAAA,IAAI,CAACG,mBAAmB,CAAC,UAAU,EAAEN,cAAc,CAAC,CAAA;OACrD,CAAA;AACH,KAAA;AACA,IAAA,OAAOE,SAAS,CAAA;AAClB,GAAC,EAAE,CAACP,GAAG,CAAC,CAAC,CAAA;AAET,EAAA,IAAI,CAACA,GAAG,EAAE,OAAO,IAAI,CAAA;AACrB,EAAA,OAAOC,OAAO,CAAA;AAChB;;;;"}

package/build/esm/src/shared/useKeyboard.d.ts

@@ -0,0 +1,17 @@
+import { RefObject } from "react";
+/**
+ * useKeyboard handles activation of keyboard hotkeys on a given element.
+ * @param {Record<string, (e: KeyboardEvent) => {}} config - A map of keyboardEvent code to function.
+ * @param {RefObject} ref - The element which the keyboard config has to apply on.
+ * @param {boolean} isActive - A flag to determine when the keyboard config has to be applied.
+ *
+ * Example:
+ * useKeyboard({
+ *  Escape: closeMenu,
+ *  ArrowUp: () => { doSomething() },
+ *  KeyB: () => { console.log("bagi") },
+ * }, menuRef, menuOpen)
+ *
+ * This mean that these keyboard shortcuts will be applied on menuRef when the menu is opened.
+ */
+export declare function useKeyboard(config: Record<string, (e: KeyboardEvent) => void | boolean>, ref: RefObject<any>, isActive: boolean): void;

package/build/esm/src/shared/useKeyboard.js

@@ -0,0 +1,42 @@
+import { useEffect } from 'react';
+import { useDocument } from './useDocument.js';
+
+/**
+ * useKeyboard handles activation of keyboard hotkeys on a given element.
+ * @param {Record<string, (e: KeyboardEvent) => {}} config - A map of keyboardEvent code to function.
+ * @param {RefObject} ref - The element which the keyboard config has to apply on.
+ * @param {boolean} isActive - A flag to determine when the keyboard config has to be applied.
+ *
+ * Example:
+ * useKeyboard({
+ *  Escape: closeMenu,
+ *  ArrowUp: () => { doSomething() },
+ *  KeyB: () => { console.log("bagi") },
+ * }, menuRef, menuOpen)
+ *
+ * This mean that these keyboard shortcuts will be applied on menuRef when the menu is opened.
+ */
+
+function useKeyboard(config, ref, isActive) {
+  const document = useDocument();
+  const handleKeyboard = event => {
+    if (!isActive) return;
+    if (document.activeElement !== ref.current && !ref.current.contains(document.activeElement)) return;
+    const targetConfigKey = Object.keys(config).find(targetKeys => targetKeys.split(" ").includes(event.code));
+    if (!targetConfigKey) return;
+    event.preventDefault();
+    const res = config[targetConfigKey](event);
+    if (res === false) {
+      event.stopPropagation();
+    }
+  };
+  useEffect(() => {
+    document.addEventListener("keydown", handleKeyboard);
+    return () => {
+      document.removeEventListener("keydown", handleKeyboard);
+    };
+  });
+}
+
+export { useKeyboard };
+//# sourceMappingURL=useKeyboard.js.map

package/build/esm/src/shared/useKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboard.js","sources":["../../../../src/shared/useKeyboard.ts"],"sourcesContent":["import { useEffect, RefObject } from \"react\";\nimport { useDocument } from \"./useDocument\";\n\n/**\n * useKeyboard handles activation of keyboard hotkeys on a given element.\n * @param {Record<string, (e: KeyboardEvent) => {}} config - A map of keyboardEvent code to function.\n * @param {RefObject} ref - The element which the keyboard config has to apply on.\n * @param {boolean} isActive - A flag to determine when the keyboard config has to be applied.\n *\n * Example:\n * useKeyboard({\n *  Escape: closeMenu,\n *  ArrowUp: () => { doSomething() },\n *  KeyB: () => { console.log(\"bagi\") },\n * }, menuRef, menuOpen)\n *\n * This mean that these keyboard shortcuts will be applied on menuRef when the menu is opened.\n */\n\nexport function useKeyboard(\n  config: Record<string, (e: KeyboardEvent) => void | boolean>,\n  ref: RefObject<any>,\n  isActive: boolean\n): void {\n  const document = useDocument();\n  const handleKeyboard = (event: KeyboardEvent) => {\n    if (!isActive) return;\n\n    if (\n      document.activeElement !== ref.current &&\n      !ref.current.contains(document.activeElement)\n    )\n      return;\n\n    const targetConfigKey = Object.keys(config).find((targetKeys: string) =>\n      targetKeys.split(\" \").includes(event.code)\n    );\n    if (!targetConfigKey) return;\n\n    event.preventDefault();\n    const res = config[targetConfigKey](event);\n    if (res === false) {\n      event.stopPropagation();\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener(\"keydown\", handleKeyboard);\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyboard);\n    };\n  });\n}\n"],"names":["useKeyboard","config","ref","isActive","document","useDocument","handleKeyboard","event","activeElement","current","contains","targetConfigKey","Object","keys","find","targetKeys","split","includes","code","preventDefault","res","stopPropagation","useEffect","addEventListener","removeEventListener"],"mappings":";;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,SAASA,WAAWA,CACzBC,MAA4D,EAC5DC,GAAmB,EACnBC,QAAiB,EACX;AACN,EAAA,MAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;EAC9B,MAAMC,cAAc,GAAIC,KAAoB,IAAK;IAC/C,IAAI,CAACJ,QAAQ,EAAE,OAAA;AAEf,IAAA,IACEC,QAAQ,CAACI,aAAa,KAAKN,GAAG,CAACO,OAAO,IACtC,CAACP,GAAG,CAACO,OAAO,CAACC,QAAQ,CAACN,QAAQ,CAACI,aAAa,CAAC,EAE7C,OAAA;IAEF,MAAMG,eAAe,GAAGC,MAAM,CAACC,IAAI,CAACZ,MAAM,CAAC,CAACa,IAAI,CAAEC,UAAkB,IAClEA,UAAU,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,QAAQ,CAACV,KAAK,CAACW,IAAI,CAC3C,CAAC,CAAA;IACD,IAAI,CAACP,eAAe,EAAE,OAAA;IAEtBJ,KAAK,CAACY,cAAc,EAAE,CAAA;IACtB,MAAMC,GAAG,GAAGnB,MAAM,CAACU,eAAe,CAAC,CAACJ,KAAK,CAAC,CAAA;IAC1C,IAAIa,GAAG,KAAK,KAAK,EAAE;MACjBb,KAAK,CAACc,eAAe,EAAE,CAAA;AACzB,KAAA;GACD,CAAA;AAEDC,EAAAA,SAAS,CAAC,MAAM;AACdlB,IAAAA,QAAQ,CAACmB,gBAAgB,CAAC,SAAS,EAAEjB,cAAc,CAAC,CAAA;AAEpD,IAAA,OAAO,MAAM;AACXF,MAAAA,QAAQ,CAACoB,mBAAmB,CAAC,SAAS,EAAElB,cAAc,CAAC,CAAA;KACxD,CAAA;AACH,GAAC,CAAC,CAAA;AACJ;;;;"}

package/build/esm/src/shared/useOnEscapePress.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useOnEscapePress: (onEscape: (e: KeyboardEvent) => void, callbackDependencies?: import("react").DependencyList) => void;

package/build/esm/src/shared/useOnEscapePress.js

@@ -0,0 +1,51 @@
+import { useCallback, useMemo, useEffect } from 'react';
+import { useDocument } from './useDocument.js';
+
+const registry = {};
+const handleEscape = event => {
+  if (!event.defaultPrevented) {
+    const handlers = Object.values(registry).reverse();
+    for (let i = 0; i < handlers.length; i += 1) {
+      const handler = handlers[i];
+      handler(event);
+      if (event.defaultPrevented) break;
+    }
+  }
+};
+const register = (id, handler) => {
+  registry[id] = handler;
+};
+const deregister = id => {
+  delete registry[id];
+};
+
+// For auto-incrementing unique identifiers for registered different handlers.
+let handlerId = 0;
+const useOnEscapePress = function (onEscape) {
+  let callbackDependencies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [onEscape];
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const escapeCallback = useCallback(onEscape, callbackDependencies);
+  const document = useDocument();
+  const handler = useCallback(event => {
+    if (event.key === "Escape") escapeCallback(event);
+  }, [escapeCallback]);
+  const id = useMemo(() => {
+    handlerId += 1;
+    return handlerId;
+  }, []);
+  useEffect(() => {
+    if (Object.keys(registry).length === 0) {
+      document.addEventListener("keydown", handleEscape);
+    }
+    register(id, handler);
+    return () => {
+      deregister(id);
+      if (Object.keys(registry).length === 0) {
+        document.removeEventListener("keydown", handleEscape);
+      }
+    };
+  }, [id, handler, document]);
+};
+
+export { useOnEscapePress };
+//# sourceMappingURL=useOnEscapePress.js.map

package/build/esm/src/shared/useOnEscapePress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnEscapePress.js","sources":["../../../../src/shared/useOnEscapePress.ts"],"sourcesContent":["import { useEffect, useCallback, useMemo } from \"react\";\nimport { useDocument } from \"./useDocument\";\n\ntype KeyboardEventCallback = (event: KeyboardEvent) => void;\n\nconst registry: { [id: number]: KeyboardEventCallback } = {};\n\nconst handleEscape = (event: KeyboardEvent) => {\n  if (!event.defaultPrevented) {\n    const handlers = Object.values(registry).reverse();\n\n    for (let i = 0; i < handlers.length; i += 1) {\n      const handler = handlers[i];\n\n      handler(event);\n\n      if (event.defaultPrevented) break;\n    }\n  }\n};\n\nconst register = (id: number, handler: KeyboardEventCallback): void => {\n  registry[id] = handler;\n};\n\nconst deregister = (id: number) => {\n  delete registry[id];\n};\n\n// For auto-incrementing unique identifiers for registered different handlers.\nlet handlerId = 0;\n\nexport const useOnEscapePress = (\n  onEscape: (e: KeyboardEvent) => void,\n  callbackDependencies: React.DependencyList = [onEscape]\n): void => {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const escapeCallback = useCallback(onEscape, callbackDependencies);\n  const document = useDocument();\n\n  const handler = useCallback<KeyboardEventCallback>(\n    (event) => {\n      if (event.key === \"Escape\") escapeCallback(event);\n    },\n    [escapeCallback]\n  );\n\n  const id = useMemo(() => {\n    handlerId += 1;\n    return handlerId;\n  }, []);\n\n  useEffect(() => {\n    if (Object.keys(registry).length === 0) {\n      document.addEventListener(\"keydown\", handleEscape);\n    }\n    register(id, handler);\n\n    return () => {\n      deregister(id);\n      if (Object.keys(registry).length === 0) {\n        document.removeEventListener(\"keydown\", handleEscape);\n      }\n    };\n  }, [id, handler, document]);\n};\n"],"names":["registry","handleEscape","event","defaultPrevented","handlers","Object","values","reverse","i","length","handler","register","id","deregister","handlerId","useOnEscapePress","onEscape","callbackDependencies","arguments","undefined","escapeCallback","useCallback","document","useDocument","key","useMemo","useEffect","keys","addEventListener","removeEventListener"],"mappings":";;;AAKA,MAAMA,QAAiD,GAAG,EAAE,CAAA;AAE5D,MAAMC,YAAY,GAAIC,KAAoB,IAAK;AAC7C,EAAA,IAAI,CAACA,KAAK,CAACC,gBAAgB,EAAE;IAC3B,MAAMC,QAAQ,GAAGC,MAAM,CAACC,MAAM,CAACN,QAAQ,CAAC,CAACO,OAAO,EAAE,CAAA;AAElD,IAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGJ,QAAQ,CAACK,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;AAC3C,MAAA,MAAME,OAAO,GAAGN,QAAQ,CAACI,CAAC,CAAC,CAAA;MAE3BE,OAAO,CAACR,KAAK,CAAC,CAAA;MAEd,IAAIA,KAAK,CAACC,gBAAgB,EAAE,MAAA;AAC9B,KAAA;AACF,GAAA;AACF,CAAC,CAAA;AAED,MAAMQ,QAAQ,GAAGA,CAACC,EAAU,EAAEF,OAA8B,KAAW;AACrEV,EAAAA,QAAQ,CAACY,EAAE,CAAC,GAAGF,OAAO,CAAA;AACxB,CAAC,CAAA;AAED,MAAMG,UAAU,GAAID,EAAU,IAAK;EACjC,OAAOZ,QAAQ,CAACY,EAAE,CAAC,CAAA;AACrB,CAAC,CAAA;;AAED;AACA,IAAIE,SAAS,GAAG,CAAC,CAAA;MAEJC,gBAAgB,GAAG,UAC9BC,QAAoC,EAE3B;AAAA,EAAA,IADTC,oBAA0C,GAAAC,SAAA,CAAAT,MAAA,GAAAS,CAAAA,IAAAA,SAAA,CAAAC,CAAAA,CAAAA,KAAAA,SAAA,GAAAD,SAAA,CAAG,CAAA,CAAA,GAAA,CAACF,QAAQ,CAAC,CAAA;AAEvD;AACA,EAAA,MAAMI,cAAc,GAAGC,WAAW,CAACL,QAAQ,EAAEC,oBAAoB,CAAC,CAAA;AAClE,EAAA,MAAMK,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAE9B,EAAA,MAAMb,OAAO,GAAGW,WAAW,CACxBnB,KAAK,IAAK;IACT,IAAIA,KAAK,CAACsB,GAAG,KAAK,QAAQ,EAAEJ,cAAc,CAAClB,KAAK,CAAC,CAAA;AACnD,GAAC,EACD,CAACkB,cAAc,CACjB,CAAC,CAAA;AAED,EAAA,MAAMR,EAAE,GAAGa,OAAO,CAAC,MAAM;AACvBX,IAAAA,SAAS,IAAI,CAAC,CAAA;AACd,IAAA,OAAOA,SAAS,CAAA;GACjB,EAAE,EAAE,CAAC,CAAA;AAENY,EAAAA,SAAS,CAAC,MAAM;IACd,IAAIrB,MAAM,CAACsB,IAAI,CAAC3B,QAAQ,CAAC,CAACS,MAAM,KAAK,CAAC,EAAE;AACtCa,MAAAA,QAAQ,CAACM,gBAAgB,CAAC,SAAS,EAAE3B,YAAY,CAAC,CAAA;AACpD,KAAA;AACAU,IAAAA,QAAQ,CAACC,EAAE,EAAEF,OAAO,CAAC,CAAA;AAErB,IAAA,OAAO,MAAM;MACXG,UAAU,CAACD,EAAE,CAAC,CAAA;MACd,IAAIP,MAAM,CAACsB,IAAI,CAAC3B,QAAQ,CAAC,CAACS,MAAM,KAAK,CAAC,EAAE;AACtCa,QAAAA,QAAQ,CAACO,mBAAmB,CAAC,SAAS,EAAE5B,YAAY,CAAC,CAAA;AACvD,OAAA;KACD,CAAA;GACF,EAAE,CAACW,EAAE,EAAEF,OAAO,EAAEY,QAAQ,CAAC,CAAC,CAAA;AAC7B;;;;"}

package/build/esm/src/shared/useOutsideClick.d.ts

@@ -0,0 +1,11 @@
+import { RefObject } from "react";
+/**
+ * useOutsideClick handles outside click of a given element.
+ * @param {RefObject} ref - Reference to a DOM element.
+ * @param {e: Event) => void} handler - Function invoked when a click is triggered outside the referenced element.
+ * @param {boolean} isActive - A flag to determine when the outside click event needs to be applied.
+ *
+ * Example: useOutsideClick(menuRef, closeMenu, menuIsOpen)
+ * Means that when a menu is opened, clicking outside of the menu will close the mneu.
+ */
+export declare const useOutsideClick: (ref: RefObject<any>, handler: (e: Event) => void, isActive: boolean) => void;

package/build/esm/src/shared/useOutsideClick.js

@@ -0,0 +1,32 @@
+import { useCallback, useEffect } from 'react';
+import { useWindow } from './useWindow.js';
+
+/**
+ * useOutsideClick handles outside click of a given element.
+ * @param {RefObject} ref - Reference to a DOM element.
+ * @param {e: Event) => void} handler - Function invoked when a click is triggered outside the referenced element.
+ * @param {boolean} isActive - A flag to determine when the outside click event needs to be applied.
+ *
+ * Example: useOutsideClick(menuRef, closeMenu, menuIsOpen)
+ * Means that when a menu is opened, clicking outside of the menu will close the mneu.
+ */
+
+const useOutsideClick = (ref, handler, isActive) => {
+  const window = useWindow();
+  const outsideClickEvent = useCallback(e => {
+    if (ref && ref.current && !ref.current.contains(e.target)) {
+      handler(e);
+    }
+  }, [handler, ref]);
+  useEffect(() => {
+    if (isActive) {
+      window.addEventListener("click", outsideClickEvent);
+    }
+    return () => {
+      window.removeEventListener("click", outsideClickEvent);
+    };
+  }, [isActive, window, outsideClickEvent]);
+};
+
+export { useOutsideClick };
+//# sourceMappingURL=useOutsideClick.js.map

package/build/esm/src/shared/useOutsideClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideClick.js","sources":["../../../../src/shared/useOutsideClick.ts"],"sourcesContent":["import { useEffect, useCallback, RefObject } from \"react\";\n\nimport { useWindow } from \"./useWindow\";\n\n/**\n * useOutsideClick handles outside click of a given element.\n * @param {RefObject} ref - Reference to a DOM element.\n * @param {e: Event) => void} handler - Function invoked when a click is triggered outside the referenced element.\n * @param {boolean} isActive - A flag to determine when the outside click event needs to be applied.\n *\n * Example: useOutsideClick(menuRef, closeMenu, menuIsOpen)\n * Means that when a menu is opened, clicking outside of the menu will close the mneu.\n */\n\nexport const useOutsideClick = (\n  ref: RefObject<any>,\n  handler: (e: Event) => void,\n  isActive: boolean\n): void => {\n  const window = useWindow();\n\n  const outsideClickEvent = useCallback(\n    (e: Event) => {\n      if (ref && ref.current && !ref.current.contains(e.target)) {\n        handler(e);\n      }\n    },\n    [handler, ref]\n  );\n\n  useEffect(() => {\n    if (isActive) {\n      window.addEventListener(\"click\", outsideClickEvent);\n    }\n\n    return () => {\n      window.removeEventListener(\"click\", outsideClickEvent);\n    };\n  }, [isActive, window, outsideClickEvent]);\n};\n"],"names":["useOutsideClick","ref","handler","isActive","window","useWindow","outsideClickEvent","useCallback","e","current","contains","target","useEffect","addEventListener","removeEventListener"],"mappings":";;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,MAAMA,eAAe,GAAGA,CAC7BC,GAAmB,EACnBC,OAA2B,EAC3BC,QAAiB,KACR;AACT,EAAA,MAAMC,MAAM,GAAGC,SAAS,EAAE,CAAA;AAE1B,EAAA,MAAMC,iBAAiB,GAAGC,WAAW,CAClCC,CAAQ,IAAK;AACZ,IAAA,IAAIP,GAAG,IAAIA,GAAG,CAACQ,OAAO,IAAI,CAACR,GAAG,CAACQ,OAAO,CAACC,QAAQ,CAACF,CAAC,CAACG,MAAM,CAAC,EAAE;MACzDT,OAAO,CAACM,CAAC,CAAC,CAAA;AACZ,KAAA;AACF,GAAC,EACD,CAACN,OAAO,EAAED,GAAG,CACf,CAAC,CAAA;AAEDW,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIT,QAAQ,EAAE;AACZC,MAAAA,MAAM,CAACS,gBAAgB,CAAC,OAAO,EAAEP,iBAAiB,CAAC,CAAA;AACrD,KAAA;AAEA,IAAA,OAAO,MAAM;AACXF,MAAAA,MAAM,CAACU,mBAAmB,CAAC,OAAO,EAAER,iBAAiB,CAAC,CAAA;KACvD,CAAA;GACF,EAAE,CAACH,QAAQ,EAAEC,MAAM,EAAEE,iBAAiB,CAAC,CAAC,CAAA;AAC3C;;;;"}

package/build/esm/src/shared/useWindow.d.ts

@@ -0,0 +1 @@
+export declare function useWindow(): Window;

package/build/esm/src/shared/useWindow.js

@@ -0,0 +1,6 @@
+function useWindow() {
+  return window;
+}
+
+export { useWindow };
+//# sourceMappingURL=useWindow.js.map

package/build/esm/src/shared/useWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindow.js","sources":["../../../../src/shared/useWindow.ts"],"sourcesContent":["export function useWindow(): Window {\n  return window;\n}\n"],"names":["useWindow","window"],"mappings":"AAAO,SAASA,SAASA,GAAW;AAClC,EAAA,OAAOC,MAAM,CAAA;AACf;;;;"}

package/build/esm/src/types/index.d.ts

@@ -0,0 +1,57 @@
+/// <reference types="react" />
+import { Literal, Union, Static } from "runtypes";
+export declare const LinkTextSizeRuntype: Union<[Literal<"xs">, Literal<"s">, Literal<"m">, Literal<"l">]>;
+export declare type LinkTextSize = Static<typeof LinkTextSizeRuntype>;
+export declare const TextSizeRuntype: Union<[Literal<"xs">, Literal<"s">, Literal<"m">]>;
+export declare type TextSize = Static<typeof TextSizeRuntype>;
+export declare const BorderRadiusRuntype: Union<[Literal<"xs">, Literal<"s">, Literal<"m">]>;
+export declare type BorderRadius = Static<typeof BorderRadiusRuntype>;
+export declare const TextAlignmentRuntype: Union<[Literal<"left">, Literal<"right">, Literal<"center">]>;
+export declare type TextAlignment = Static<typeof TextAlignmentRuntype>;
+export declare const HorizontalAlignmentRuntype: Union<[Literal<"left">, Literal<"right">, Literal<"center">, Literal<"spaceBetween">]>;
+export declare type HorizontalAlignment = Static<typeof HorizontalAlignmentRuntype>;
+export declare const VerticalAlignmentRuntype: Union<[Literal<"top">, Literal<"bottom">, Literal<"center">, Literal<"stretch">]>;
+export declare type VerticalAlignment = Static<typeof VerticalAlignmentRuntype>;
+export declare const SpaceSizesRuntype: Union<[Literal<"zero">, Literal<"xxs">, Literal<"xs">, Literal<"s">, Literal<"m">, Literal<"l">, Literal<"xl">, Literal<"xxl">]>;
+export declare type SpaceSizes = Static<typeof SpaceSizesRuntype>;
+export declare const ColumsSizesRuntype: Union<[Literal<1>, Literal<2>, Literal<3>, Literal<4>, Literal<5>, Literal<6>, Literal<7>, Literal<8>, Literal<9>, Literal<10>, Literal<11>, Literal<12>, Literal<"auto">, Literal<"narrow">, Literal<"fill">]>;
+export declare type ColumnSizes = Static<typeof ColumsSizesRuntype>;
+export declare const ColumnAlignmentRunType: Union<[Literal<"auto">, Literal<"start">, Literal<"center">, Literal<"end">]>;
+export declare type ColumnAlignment = Static<typeof ColumnAlignmentRunType>;
+export declare const OrderRuntype: Union<[Literal<"first">, Literal<"last">, Literal<"unset">]>;
+export declare type Order = Static<typeof OrderRuntype>;
+export declare const BaseVariationsRuntype: Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>;
+export declare const BaseColorsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"accent">]>;
+export declare type BaseVariations = Static<typeof BaseVariationsRuntype>;
+export declare type BaseColors = Static<typeof BaseColorsRuntype>;
+declare const TextColorsRuntype: Union<[Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"accent">]>, Literal<"info">, Literal<"error">, Literal<"warning">]>;
+export declare type TextColors = Static<typeof TextColorsRuntype>;
+declare const TextVariationsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"info">, Literal<"error">, Literal<"warning">]>;
+export declare type TextVariations = Static<typeof TextVariationsRuntype>;
+declare const IconsColorsRuntime: Union<[Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"accent">]>, Literal<"info">, Literal<"error">, Literal<"warning">, Literal<"inherit">, Literal<"brand">, Literal<"quaternary">]>;
+export declare type IconsColors = Static<typeof IconsColorsRuntime>;
+declare const IconsVariationsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"info">, Literal<"error">, Literal<"warning">, Literal<"inherit">, Literal<"brand">]>;
+export declare type IconsVariations = Static<typeof IconsVariationsRuntype>;
+declare const CalloutVariationsRuntype: Union<[Literal<"info">, Literal<"success">, Literal<"error">, Literal<"warning">]>;
+export declare type CalloutVariations = Static<typeof CalloutVariationsRuntype>;
+declare const LinkVariationsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>]>;
+export declare type LinkVariations = Static<typeof LinkVariationsRuntype>;
+declare const LinkColorsRuntype: Union<[Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"accent">]>]>;
+export declare type LinkColors = Static<typeof LinkColorsRuntype>;
+export declare type MQ<T> = [T, T?, T?];
+declare const ButtonSizeRuntype: Union<[Literal<"s">, Literal<"m">, Literal<"l">]>;
+export declare type ButtonSize = Static<typeof ButtonSizeRuntype>;
+export declare const HyphensRuntype: Union<[Literal<"auto">, Literal<"none">, Literal<"manual">]>;
+export declare type Hyphens = Static<typeof HyphensRuntype>;
+export declare const ToggleSizeRuntype: Union<[Literal<"s">, Literal<"m">]>;
+export declare type ToggleSize = Static<typeof ToggleSizeRuntype>;
+export declare type AsProp<C extends React.ElementType> = {
+    as?: C;
+};
+declare type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
+export declare type PolymorphicComponentProps<C extends React.ElementType, Props> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+export declare type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>["ref"];
+export declare type PolymorphicComponentPropsWithRef<C extends React.ElementType, Props> = PolymorphicComponentProps<C, Props> & {
+    ref?: PolymorphicRef<C>;
+};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "1.15.2",
+  "version": "1.15.4",
   "description": "the design system for AMBOSS products",
   "author": "Bagrat Gobedashvili",
   "license": "ISC",
@@ -50,7 +50,7 @@
   },
   "engines": {
     "npm": ">=8.10.0",
-    "node": "16.x.x"
+    "node": ">=16"
   },
   "scripts": {
     "clean": "rimraf build build-tokens",