@amboss/design-system 1.15.1 → 1.15.2

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

@@ -1,11 +0,0 @@
-const informDeprecation = function (property, value, location) {
-  let details = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "";
-  if (property === undefined) return;
-  if (property === value) {
-    // eslint-disable-next-line no-console
-    console.error(`value ${JSON.stringify(value)} is depricated in ${location} \n ${details}`);
-  }
-};
-
-export { informDeprecation };
-//# sourceMappingURL=informDeprecation.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"informDeprecation.js","sources":["../../../../src/shared/informDeprecation.ts"],"sourcesContent":["export const informDeprecation = (\n  property: unknown,\n  value: unknown,\n  location: string,\n  details = \"\"\n): void => {\n  if (property === undefined) return;\n  if (property === value) {\n    // eslint-disable-next-line no-console\n    console.error(\n      `value ${JSON.stringify(\n        value\n      )} is depricated in ${location} \\n ${details}`\n    );\n  }\n};\n"],"names":["informDeprecation","property","value","location","details","arguments","length","undefined","console","error","JSON","stringify"],"mappings":"AAAO,MAAMA,iBAAiB,GAAG,UAC/BC,QAAiB,EACjBC,KAAc,EACdC,QAAgB,EAEP;AAAA,EAAA,IADTC,OAAO,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE,CAAA;EAEZ,IAAIJ,QAAQ,KAAKM,SAAS,EAAE,OAAA;EAC5B,IAAIN,QAAQ,KAAKC,KAAK,EAAE;AACtB;AACAM,IAAAA,OAAO,CAACC,KAAK,CACV,CAAA,MAAA,EAAQC,IAAI,CAACC,SAAS,CACrBT,KACF,CAAE,CAAoBC,kBAAAA,EAAAA,QAAS,CAAMC,IAAAA,EAAAA,OAAQ,EAC/C,CAAC,CAAA;AACH,GAAA;AACF;;;;"}

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

@@ -1,14 +0,0 @@
-import { ColumnSizes, HorizontalAlignment, MQ, SpaceSizes, TextAlignment, VerticalAlignment, Order, ColumnAlignment, Hyphens } from "../types";
-declare type MqProp<T> = [
-    T | MQ<T>,
-    Record<T extends string ? T : never, string | number>
-];
-declare type MqRules = Record<string, MqProp<TextAlignment> | MqProp<SpaceSizes> | MqProp<HorizontalAlignment> | MqProp<VerticalAlignment> | MqProp<ColumnSizes> | MqProp<Order> | MqProp<ColumnAlignment> | MqProp<Hyphens>>;
-declare type EmotionCssPropertyName = string;
-declare type EmotionCssValue = string | number;
-declare type EmotionCssDescription = Record<EmotionCssPropertyName, EmotionCssValue>;
-declare type MqFunc = (rules: MqRules) => Record<string, EmotionCssValue | EmotionCssDescription>;
-export declare const mq: MqFunc;
-export declare const mqValue: (rules: Record<EmotionCssPropertyName, EmotionCssValue[] | EmotionCssValue>) => Record<string, EmotionCssValue | EmotionCssDescription>;
-export declare function getMediaQueryClasses<T>(s: T | MQ<T> | undefined, styles: Record<string, string>, prefix?: string): string[];
-export {};

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

@@ -1,66 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,5 +0,0 @@
-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

@@ -1,41 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

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

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,25 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,17 +0,0 @@
-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

@@ -1,42 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,51 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,11 +0,0 @@
-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

@@ -1,32 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,57 +0,0 @@
-/// <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 {};