@stack-spot/portal-components 0.0.18 → 1.0.0-dev.1768482754546

package/dist/svg/ServerError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerError.js","sourceRoot":"","sources":["../../src/svg/ServerError.tsx"],"names":[],"mappings":";AAAA,4BAA4B;AAE5B,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAuD,EAAE,EAAE,CAAC,CACxG,eAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,aACnI,eAAM,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,8HAA8H,EAAC,MAAM,EAAC,iCAAiC,EAAC,WAAW,EAAC,QAAQ,GAAG,EACrN,aAAG,OAAO,EAAC,KAAK,aACd,eAAM,EAAE,EAAC,2BAA2B,EAAC,IAAI,EAAC,OAAO,YAC/C,eAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,wwBAAwwB,GAAG,GACpzB,EACP,eAAM,CAAC,EAAC,0jFAA0jF,EAAC,IAAI,EAAC,iCAAiC,EAAC,IAAI,EAAC,iCAAiC,GAAG,IACjpF,EACJ,eAAM,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,wDAAwD,EAAC,MAAM,EAAC,iCAAiC,EAAC,WAAW,EAAC,SAAS,GAAG,EAChJ,eAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,yXAAyX,EAAC,IAAI,EAAC,SAAS,GAAG,EACla,eAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,mYAAmY,EAAC,IAAI,EAAC,SAAS,GAAG,EAC5a,eAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,6XAA6X,EAAC,IAAI,EAAC,SAAS,GAAG,EACta,eAAM,CAAC,EAAC,kCAAkC,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,QAAQ,EAAC,aAAa,EAAC,OAAO,GAAG,EACzG,eAAM,CAAC,EAAC,kCAAkC,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,QAAQ,EAAC,aAAa,EAAC,OAAO,GAAG,EACzG,2BACE,0BAAgB,EAAE,EAAC,2BAA2B,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,aAAa,EAAC,gBAAgB,aAC/H,eAAM,SAAS,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,GAAG,EAC5C,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IACxB,EACjB,0BAAgB,EAAE,EAAC,2BAA2B,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,EAAE,EAAC,UAAU,EAAC,aAAa,EAAC,gBAAgB,aACjI,eAAM,SAAS,EAAC,SAAS,GAAG,EAC5B,eAAM,MAAM,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,EAAC,WAAW,EAAC,MAAM,GAAG,IAClD,EACjB,0BAAgB,EAAE,EAAC,2BAA2B,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,aAAa,EAAC,gBAAgB,aAChI,eAAM,SAAS,EAAC,SAAS,GAAG,EAC5B,eAAM,MAAM,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,EAAC,WAAW,EAAC,MAAM,GAAG,IAClD,IACZ,IACH,CACP,CAAA"}

package/dist/svg/Unauthenticated.d.ts

@@ -0,0 +1,5 @@
+export declare const Unauthenticated: ({ className, style }: {
+    className?: string;
+    style?: React.CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Unauthenticated.d.ts.map

package/dist/svg/Unauthenticated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Unauthenticated.d.ts","sourceRoot":"","sources":["../../src/svg/Unauthenticated.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,GAAI,sBAAsB;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAAE,4CAaxG,CAAA"}

package/dist/svg/Unauthenticated.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable max-len */
+export const Unauthenticated = ({ className, style }) => (_jsxs("svg", { width: "178", height: "160", viewBox: "0 0 178 160", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style, children: [_jsx("circle", { opacity: "0.16", cx: "89.6761", cy: "80.2113", r: "31.5629", fill: "#FAFAFB" }), _jsx("ellipse", { opacity: "0.16", cx: "89.6721", cy: "80.6057", rx: "22.094", ry: "21.6995", fill: "#FAFAFB" }), _jsx("ellipse", { opacity: "0.16", cx: "89.6759", cy: "80.6056", rx: "13.4142", ry: "13.0197", fill: "#FAFAFB" }), _jsx("path", { opacity: "0.5", fillRule: "evenodd", clipRule: "evenodd", d: "M44.7029 19.055C69.3231 -5.56521 109.24 -5.56521 133.861 19.055L177.651 62.8454C178.086 63.2808 178.086 63.9868 177.651 64.4222C177.215 64.8577 176.509 64.8577 176.074 64.4222L132.284 20.6319C108.534 -3.11747 70.0291 -3.11747 46.2798 20.6319C45.8443 21.0673 45.1383 21.0673 44.7029 20.6319C44.2675 20.1964 44.2675 19.4904 44.7029 19.055ZM161.243 79.8912L126.447 45.0949C105.747 24.3952 72.1863 24.3952 51.4866 45.0949L16.6903 79.8912L51.4866 114.687C72.1863 135.387 105.747 135.387 126.447 114.687L161.243 79.8912ZM128.024 43.518C106.453 21.9474 71.4803 21.9474 49.9097 43.5181L15.1135 78.3143L13.5366 79.8912L15.1135 81.468L49.9097 116.264C71.4803 137.835 106.453 137.835 128.024 116.264L162.82 81.468L164.397 79.8912L162.82 78.3143L128.024 43.518ZM44.7029 141.115C69.3231 165.736 109.24 165.736 133.861 141.115C134.296 140.68 134.296 139.974 133.861 139.538C133.425 139.103 132.719 139.103 132.284 139.538C108.534 163.288 70.0291 163.288 46.2798 139.538L2.48938 95.7481C2.05394 95.3126 1.34795 95.3126 0.912516 95.7481C0.477078 96.1835 0.477077 96.8895 0.912518 97.3249L44.7029 141.115Z", fill: "url(#paint0_linear_3383_243082)" }), _jsx("defs", { children: _jsxs("linearGradient", { id: "paint0_linear_3383_243082", x1: "-3.35603", y1: "94.0049", x2: "89.5555", y2: "212.99", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#BCBCCF" }), _jsx("stop", { offset: "0.766098", stopColor: "#353546", stopOpacity: "0.09" })] }) })] }));
+//# sourceMappingURL=Unauthenticated.js.map

package/dist/svg/Unauthenticated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Unauthenticated.js","sourceRoot":"","sources":["../../src/svg/Unauthenticated.tsx"],"names":[],"mappings":";AAAA,4BAA4B;AAE5B,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAuD,EAAE,EAAE,CAAC,CAC5G,eAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,aACnI,iBAAQ,OAAO,EAAC,MAAM,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,GAAE,EAC7E,kBAAS,OAAO,EAAC,MAAM,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,GAAE,EAC3F,kBAAS,OAAO,EAAC,MAAM,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,GAAE,EAC5F,eAAM,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,kkCAAkkC,EAAC,IAAI,EAAC,iCAAiC,GAAE,EACvqC,yBACE,0BAAgB,EAAE,EAAC,2BAA2B,EAAC,EAAE,EAAC,UAAU,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,QAAQ,EAAC,aAAa,EAAC,gBAAgB,aAC/H,eAAM,SAAS,EAAC,SAAS,GAAE,EAC3B,eAAM,MAAM,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,EAAC,WAAW,EAAC,MAAM,GAAE,IACjD,GACZ,IACH,CACP,CAAA"}

package/dist/svg/index.d.ts

@@ -0,0 +1,12 @@
+export { AI } from './AI.js';
+export { CS } from './CS.js';
+export { EDP } from './EDP.js';
+export { Forbidden } from './Forbidden.js';
+export { GenericPlaceholder } from './GenericPlaceholder.js';
+export { HUB } from './HUB.js';
+export { Logo } from './Logo.js';
+export { MiniLogo } from './MiniLogo.js';
+export { NotFound } from './NotFound.js';
+export { ServerError } from './ServerError.js';
+export { Unauthenticated } from './Unauthenticated.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/svg/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/svg/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/svg/index.js

@@ -0,0 +1,12 @@
+export { AI } from './AI.js';
+export { CS } from './CS.js';
+export { EDP } from './EDP.js';
+export { Forbidden } from './Forbidden.js';
+export { GenericPlaceholder } from './GenericPlaceholder.js';
+export { HUB } from './HUB.js';
+export { Logo } from './Logo.js';
+export { MiniLogo } from './MiniLogo.js';
+export { NotFound } from './NotFound.js';
+export { ServerError } from './ServerError.js';
+export { Unauthenticated } from './Unauthenticated.js';
+//# sourceMappingURL=index.js.map

package/dist/svg/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/svg/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/utils/accessibility.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Important for accessibility.
+ *
+ * Makes it so we focus the next focusable element in the DOM hierarchy, disregarding the element passed as parameter and its children.
+ *
+ * If there's no next focusable element, the first focusable element of the page will be focused. If the page doesn't contain any focusable
+ * element, nothing happens.
+ *
+ * @param current the reference element to focus the next. If not provided, will be the currently active element.
+ */
+export declare function focusNextIgnoringChildren(current?: HTMLElement | null): void;
+export type TagPriority = 'a' | 'button' | 'input' | 'textarea' | 'select' | 'other';
+export type TagPriorityElement = TagPriority | TagPriority[];
+interface FocusOptions {
+    /**
+     * Instead of focusing the first element overall, focus the first according to this list of priorities.
+     *
+     * 'other' means elements that are normally not focusable, but have positive tabIndex values.
+     */
+    priority?: TagPriorityElement[];
+    /**
+     * Ignores any element that matches this query selector.
+     */
+    ignore?: string;
+}
+/**
+ * Focus the first focusable child of the element provided. If the element has no focusable child, nothing happens.
+ *
+ * A priority list can be passed in the second parameter, as an option. If it's provided, it will focus the first element according to the
+ * list.
+ *
+ * An ignore query selector can also be passed in the options parameter. If the first focusable element matches the query selector, the
+ * next element is focused instead.
+ *
+ * @example
+ * Suppose the children of element are: h1, button, p, input, select.
+ * 1. We don't pass a priority list. The focused element will be the button.
+ * 2. Our priority list is ['button']. The focused element will be the button.
+ * 3. Our priority list is ['input', 'button']. The focused element will be the input.
+ * 4. Our priority list is ['select', 'input']. The focused element will be the select.
+ * 5. Our priority list is [['select', 'input'], 'button']. The focused element will be the input.
+ *
+ * @param element the element to search a child to focus.
+ * @param options optional.
+ */
+export declare function focusFirstChild(element: HTMLElement | Document | null | undefined, { priority, ignore }?: FocusOptions): void;
+/**
+ * Checks if an element can receive focus.
+ *
+ * Elements can receive focus only if:
+ * - they exist;
+ * - they're visible;
+ * - they're not disabled;
+ * - they are a focusable tag name or have a positive tab index;
+ * - they don't have a negative tab index.
+ * @param element the element to check.
+ * @returns true if the element is focusable, false otherwise.
+ */
+export declare function isFocusable(element?: Element | null): boolean;
+/**
+ * Focus the element passed as parameter if it can receive focus. Otherwise, decides on another element to focus based on the HTML tree
+ * and accessibility attributes.
+ *
+ * Decision making:
+ * - If the element is focusable, focus it.
+ * - If the element is not focusable, check if it has an id and if another element controls it (aria-controls).
+ * - If the element is controlled by another, try to focus the controller, based in this same algorithm.
+ * - Otherwise, try to focus its parent.
+ *
+ * If no focusable element is found. Nothing happens.
+ * @param element the element to focus.
+ */
+export declare function focusAccessibleElement(element?: Element | null): void;
+export {};
+//# sourceMappingURL=accessibility.d.ts.map

package/dist/utils/accessibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../src/utils/accessibility.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,wBAAgB,yBAAyB,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,QAWrE;AAED,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAA;AACpF,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,WAAW,EAAE,CAAA;AAE5D,UAAU,YAAY;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAWD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,WAAW,GAAG,QAAQ,GAAG,IAAI,GAAG,SAAS,EAAE,EAAE,QAAa,EAAE,MAAM,EAAE,GAAE,YAAiB,QAkB/H;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,WAYnD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,QAO9D"}

package/dist/utils/accessibility.js

@@ -0,0 +1,123 @@
+/**
+ * Important for accessibility.
+ *
+ * Makes it so we focus the next focusable element in the DOM hierarchy, disregarding the element passed as parameter and its children.
+ *
+ * If there's no next focusable element, the first focusable element of the page will be focused. If the page doesn't contain any focusable
+ * element, nothing happens.
+ *
+ * @param current the reference element to focus the next. If not provided, will be the currently active element.
+ */
+export function focusNextIgnoringChildren(current) {
+    current = current ?? document.activeElement;
+    while (current && !current.nextElementSibling) {
+        current = current?.parentElement;
+    }
+    current = current?.nextElementSibling;
+    while (current && current.tabIndex < 0) {
+        current = (current.children.length ? current.firstChild : current.nextElementSibling);
+    }
+    if (current)
+        current?.focus?.();
+    else
+        focusFirstChild(document);
+}
+const selectors = {
+    a: 'a[href]:not(:disabled)',
+    button: 'button:not(:disabled)',
+    input: 'input:not(:disabled):not([type="hidden"])',
+    select: 'textarea:not(:disabled)',
+    textarea: 'select:not(:disabled)',
+    other: '[tabindex]:not([tabindex="-1"])',
+};
+/**
+ * Focus the first focusable child of the element provided. If the element has no focusable child, nothing happens.
+ *
+ * A priority list can be passed in the second parameter, as an option. If it's provided, it will focus the first element according to the
+ * list.
+ *
+ * An ignore query selector can also be passed in the options parameter. If the first focusable element matches the query selector, the
+ * next element is focused instead.
+ *
+ * @example
+ * Suppose the children of element are: h1, button, p, input, select.
+ * 1. We don't pass a priority list. The focused element will be the button.
+ * 2. Our priority list is ['button']. The focused element will be the button.
+ * 3. Our priority list is ['input', 'button']. The focused element will be the input.
+ * 4. Our priority list is ['select', 'input']. The focused element will be the select.
+ * 5. Our priority list is [['select', 'input'], 'button']. The focused element will be the input.
+ *
+ * @param element the element to search a child to focus.
+ * @param options optional.
+ */
+export function focusFirstChild(element, { priority = [], ignore } = {}) {
+    const allFocusableTags = ['a', 'button', 'input', 'other', 'select', 'textarea'];
+    const focusableList = [
+        element?.querySelectorAll(allFocusableTags.map(t => selectors[t]).join(', ')),
+    ];
+    for (const p of priority) {
+        const tags = Array.isArray(p) ? p : [p];
+        const querySelectors = tags.map(t => selectors[t]);
+        focusableList.unshift(element?.querySelectorAll(querySelectors.join(', ')));
+    }
+    for (const focusable of focusableList ?? []) {
+        for (const f of focusable ?? []) {
+            if (!ignore || !f.matches(ignore)) {
+                const styles = window.getComputedStyle(f);
+                if (styles.display != 'none' && styles.visibility != 'hidden')
+                    return f.focus();
+            }
+        }
+    }
+}
+/**
+ * Checks if an element can receive focus.
+ *
+ * Elements can receive focus only if:
+ * - they exist;
+ * - they're visible;
+ * - they're not disabled;
+ * - they are a focusable tag name or have a positive tab index;
+ * - they don't have a negative tab index.
+ * @param element the element to check.
+ * @returns true if the element is focusable, false otherwise.
+ */
+export function isFocusable(element) {
+    if (!element)
+        return false;
+    // is disabled: return false
+    if (element.ariaDisabled || element.getAttribute('disabled') !== null)
+        return false;
+    // is invisible: return false
+    if (!element.checkVisibility({ checkOpacity: true, checkVisibilityCSS: true }))
+        return false;
+    // has tab index: return false if negative, true otherwise
+    const tabIndexStr = element.getAttribute('tabindex');
+    const tabIndex = tabIndexStr ? parseInt(tabIndexStr) : undefined;
+    if (tabIndex !== undefined)
+        return tabIndex >= 0;
+    // check the tag name
+    return ['a', 'button', 'input', 'iframe', 'select', 'textarea'].includes(element.tagName.toLowerCase() ?? '');
+}
+/**
+ * Focus the element passed as parameter if it can receive focus. Otherwise, decides on another element to focus based on the HTML tree
+ * and accessibility attributes.
+ *
+ * Decision making:
+ * - If the element is focusable, focus it.
+ * - If the element is not focusable, check if it has an id and if another element controls it (aria-controls).
+ * - If the element is controlled by another, try to focus the controller, based in this same algorithm.
+ * - Otherwise, try to focus its parent.
+ *
+ * If no focusable element is found. Nothing happens.
+ * @param element the element to focus.
+ */
+export function focusAccessibleElement(element) {
+    let elementToFocus = element;
+    while (elementToFocus && !isFocusable(elementToFocus)) {
+        const controlledBy = elementToFocus.id ? document.querySelector(`[aria-controls="${elementToFocus.id}"]`) : undefined;
+        elementToFocus = (controlledBy ?? elementToFocus.parentElement);
+    }
+    elementToFocus?.focus?.();
+}
+//# sourceMappingURL=accessibility.js.map

package/dist/utils/accessibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessibility.js","sourceRoot":"","sources":["../../src/utils/accessibility.ts"],"names":[],"mappings":"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"}

package/dist/utils/cookie.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Setup the cookie utilities to use a another domain. By default, it's based on *.stackspot.com.
+ * @param domainRegex the regex to identify the domain. Example: {@link DEFAULT_DOMAIN_REGEX}.
+ */
+export declare function setupCookies(domainRegex: RegExp): void;
+/**
+ * Retrieves the current domain used for cookies. To change the domain, use `setupCookies(domainRegex)`.
+ * @returns the current cookie domain.
+ */
+export declare function getCookieDomain(): string;
+/**
+ * Get all cookies as an object where the keys are the cookie names and the values are the respective cookie values.
+ * @returns a map of cookie name to cookie value.
+ */
+export declare function getCookies(): Record<string, string | undefined>;
+/**
+ * Sets the value of a cookie.
+ * @param key the cookie name (identifier).
+ * @param value the cookie value.
+ * @param customAttributes Accepted values: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie#attributes.
+ */
+export declare function setCookie(key: string, value: string, customAttributes?: Record<string, string>): void;
+/**
+ * Removes a cookie.
+ * @param key the cookie name (identifier).
+ */
+export declare function removeCookie(key: string): void;
+/**
+ * Retrieves the value of a cookie given its key/name.
+ * @param key the cookie name (identifier).
+ * @returns the cookie value or undefined, if the cookie doesn't exist.
+ */
+export declare function getCookie(key: string): string | undefined;
+//# sourceMappingURL=cookie.d.ts.map

package/dist/utils/cookie.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie.d.ts","sourceRoot":"","sources":["../../src/utils/cookie.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,QAQ/C;AAED;;;GAGG;AACH,wBAAgB,eAAe,WAG9B;AAED;;;GAGG;AACH,wBAAgB,UAAU,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAO/D;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,gBAAgB,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,QAGlG;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,QAGvC;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,sBAEpC"}

package/dist/utils/cookie.js

@@ -0,0 +1,69 @@
+import { isEmpty } from 'lodash';
+const DEFAULT_DOMAIN_REGEX = new RegExp(/(\.*(prd|stg|dev)*.stackspot.com)|localhost/);
+let cookieDomain = '';
+let cookieAttributes = {};
+/**
+ * Setup the cookie utilities to use a another domain. By default, it's based on *.stackspot.com.
+ * @param domainRegex the regex to identify the domain. Example: {@link DEFAULT_DOMAIN_REGEX}.
+ */
+export function setupCookies(domainRegex) {
+    const portalUrl = new URL(location.href);
+    cookieDomain = domainRegex.exec(portalUrl.host)?.[0] ?? '';
+    cookieAttributes = { domain: cookieDomain, SameSite: 'Strict' };
+    // Add Secure attribute if using HTTPS
+    if (portalUrl.protocol === 'https:') {
+        cookieAttributes['Secure'] = '';
+    }
+}
+/**
+ * Retrieves the current domain used for cookies. To change the domain, use `setupCookies(domainRegex)`.
+ * @returns the current cookie domain.
+ */
+export function getCookieDomain() {
+    if (isEmpty(cookieAttributes))
+        setupCookies(DEFAULT_DOMAIN_REGEX);
+    return cookieDomain;
+}
+/**
+ * Get all cookies as an object where the keys are the cookie names and the values are the respective cookie values.
+ * @returns a map of cookie name to cookie value.
+ */
+export function getCookies() {
+    if (isEmpty(cookieAttributes))
+        setupCookies(DEFAULT_DOMAIN_REGEX);
+    return document.cookie.split('; ').reduce((result, current) => {
+        const [name, ...value] = current.split('=');
+        result[name] = value.join('=');
+        return result;
+    }, {});
+}
+/**
+ * Sets the value of a cookie.
+ * @param key the cookie name (identifier).
+ * @param value the cookie value.
+ * @param customAttributes Accepted values: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie#attributes.
+ */
+export function setCookie(key, value, customAttributes = {}) {
+    if (isEmpty(cookieAttributes))
+        setupCookies(DEFAULT_DOMAIN_REGEX);
+    document.cookie = `${key}=${value};${objectToCookieString({ ...cookieAttributes, ...customAttributes })}`;
+}
+/**
+ * Removes a cookie.
+ * @param key the cookie name (identifier).
+ */
+export function removeCookie(key) {
+    if (isEmpty(cookieAttributes))
+        setupCookies(DEFAULT_DOMAIN_REGEX);
+    document.cookie = `${key}=;${objectToCookieString({ ...cookieAttributes, expires: 'Thu, 01 Jan 1970 00:00:00 GMT' })}`;
+}
+/**
+ * Retrieves the value of a cookie given its key/name.
+ * @param key the cookie name (identifier).
+ * @returns the cookie value or undefined, if the cookie doesn't exist.
+ */
+export function getCookie(key) {
+    return getCookies()[key];
+}
+const objectToCookieString = (object) => Object.entries(object).reduce((prev, [k, v]) => `${prev} ${k}${v !== '' ? `=${v}` : ''};`, '').trim();
+//# sourceMappingURL=cookie.js.map

package/dist/utils/cookie.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie.js","sourceRoot":"","sources":["../../src/utils/cookie.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,MAAM,oBAAoB,GAAG,IAAI,MAAM,CAAC,6CAA6C,CAAC,CAAA;AACtF,IAAI,YAAY,GAAG,EAAE,CAAA;AACrB,IAAI,gBAAgB,GAA2B,EAAE,CAAA;AAEjD;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,WAAmB;IAC9C,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IACxC,YAAY,GAAG,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAA;IAC1D,gBAAgB,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAA;IAC/D,sCAAsC;IACtC,IAAI,SAAS,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;QACpC,gBAAgB,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAA;IACjC,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe;IAC7B,IAAI,OAAO,CAAC,gBAAgB,CAAC;QAAE,YAAY,CAAC,oBAAoB,CAAC,CAAA;IACjE,OAAO,YAAY,CAAA;AACrB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,UAAU;IACxB,IAAI,OAAO,CAAC,gBAAgB,CAAC;QAAE,YAAY,CAAC,oBAAoB,CAAC,CAAA;IACjE,OAAO,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE;QAC5D,MAAM,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QAC3C,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAC9B,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,EAA4B,CAAC,CAAA;AAClC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAC,GAAW,EAAE,KAAa,EAAE,mBAA2C,EAAE;IACjG,IAAI,OAAO,CAAC,gBAAgB,CAAC;QAAE,YAAY,CAAC,oBAAoB,CAAC,CAAA;IACjE,QAAQ,CAAC,MAAM,GAAG,GAAG,GAAG,IAAI,KAAK,IAAI,oBAAoB,CAAC,EAAE,GAAG,gBAAgB,EAAE,GAAG,gBAAgB,EAAE,CAAC,EAAE,CAAA;AAC3G,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,GAAW;IACtC,IAAI,OAAO,CAAC,gBAAgB,CAAC;QAAE,YAAY,CAAC,oBAAoB,CAAC,CAAA;IACjE,QAAQ,CAAC,MAAM,GAAG,GAAG,GAAG,KAAK,oBAAoB,CAAC,EAAE,GAAG,gBAAgB,EAAE,OAAO,EAAE,+BAA+B,EAAE,CAAC,EAAE,CAAA;AACxH,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,GAAW;IACnC,OAAO,UAAU,EAAE,CAAC,GAAG,CAAC,CAAA;AAC1B,CAAC;AAED,MAAM,oBAAoB,GAAG,CAAC,MAA8B,EAAU,EAAE,CACtE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAA"}

package/dist/utils/promise.d.ts

@@ -0,0 +1,2 @@
+export declare function delay(ms: number): Promise<unknown>;
+//# sourceMappingURL=promise.d.ts.map

package/dist/utils/promise.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"promise.d.ts","sourceRoot":"","sources":["../../src/utils/promise.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,oBAI/B"}

package/dist/utils/promise.js

@@ -0,0 +1,6 @@
+export function delay(ms) {
+    return new Promise((resolve) => {
+        setTimeout(resolve, ms);
+    });
+}
+//# sourceMappingURL=promise.js.map

package/dist/utils/promise.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"promise.js","sourceRoot":"","sources":["../../src/utils/promise.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,KAAK,CAAC,EAAU;IAC9B,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;IACzB,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/dist/utils/read-file.d.ts

@@ -0,0 +1,2 @@
+export declare function readFile(file: File, isJson?: boolean): Promise<string | undefined>;
+//# sourceMappingURL=read-file.d.ts.map

package/dist/utils/read-file.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"read-file.d.ts","sourceRoot":"","sources":["../../src/utils/read-file.ts"],"names":[],"mappings":"AAAA,wBAAsB,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,UAAQ,GAAG,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAetF"}

package/dist/utils/read-file.js

@@ -0,0 +1,14 @@
+export async function readFile(file, isJson = false) {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = (e) => {
+            const content = e.target?.result;
+            resolve(isJson ? JSON.parse(content) : content);
+        };
+        reader.onerror = (e) => {
+            reject(e);
+        };
+        reader.readAsText(file);
+    });
+}
+//# sourceMappingURL=read-file.js.map

package/dist/utils/read-file.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"read-file.js","sourceRoot":"","sources":["../../src/utils/read-file.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,KAAK,UAAU,QAAQ,CAAC,IAAU,EAAE,MAAM,GAAG,KAAK;IACvD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAA;QAE/B,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,EAAE;YACpB,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,MAAgB,CAAA;YAC1C,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;QACjD,CAAC,CAAA;QAED,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE;YACrB,MAAM,CAAC,CAAC,CAAC,CAAA;QACX,CAAC,CAAA;QAED,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;IACzB,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/package.dev.json

@@ -0,0 +1,3 @@
+{
+  "version": "1.0.0-dev.{timestamp}"
+}

package/package.json

@@ -1,30 +1,58 @@
 {
   "name": "@stack-spot/portal-components",
-  "version": "0.0.18",
+  "version": "1.0.0-dev.1768482754546",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": "./dist/index.js",
+    "./Breadcrumb": "./dist/components/Breadcrumb/index.js",
+    "./SelectionList": "./dist/components/SelectionList.js",
+    "./LazyMarkdown": "./dist/components/LazyMarkdown/index.js",
+    "./CodeViewer": "./dist/components/LazyMarkdown/CodeViewer.js",
+    "./Notifications": "./dist/notifications.js",
+    "./NotificationPage": "./dist/containers/NotificationsPage.js",
+    "./StatusCircle": "./dist/components/StatusCircle.js",
+    "./InfiniteScroll": "./dist/components/InfiniteScroll.js",
+    "./Placeholder": "./dist/components/Placeholder.js",
+    "./ScrollView": "./dist/components/ScrollView.js",
+    "./svg": "./dist/svg/index.js",
+    "./anchor": "./dist/context/anchor.js",
+    "./loading": "./dist/context/loading.js",
+    "./error": "./dist/components/error/index.js",
+    "./AnimatedHeight": "./dist/components/AnimatedHeight.js",
+    "./SearchInput": "./dist/components/form/SearchInput.js",
+    "./Select": "./dist/components/form/Select/index.js",
+    "./Stepper": "./dist/components/Stepper/index.js",
+    "./FileTreeView": "./dist/components/FileTreeView/index.js",
+    "./FadingOverflow": "./dist/components/FadingOverflow.js",
+    "./Table": "./dist/components/Table/index.js",
+    "./ContentValidateFilter": "./dist/components/ContentValidateFilter.js",
+    "./Form": "./dist/components/form/Form/index.js"
+  },
   "scripts": {
-    "build": "tsc && tsc-esm-fix --target='dist'",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
+    "build": "pnpm package-override --revert=false && rimraf dist && tsc && tsc-esm-fix --target='dist'",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "check-tree-shaking": "agadoo"
   },
   "peerDependencies": {
-    "@citric/core": ">=6.0.0",
-    "@citric/icons": ">=5.4.0",
-    "@citric/ui": ">=5.4.0",
-    "@stack-spot/portal-theme": ">=1.0.0",
-    "@stack-spot/portal-translate": ">=1.0.0",
-    "react": ">=18.2.0",
-    "react-dom": ">=18.2.0",
-    "styled-components": ">=6.1.10"
+    "@citric/core": "^6.5.1",
+    "@citric/icons": "^5.10.0",
+    "@citric/ui": "^6.10.1",
+    "@stack-spot/portal-theme": "^1.1.1",
+    "@stack-spot/portal-translate": "^2.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
+    "@stack-spot/build-tools": "^1.2.4",
     "@types/lodash": "^4.14.202",
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
-    "@types/reactour": "^1.18.5",
+    "@types/react-syntax-highlighter": "^15.5.13",
     "@typescript-eslint/eslint-plugin": "^6.10.0",
     "@typescript-eslint/parser": "^6.10.0",
+    "agadoo": "^3.0.0",
     "eslint": "^8.53.0",
     "eslint-plugin-filenames": "^1.3.2",
     "eslint-plugin-import": "^2.29.0",
@@ -33,12 +61,23 @@
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.4",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "rimraf": "^5.0.7",
+    "styled-components": "6.1.10",
     "tsc-esm-fix": "^2.20.26",
     "typescript": "^5.2.2"
   },
   "dependencies": {
+    "date-fns": "^3.6.0",
     "lodash": "^4.17.21",
-    "react-toastify": "^9.1.3",
-    "reactour": "^1.19.3"
+    "react-hook-form": "^7.55.0",
+    "react-infinite-scroll-component": "^6.1.0",
+    "react-markdown": "^9.0.1",
+    "react-select": "^5.10.0",
+    "react-syntax-highlighter": "^15.5.0",
+    "rehype-raw": "^7.0.0",
+    "remark-breaks": "^4.0.0",
+    "remark-gfm": "^4.0.0"
   }
 }

package/package.stg.json

@@ -0,0 +1,3 @@
+{
+  "version": "1.0.0-stg.{timestamp}"
+}

package/readme.md

@@ -1,24 +1,66 @@
 # Components
-Although this lib is called components, it may also contain hooks and containers.
+A collection of UI components, hooks, SVG images, utilities and variables shared among Stackspot web projects.
 
-This library was made in order to share common components, containers and hooks among Stack Spot projects.
-
-What about the Design System (DS)? Some components here may be upgraded to the design system level eventually. But this is a place where we can have any kind of component, despite it belonging to a DS or not.
+What about the Design System (DS)? Some components here may be upgraded to the design system level eventually. But this is a place where we
+can have any kind of component, despite it belonging to a DS or not.
 
 ## Presentation components
 These are pure functions, i.e. they rely only in their inputs to render the UI. Furthermore, they don't have any collateral effect.
 
-Exceptions: translations are the only exception here. These components can access the current language without having it passed as parameter.
-
-- BreadcrumbList: renders a list of breadcrumb navigation items.
-
-## Containers
-Containers are components that can access more than what has been passed as parameter. They can also have collateral effects.
+Exceptions: translations are the only exception here. These components can access the current language without having it passed as
+parameter.
 
-We don't have any containers yet.
+- `BreadcrumbList`: renders a list of breadcrumb navigation items. Must be imported from `@stack-spot/portal-components/Breadcrumb`.
+- `BannerWarning`: a yellow alert box with an exclamation icon and the content passed as parameter. Used for warning messages.
+- `ChatBot`: an orange circular button that can toggle the chat window from Service Now. The button has a chat icon when the window is
+closed and a close icon when it's open.
+- `ErrorFeedback`: a box with an icon and an error message. This is used for giving error feedbacks to the user.
+- `SelectionList`: a selection UI that allows the selection of one single item. These items can be divided in sections (groups). This
+component is highly customizable and has lots of accessibility features implemented.
+- `AnchorProvider`: a way to provide an anchor component (links) to be used by Stackspot libraries. This allows these libraries not to be
+coupled with an specific React navigators. To retrieve the component, use `useLinkComponent`. Must be imported from
+`@stack-spot/portal-components/anchor`.
 
 ## Hooks
+
 These are useful react hooks shared among the StackSpot portals.
 
-- `useEffectOnce()`: runs an effect only once, when the component is mounted. This prevents React from running the effect twice when in development mode.
-- `useTitleEffect(title)`: changes the title for the current page. The title is returned to its original value as soon as the component is unmounted.
+- `useEffectOnce()`: runs an effect only once, when the component is mounted. This prevents React from running the effect twice when in
+development mode.
+- `useTitleEffect(title)`: changes the title for the current page. The title is returned to its original value as soon as the component is
+unmounted.
+- `useCheckTextOverflow()`: checks if the text fits completely in the space available.
+- `useLinkComponent()`: retrieves the anchor component declared at the closest `AnchorProvider`. If no component was provided, returns a
+component that renders the HTML `<a>` tag directly. This is useful for integration with navigators for React. Must be imported from
+`@stack-spot/portal-components/anchor`.
+- `useKeyboardControls(options)`: creates listeners for controlling a Menu UI through the keyboard (up, down, tab, esc, enter).
+- `useServiceNowEffect(options)`, `useServiceNowChatButtonVisibility()`: Service Now hooks (chat capabilities).
+
+## SVG images
+Some SVG images are exported as React components at `@stack-spot/portal-components/svg`.
+
+## Utilities and variables
+These are useful functions shared among the StackSpot portals.
+
+#### Accessibility
+- `focusNextIgnoringChildren(element)`: focus the next element in the hierarchy, ignoring the children of the element passed as parameter.
+- `focusFirstChild(element, options)`: focus the first child of element that is focusable according to the options.
+- `isFocusable(element)`: checks if the element can receive focus.
+- `focusAccessibleElement(element)`: tries to focus the element passed as parameter, but if it's not focusable, finds another element to
+focus according to accessibility rules.
+
+#### Cookie
+- `setupCookies(domainRegex)`: setup a domain regex for the cookies. Use this if the domain is different than localhost or *.stackspot.com.
+- `getCookies()`: retrieves an object with all the cookies.
+- `getCookie(name)`: same as `getCookies()[name]`.
+- `setCookie(name, value)`: sets the value of a cookie.
+- `removeCookie(name)`: removes a cookie.
+
+#### Other
+- `isNewTourStep(step)`, `hasFinishedTourStep(key)`, `tourStepBuilder(options)`, `defaultTourConfig`: related to React Tour (tutorial).
+- `openServiceNowChat()`, `serviceNowDictionary`: related to Service Now chat service.
+
+# Developer notes
+- Since not every component in this library will be used by every project. This library must be tree-shakeable! Before committing, make sure
+`pnpm check-tree-shaking` passes.
+