@flipdish/ui-library 0.35.2 → 0.36.1

package/dist/components/molecules/Pagination/components/PaginationBase.js

@@ -1,104 +1,12 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
-import { createContext, useState, useCallback, useEffect, useContext, isValidElement, cloneElement } from 'react';
+import { createContext, useContext, isValidElement, cloneElement } from 'react';
+import { createPaginationItems } from '../pagination.utils.js';
 
 const PaginationContext = createContext(undefined);
 const PaginationRoot = ({ total, siblingCount = 1, page, onPageChange, children, style, className, 'data-testid': dataTestId, }) => {
-    const [pages, setPages] = useState([]);
     const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'pagination', rootName: 'pagination' });
-    const createPaginationItems = useCallback(() => {
-        const items = [];
-        // Calculate the maximum number of pagination elements (pages, potential ellipsis, first and last) to show
-        const totalPageNumbers = siblingCount * 2 + 5;
-        // If the total number of items to show is greater than or equal to the total pages,
-        // we can simply list all pages without needing to collapse with ellipsis
-        if (totalPageNumbers >= total) {
-            for (let i = 1; i <= total; i++) {
-                items.push({
-                    type: 'page',
-                    value: i,
-                    isCurrent: i === page,
-                });
-            }
-        }
-        else {
-            // Calculate left and right sibling boundaries around the current page
-            const leftSiblingIndex = Math.max(page - siblingCount, 1);
-            const rightSiblingIndex = Math.min(page + siblingCount, total);
-            // Determine if we need to show ellipsis on either side
-            const showLeftEllipsis = leftSiblingIndex > 2;
-            const showRightEllipsis = rightSiblingIndex < total - 1;
-            // Case 1: No left ellipsis, but right ellipsis is needed
-            if (!showLeftEllipsis && showRightEllipsis) {
-                // Calculate how many page numbers to show starting from the beginning
-                const leftItemCount = siblingCount * 2 + 3;
-                const leftRange = range(1, leftItemCount);
-                // biome-ignore lint/suspicious/useIterableCallbackReturn: This is a side effect
-                leftRange.forEach((pageNum) => items.push({
-                    type: 'page',
-                    value: pageNum,
-                    isCurrent: pageNum === page,
-                }));
-                // Insert ellipsis after the left range and add the last page
-                items.push({ type: 'ellipsis', key: leftItemCount + 1 });
-                items.push({
-                    type: 'page',
-                    value: total,
-                    isCurrent: total === page,
-                });
-            }
-            // Case 2: Left ellipsis needed, but right ellipsis is not needed
-            else if (showLeftEllipsis && !showRightEllipsis) {
-                // Determine how many items from the end should be shown
-                const rightItemCount = siblingCount * 2 + 3;
-                const rightRange = range(total - rightItemCount + 1, total);
-                // Always show the first page, then add an ellipsis to indicate skipped pages
-                items.push({
-                    type: 'page',
-                    value: 1,
-                    isCurrent: page === 1,
-                });
-                items.push({ type: 'ellipsis', key: total - rightItemCount });
-                // biome-ignore lint/suspicious/useIterableCallbackReturn: This is a side effect
-                rightRange.forEach((pageNum) => items.push({
-                    type: 'page',
-                    value: pageNum,
-                    isCurrent: pageNum === page,
-                }));
-            }
-            // Case 3: Both left and right ellipsis are needed
-            else if (showLeftEllipsis && showRightEllipsis) {
-                // Always show the first page
-                items.push({
-                    type: 'page',
-                    value: 1,
-                    isCurrent: page === 1,
-                });
-                // Insert left ellipsis after the first page
-                items.push({ type: 'ellipsis', key: leftSiblingIndex - 1 });
-                // Show a range of pages around the current page
-                const middleRange = range(leftSiblingIndex, rightSiblingIndex);
-                // biome-ignore lint/suspicious/useIterableCallbackReturn: This is a side effect
-                middleRange.forEach((pageNum) => items.push({
-                    type: 'page',
-                    value: pageNum,
-                    isCurrent: pageNum === page,
-                }));
-                // Insert right ellipsis and finally the last page
-                items.push({ type: 'ellipsis', key: rightSiblingIndex + 1 });
-                items.push({
-                    type: 'page',
-                    value: total,
-                    isCurrent: total === page,
-                });
-            }
-        }
-        return items;
-    }, [total, siblingCount, page]);
-    useEffect(() => {
-        const paginationItems = createPaginationItems();
-        setPages(paginationItems);
-    }, [createPaginationItems]);
+    const pages = createPaginationItems({ total, siblingCount, page });
     const onPageChangeHandler = (newPage) => {
         onPageChange?.(newPage);
     };
@@ -111,16 +19,6 @@ const PaginationRoot = ({ total, siblingCount = 1, page, onPageChange, children,
     };
     return (jsx(PaginationContext.Provider, { value: paginationContextValue, children: jsx("nav", { "aria-label": "Pagination Navigation", "data-testid": rootTestId, style: style, className: className, children: children }) }));
 };
-/**
- * Creates an array of numbers from start to end.
- * @param start - The start number.
- * @param end - The end number.
- * @returns An array of numbers from start to end.
- */
-const range = (start, end) => {
-    const length = end - start + 1;
-    return Array.from({ length }, (_, index) => index + start);
-};
 const Trigger = ({ children, style, className, asChild = false, direction, ariaLabel }) => {
     const context = useContext(PaginationContext);
     if (!context) {

package/dist/components/molecules/Pagination/components/PaginationBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationBase.js","sources":["../../../../../src/components/molecules/Pagination/components/PaginationBase.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment"],"mappings":"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"}
+{"version":3,"file":"PaginationBase.js","sources":["../../../../../src/components/molecules/Pagination/components/PaginationBase.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment"],"mappings":"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"}

package/dist/components/molecules/Pagination/pagination.utils.cjs

@@ -0,0 +1,89 @@
+'use strict';
+
+const range = (start, end) => {
+    const length = end - start + 1;
+    return Array.from({ length }, (_, index) => index + start);
+};
+/**
+ * Chooses the page numbers and ellipses shown between the previous and next controls.
+ *
+ * @param options Current page, total pages and how many siblings stay beside the current page.
+ * @returns Items in display order. Every page is listed when they fit; otherwise a run at the start or the end collapses behind one ellipsis, and a page in the middle keeps both.
+ */
+const createPaginationItems = ({ page, total, siblingCount }) => {
+    const items = [];
+    // Current page, one sibling run on each side, the first and last pages, and two ellipses.
+    const totalPageNumbers = siblingCount * 2 + 5;
+    if (totalPageNumbers >= total) {
+        for (let i = 1; i <= total; i++) {
+            items.push({
+                type: 'page',
+                value: i,
+                isCurrent: i === page,
+            });
+        }
+        return items;
+    }
+    const leftSiblingIndex = Math.max(page - siblingCount, 1);
+    const rightSiblingIndex = Math.min(page + siblingCount, total);
+    const showLeftEllipsis = leftSiblingIndex > 2;
+    const showRightEllipsis = rightSiblingIndex < total - 1;
+    if (!showLeftEllipsis && showRightEllipsis) {
+        const leftItemCount = siblingCount * 2 + 3;
+        for (const pageNum of range(1, leftItemCount)) {
+            items.push({
+                type: 'page',
+                value: pageNum,
+                isCurrent: pageNum === page,
+            });
+        }
+        items.push({ type: 'ellipsis', key: leftItemCount + 1 });
+        items.push({
+            type: 'page',
+            value: total,
+            isCurrent: total === page,
+        });
+    }
+    else if (showLeftEllipsis && !showRightEllipsis) {
+        const rightItemCount = siblingCount * 2 + 3;
+        const rightRange = range(total - rightItemCount + 1, total);
+        items.push({
+            type: 'page',
+            value: 1,
+            isCurrent: page === 1,
+        });
+        items.push({ type: 'ellipsis', key: total - rightItemCount });
+        for (const pageNum of rightRange) {
+            items.push({
+                type: 'page',
+                value: pageNum,
+                isCurrent: pageNum === page,
+            });
+        }
+    }
+    else if (showLeftEllipsis && showRightEllipsis) {
+        items.push({
+            type: 'page',
+            value: 1,
+            isCurrent: page === 1,
+        });
+        items.push({ type: 'ellipsis', key: leftSiblingIndex - 1 });
+        for (const pageNum of range(leftSiblingIndex, rightSiblingIndex)) {
+            items.push({
+                type: 'page',
+                value: pageNum,
+                isCurrent: pageNum === page,
+            });
+        }
+        items.push({ type: 'ellipsis', key: rightSiblingIndex + 1 });
+        items.push({
+            type: 'page',
+            value: total,
+            isCurrent: total === page,
+        });
+    }
+    return items;
+};
+
+exports.createPaginationItems = createPaginationItems;
+//# sourceMappingURL=pagination.utils.cjs.map

package/dist/components/molecules/Pagination/pagination.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.utils.cjs","sources":["../../../../src/components/molecules/Pagination/pagination.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/molecules/Pagination/pagination.utils.d.ts

@@ -0,0 +1,32 @@
+/** One numbered page in the window between the previous and next controls. */
+export interface PaginationPageItem {
+    type: 'page';
+    /** 1-based page number. */
+    value: number;
+    /** Whether this page is the one currently selected. */
+    isCurrent: boolean;
+}
+/** A collapsed gap. `key` is the page number on the collapsed side of the visible window. */
+export interface PaginationEllipsisItem {
+    type: 'ellipsis';
+    key: number;
+}
+/** A page button or an ellipsis, in the order the numbered row renders them. */
+export type PaginationWindowItem = PaginationPageItem | PaginationEllipsisItem;
+/** Inputs that decide which page numbers stay visible. */
+export interface PaginationWindowOptions {
+    /** 1-based page currently selected. A page outside `1..total` selects nothing. */
+    page: number;
+    /** Total number of pages. `0` yields no items. */
+    total: number;
+    /** How many pages stay visible on each side of the current page before the row collapses. */
+    siblingCount: number;
+}
+/**
+ * Chooses the page numbers and ellipses shown between the previous and next controls.
+ *
+ * @param options Current page, total pages and how many siblings stay beside the current page.
+ * @returns Items in display order. Every page is listed when they fit; otherwise a run at the start or the end collapses behind one ellipsis, and a page in the middle keeps both.
+ */
+export declare const createPaginationItems: ({ page, total, siblingCount }: PaginationWindowOptions) => PaginationWindowItem[];
+//# sourceMappingURL=pagination.utils.d.ts.map

package/dist/components/molecules/Pagination/pagination.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Pagination/pagination.utils.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,6FAA6F;AAC7F,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,UAAU,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,gFAAgF;AAChF,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,GAAG,sBAAsB,CAAC;AAE/E,0DAA0D;AAC1D,MAAM,WAAW,uBAAuB;IACtC,kFAAkF;IAClF,IAAI,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,6FAA6F;IAC7F,YAAY,EAAE,MAAM,CAAC;CACtB;AAQD;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,GAAI,+BAA+B,uBAAuB,KAAG,oBAAoB,EAgFlH,CAAC"}

package/dist/components/molecules/Pagination/pagination.utils.js

@@ -0,0 +1,87 @@
+const range = (start, end) => {
+    const length = end - start + 1;
+    return Array.from({ length }, (_, index) => index + start);
+};
+/**
+ * Chooses the page numbers and ellipses shown between the previous and next controls.
+ *
+ * @param options Current page, total pages and how many siblings stay beside the current page.
+ * @returns Items in display order. Every page is listed when they fit; otherwise a run at the start or the end collapses behind one ellipsis, and a page in the middle keeps both.
+ */
+const createPaginationItems = ({ page, total, siblingCount }) => {
+    const items = [];
+    // Current page, one sibling run on each side, the first and last pages, and two ellipses.
+    const totalPageNumbers = siblingCount * 2 + 5;
+    if (totalPageNumbers >= total) {
+        for (let i = 1; i <= total; i++) {
+            items.push({
+                type: 'page',
+                value: i,
+                isCurrent: i === page,
+            });
+        }
+        return items;
+    }
+    const leftSiblingIndex = Math.max(page - siblingCount, 1);
+    const rightSiblingIndex = Math.min(page + siblingCount, total);
+    const showLeftEllipsis = leftSiblingIndex > 2;
+    const showRightEllipsis = rightSiblingIndex < total - 1;
+    if (!showLeftEllipsis && showRightEllipsis) {
+        const leftItemCount = siblingCount * 2 + 3;
+        for (const pageNum of range(1, leftItemCount)) {
+            items.push({
+                type: 'page',
+                value: pageNum,
+                isCurrent: pageNum === page,
+            });
+        }
+        items.push({ type: 'ellipsis', key: leftItemCount + 1 });
+        items.push({
+            type: 'page',
+            value: total,
+            isCurrent: total === page,
+        });
+    }
+    else if (showLeftEllipsis && !showRightEllipsis) {
+        const rightItemCount = siblingCount * 2 + 3;
+        const rightRange = range(total - rightItemCount + 1, total);
+        items.push({
+            type: 'page',
+            value: 1,
+            isCurrent: page === 1,
+        });
+        items.push({ type: 'ellipsis', key: total - rightItemCount });
+        for (const pageNum of rightRange) {
+            items.push({
+                type: 'page',
+                value: pageNum,
+                isCurrent: pageNum === page,
+            });
+        }
+    }
+    else if (showLeftEllipsis && showRightEllipsis) {
+        items.push({
+            type: 'page',
+            value: 1,
+            isCurrent: page === 1,
+        });
+        items.push({ type: 'ellipsis', key: leftSiblingIndex - 1 });
+        for (const pageNum of range(leftSiblingIndex, rightSiblingIndex)) {
+            items.push({
+                type: 'page',
+                value: pageNum,
+                isCurrent: pageNum === page,
+            });
+        }
+        items.push({ type: 'ellipsis', key: rightSiblingIndex + 1 });
+        items.push({
+            type: 'page',
+            value: total,
+            isCurrent: total === page,
+        });
+    }
+    return items;
+};
+
+export { createPaginationItems };
+//# sourceMappingURL=pagination.utils.js.map

package/dist/components/molecules/Pagination/pagination.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.utils.js","sources":["../../../../src/components/molecules/Pagination/pagination.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/native/components/atoms/Badge/Badge.styles.d.ts

@@ -0,0 +1,236 @@
+import type { DotColor } from '@flipdish/ui-library/components/atoms/Dot';
+import type { BadgeColors, BadgeTypes, Sizes } from './badge.types';
+/** React Native colour set for one badge colour: `View` classes plus the hex values `Text` and icons need. */
+export type NativeTone = {
+    bg: string;
+    border: string;
+    text: string;
+    addon: string;
+    button: string;
+    buttonPressed: string;
+    buttonPressedBg: string;
+};
+export type BadgeColorStyles = {
+    root: string;
+    addon: string;
+    dotColor: DotColor;
+    addonButton: string;
+};
+/**
+ * Shared `Badge` style config, read by `index.tsx` (and by `index.native.tsx` once it exists).
+ *
+ * `types.standard` serves `Badge`, `BadgeWithFlag`, `BadgeWithImage`, `BadgeWithButton` and `BadgeIcon`:
+ * its `modern` type only offers `gray`, with the fill in `root`. `types.addon` serves `BadgeWithDot`
+ * and `BadgeWithIcon`: its `modern` type takes every colour, which tints only the dot or icon while
+ * the fill sits in `common`.
+ *
+ * Complete literal class names, never template literals — Tailwind scans source for whole candidates.
+ */
+export declare const styles: {
+    types: {
+        standard: {
+            "pill-color": {
+                common: string;
+                styles: Record<BadgeColors, BadgeColorStyles>;
+            };
+            color: {
+                common: string;
+                styles: Record<BadgeColors, BadgeColorStyles>;
+            };
+            modern: {
+                common: string;
+                styles: {
+                    gray: {
+                        root: string;
+                        addon: string;
+                        dotColor: "fg-quaternary";
+                        addonButton: string;
+                    };
+                };
+            };
+        };
+        addon: {
+            "pill-color": {
+                common: string;
+                styles: Record<BadgeColors, BadgeColorStyles>;
+            };
+            color: {
+                common: string;
+                styles: Record<BadgeColors, BadgeColorStyles>;
+            };
+            modern: {
+                common: string;
+                styles: Record<BadgeColors, Omit<BadgeColorStyles, "addonButton">>;
+            };
+        };
+    };
+    sizes: {
+        label: Record<BadgeTypes, Record<Sizes, string>>;
+        dot: Record<BadgeTypes, Record<Sizes, string>>;
+        icon: Record<BadgeTypes, Record<Sizes, {
+            trailing: string;
+            leading: string;
+        }>>;
+        /** Shared by `BadgeWithFlag` and `BadgeWithImage`, whose media sits flush to the leading edge. */
+        media: Record<BadgeTypes, Record<Sizes, string>>;
+        button: Record<BadgeTypes, Record<Sizes, string>>;
+        iconOnly: Record<BadgeTypes, Record<Sizes, string>>;
+    };
+    /**
+     * React Native only. Text and icon colours are light-mode hex rather than tokens: `Text` ignores
+     * `className` under the current `react-native-css` preview (see `Avatar/index.native.tsx`) and an icon
+     * has no `currentColor` to inherit, so both take an explicit value, as `Button` does. `text` mirrors
+     * web's `*-700`, `addon` its `*-500`, and `button`, `buttonPressed` and `buttonPressedBg` the dismiss button's resting tint and `hover:` state.
+     * `bg` and `border` are classes because a `View` resolves them. Primitive hex values are
+     * Tailwind's, so they match web in light mode only.
+     */
+    native: {
+        common: {
+            "pill-color": string;
+            color: string;
+            modern: string;
+        };
+        colors: {
+            gray: {
+                bg: string;
+                border: string;
+                text: string;
+                addon: string;
+                button: string;
+                buttonPressed: string;
+                buttonPressedBg: string;
+            };
+            brand: {
+                bg: string;
+                border: string;
+                text: string;
+                addon: string;
+                button: string;
+                buttonPressed: string;
+                buttonPressedBg: string;
+            };
+            error: {
+                bg: string;
+                border: string;
+                text: string;
+                addon: string;
+                button: string;
+                buttonPressed: string;
+                buttonPressedBg: string;
+            };
+            warning: {
+                bg: string;
+                border: string;
+                text: string;
+                addon: string;
+                button: string;
+                buttonPressed: string;
+                buttonPressedBg: string;
+            };
+            success: {
+                bg: string;
+                border: string;
+                text: string;
+                addon: string;
+                button: string;
+                buttonPressed: string;
+                buttonPressedBg: string;
+            };
+            slate: {
+                bg: string;
+                border: string;
+                text: string;
+                addon: string;
+                button: string;
+                buttonPressed: string;
+                buttonPressedBg: string;
+            };
+            sky: {
+                bg: string;
+                border: string;
+                text: string;
+                addon: string;
+                button: string;
+                buttonPressed: string;
+                buttonPressedBg: string;
+            };
+            blue: {
+                bg: string;
+                border: string;
+                text: string;
+                addon: string;
+                button: string;
+                buttonPressed: string;
+                buttonPressedBg: string;
+            };
+            indigo: {
+                bg: string;
+                border: string;
+                text: string;
+                addon: string;
+                button: string;
+                buttonPressed: string;
+                buttonPressedBg: string;
+            };
+            purple: {
+                bg: string;
+                border: string;
+                text: string;
+                addon: string;
+                button: string;
+                buttonPressed: string;
+                buttonPressedBg: string;
+            };
+            pink: {
+                bg: string;
+                border: string;
+                text: string;
+                addon: string;
+                button: string;
+                buttonPressed: string;
+                buttonPressedBg: string;
+            };
+            orange: {
+                bg: string;
+                border: string;
+                text: string;
+                addon: string;
+                button: string;
+                buttonPressed: string;
+                buttonPressedBg: string;
+            };
+        };
+        /** The neutral `modern` fill; `text` is `text-secondary` and `addon` is `fg-quaternary`. */
+        modern: {
+            bg: string;
+            border: string;
+            text: string;
+            addon: string;
+            button: string;
+            buttonPressed: string;
+            buttonPressedBg: string;
+        };
+        /** Pixel size of the leading, trailing and dismiss icons — web's `size-3`. */
+        iconSize: number;
+        /** Stroke width of those icons, in the 24px icon viewBox — web's `stroke-3`. */
+        iconStrokeWidth: number;
+        /** Diameter of the image in `BadgeWithImage` — web's `size-4`. */
+        imageSize: number;
+        /** Label type scale, web's `text-xs` for `sm` and `text-sm` otherwise. */
+        text: {
+            sm: {
+                fontSize: number;
+                lineHeight: number;
+            };
+            md: {
+                fontSize: number;
+                lineHeight: number;
+            };
+            lg: {
+                fontSize: number;
+                lineHeight: number;
+            };
+        };
+    };
+};
+//# sourceMappingURL=Badge.styles.d.ts.map

package/dist/native/components/atoms/Badge/Badge.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Badge/Badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AAC1E,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGpE,8GAA8G;AAC9G,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,QAAQ,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;AAuGxG;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAuEf,kGAAkG;;;;;IA2BpG;;;;;;;OAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAiID,4FAA4F;;;;;;;;;;QAW5F,8EAA8E;;QAE9E,gFAAgF;;QAEhF,kEAAkE;;QAElE,0EAA0E;;;;;;;;;;;;;;;;CAO7E,CAAC"}