@dnanpm/ui-components 0.9.0 → 0.10.0

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,142 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { ChevronLeftFilled, MoreFilled, ChevronRightFilled } from "@dnanpm/icons";
+import { useRef, useState, useLayoutEffect } from "react";
+import { focusStyles } from "../../styles/utils/index.js";
+import { validatePages, getPageCandidates, getPageWidth } from "./Pagination.utils.js";
+import styles from "./Pagination.module.css.js";
+import { cn } from "../../utils/cn/cn.js";
+const defaultPageLabel = (page) => `Sivu ${page}`;
+const defaultAnnouncement = (page, total) => `Sivu ${page} / ${total}`;
+const Pagination = ({
+  currentPage,
+  totalPages,
+  onPageChange,
+  showPreviousNext = true,
+  previousPageLabel = "Edellinen sivu",
+  nextPageLabel = "Seuraava sivu",
+  formatPageLabel = defaultPageLabel,
+  formatPageAnnouncement = defaultAnnouncement,
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  onFocusCapture,
+  onBlurCapture,
+  ref,
+  ...props
+}) => {
+  validatePages(currentPage, totalPages);
+  const currentButton = useRef(null);
+  const focusedButton = useRef(null);
+  const [announcement, setAnnouncement] = useState({
+    page: currentPage,
+    empty: totalPages === 0,
+    text: ""
+  });
+  if (announcement.page !== currentPage || announcement.empty !== (totalPages === 0)) {
+    setAnnouncement({
+      page: currentPage,
+      empty: totalPages === 0,
+      text: totalPages > 0 && !announcement.empty && announcement.page !== currentPage ? formatPageAnnouncement(currentPage, totalPages) : ""
+    });
+  }
+  useLayoutEffect(() => {
+    const focused = focusedButton.current;
+    if (focused && (!focused.isConnected || focused.disabled) && (document.activeElement === document.body || document.activeElement === focused)) {
+      currentButton.current?.focus();
+    }
+  }, [currentPage, totalPages, showPreviousNext]);
+  if (totalPages === 0) return null;
+  const requestPage = (page) => {
+    if (page !== currentPage) onPageChange(page);
+  };
+  const buttonClass = cn(styles.pagination__button, focusStyles.focusable);
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      ref,
+      className: cn(styles.pagination, className),
+      "aria-label": ariaLabel ?? (ariaLabelledBy ? void 0 : "Sivutus"),
+      "aria-labelledby": ariaLabelledBy,
+      onFocusCapture: (event) => {
+        if (event.target instanceof HTMLButtonElement) focusedButton.current = event.target;
+        onFocusCapture?.(event);
+      },
+      onBlurCapture: (event) => {
+        const button = focusedButton.current;
+        const focusLeftPagination = event.relatedTarget ? !event.currentTarget.contains(event.relatedTarget) : button?.isConnected && !button.disabled;
+        if (focusLeftPagination) {
+          focusedButton.current = null;
+        }
+        onBlurCapture?.(event);
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "ul",
+          {
+            className: cn(
+              styles.pagination__list,
+              styles[`pagination__list--${getPageWidth(totalPages)}`],
+              { [styles["pagination__list--arrows"]]: showPreviousNext }
+            ),
+            children: [
+              showPreviousNext && /* @__PURE__ */ jsx("li", { className: styles.pagination__arrow, children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: buttonClass,
+                  "aria-label": previousPageLabel,
+                  disabled: currentPage === 1,
+                  onClick: () => requestPage(currentPage - 1),
+                  children: /* @__PURE__ */ jsx(ChevronLeftFilled, { "aria-hidden": "true", size: "16" })
+                }
+              ) }),
+              getPageCandidates(currentPage, totalPages).map(({ item, budgets }) => /* @__PURE__ */ jsx(
+                "li",
+                {
+                  className: cn(
+                    styles.pagination__item,
+                    {
+                      [styles["pagination__item--current"]]: item.kind === "page" && item.page === currentPage
+                    },
+                    budgets.map((budget) => styles[`pagination__item--${budget}`])
+                  ),
+                  "aria-hidden": item.kind === "gap" ? true : void 0,
+                  children: item.kind === "page" ? /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      ref: item.page === currentPage ? currentButton : void 0,
+                      className: buttonClass,
+                      "aria-label": formatPageLabel(item.page),
+                      "aria-current": item.page === currentPage ? "page" : void 0,
+                      onClick: () => requestPage(item.page),
+                      children: item.page
+                    }
+                  ) : /* @__PURE__ */ jsx("span", { className: styles.pagination__gap, children: /* @__PURE__ */ jsx(MoreFilled, { "aria-hidden": "true", size: "16" }) })
+                },
+                item.key
+              )),
+              showPreviousNext && /* @__PURE__ */ jsx("li", { className: styles.pagination__arrow, children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: buttonClass,
+                  "aria-label": nextPageLabel,
+                  disabled: currentPage === totalPages,
+                  onClick: () => requestPage(currentPage + 1),
+                  children: /* @__PURE__ */ jsx(ChevronRightFilled, { "aria-hidden": "true", size: "16" })
+                }
+              ) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: styles["pagination__sr-only"], "aria-live": "polite", "aria-atomic": "true", children: announcement.text })
+      ]
+    }
+  );
+};
+export {
+  Pagination
+};
+//# sourceMappingURL=Pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { ChevronLeftFilled, ChevronRightFilled, MoreFilled } from '@dnanpm/icons';\nimport { useLayoutEffect, useRef, useState } from 'react';\nimport { cn } from '../../utils/cn';\nimport { focusStyles } from '../../styles/utils';\nimport type { PaginationProps } from './Pagination.types';\nimport { getPageCandidates, getPageWidth, validatePages } from './Pagination.utils';\nimport styles from './Pagination.module.css';\n\nconst defaultPageLabel = (page: number) => `Sivu ${page}`;\nconst defaultAnnouncement = (page: number, total: number) => `Sivu ${page} / ${total}`;\n\nexport const Pagination = ({\n    currentPage,\n    totalPages,\n    onPageChange,\n    showPreviousNext = true,\n    previousPageLabel = 'Edellinen sivu',\n    nextPageLabel = 'Seuraava sivu',\n    formatPageLabel = defaultPageLabel,\n    formatPageAnnouncement = defaultAnnouncement,\n    className,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    onFocusCapture,\n    onBlurCapture,\n    ref,\n    ...props\n}: PaginationProps) => {\n    validatePages(currentPage, totalPages);\n    const currentButton = useRef<HTMLButtonElement>(null);\n    const focusedButton = useRef<HTMLButtonElement | null>(null);\n    const [announcement, setAnnouncement] = useState({\n        page: currentPage,\n        empty: totalPages === 0,\n        text: '',\n    });\n\n    if (announcement.page !== currentPage || announcement.empty !== (totalPages === 0)) {\n        setAnnouncement({\n            page: currentPage,\n            empty: totalPages === 0,\n            text:\n                totalPages > 0 && !announcement.empty && announcement.page !== currentPage\n                    ? formatPageAnnouncement(currentPage, totalPages)\n                    : '',\n        });\n    }\n\n    useLayoutEffect(() => {\n        const focused = focusedButton.current;\n        if (\n            focused &&\n            (!focused.isConnected || focused.disabled) &&\n            (document.activeElement === document.body || document.activeElement === focused)\n        ) {\n            currentButton.current?.focus();\n        }\n    }, [currentPage, totalPages, showPreviousNext]);\n\n    if (totalPages === 0) return null;\n\n    const requestPage = (page: number) => {\n        if (page !== currentPage) onPageChange(page);\n    };\n    const buttonClass = cn(styles.pagination__button, focusStyles.focusable);\n\n    return (\n        <nav\n            ref={ref}\n            className={cn(styles.pagination, className)}\n            aria-label={ariaLabel ?? (ariaLabelledBy ? undefined : 'Sivutus')}\n            aria-labelledby={ariaLabelledBy}\n            onFocusCapture={(event) => {\n                if (event.target instanceof HTMLButtonElement) focusedButton.current = event.target;\n                onFocusCapture?.(event);\n            }}\n            onBlurCapture={(event) => {\n                const button = focusedButton.current;\n                const focusLeftPagination = event.relatedTarget\n                    ? !event.currentTarget.contains(event.relatedTarget)\n                    : button?.isConnected && !button.disabled;\n\n                if (focusLeftPagination) {\n                    focusedButton.current = null;\n                }\n                onBlurCapture?.(event);\n            }}\n            {...props}\n        >\n            <ul\n                className={cn(\n                    styles.pagination__list,\n                    styles[`pagination__list--${getPageWidth(totalPages)}`],\n                    { [styles['pagination__list--arrows']]: showPreviousNext },\n                )}\n            >\n                {showPreviousNext && (\n                    <li className={styles.pagination__arrow}>\n                        <button\n                            type=\"button\"\n                            className={buttonClass}\n                            aria-label={previousPageLabel}\n                            disabled={currentPage === 1}\n                            onClick={() => requestPage(currentPage - 1)}\n                        >\n                            <ChevronLeftFilled aria-hidden=\"true\" size=\"16\" />\n                        </button>\n                    </li>\n                )}\n                {getPageCandidates(currentPage, totalPages).map(({ item, budgets }) => (\n                    <li\n                        key={item.key}\n                        className={cn(\n                            styles.pagination__item,\n                            {\n                                [styles['pagination__item--current']]:\n                                    item.kind === 'page' && item.page === currentPage,\n                            },\n                            budgets.map((budget) => styles[`pagination__item--${budget}`]),\n                        )}\n                        aria-hidden={item.kind === 'gap' ? true : undefined}\n                    >\n                        {item.kind === 'page' ? (\n                            <button\n                                type=\"button\"\n                                ref={item.page === currentPage ? currentButton : undefined}\n                                className={buttonClass}\n                                aria-label={formatPageLabel(item.page)}\n                                aria-current={item.page === currentPage ? 'page' : undefined}\n                                onClick={() => requestPage(item.page)}\n                            >\n                                {item.page}\n                            </button>\n                        ) : (\n                            <span className={styles.pagination__gap}>\n                                <MoreFilled aria-hidden=\"true\" size=\"16\" />\n                            </span>\n                        )}\n                    </li>\n                ))}\n                {showPreviousNext && (\n                    <li className={styles.pagination__arrow}>\n                        <button\n                            type=\"button\"\n                            className={buttonClass}\n                            aria-label={nextPageLabel}\n                            disabled={currentPage === totalPages}\n                            onClick={() => requestPage(currentPage + 1)}\n                        >\n                            <ChevronRightFilled aria-hidden=\"true\" size=\"16\" />\n                        </button>\n                    </li>\n                )}\n            </ul>\n            <span className={styles['pagination__sr-only']} aria-live=\"polite\" aria-atomic=\"true\">\n                {announcement.text}\n            </span>\n        </nav>\n    );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Pagination/Pagination.module.css.cjs

@@ -0,0 +1,34 @@
+require('./Pagination.css');
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const pagination = "_pagination_1w4hz_1";
+const pagination__list = "_pagination__list_1w4hz_8";
+const pagination__item = "_pagination__item_1w4hz_31";
+const pagination__arrow = "_pagination__arrow_1w4hz_32";
+const pagination__button = "_pagination__button_1w4hz_67";
+const pagination__gap = "_pagination__gap_1w4hz_68";
+const styles = {
+  pagination,
+  pagination__list,
+  "pagination__list--wide": "_pagination__list--wide_1w4hz_21",
+  "pagination__list--arrows": "_pagination__list--arrows_1w4hz_25",
+  pagination__item,
+  pagination__arrow,
+  "pagination__item--3": "_pagination__item--3_1w4hz_45",
+  "pagination__item--5": "_pagination__item--5_1w4hz_49",
+  "pagination__item--7": "_pagination__item--7_1w4hz_53",
+  "pagination__item--9": "_pagination__item--9_1w4hz_57",
+  "pagination__item--current": "_pagination__item--current_1w4hz_63",
+  pagination__button,
+  pagination__gap,
+  "pagination__list--normal": "_pagination__list--normal_1w4hz_140",
+  "pagination__sr-only": "_pagination__sr-only_1w4hz_229"
+};
+exports.default = styles;
+exports.pagination = pagination;
+exports.pagination__arrow = pagination__arrow;
+exports.pagination__button = pagination__button;
+exports.pagination__gap = pagination__gap;
+exports.pagination__item = pagination__item;
+exports.pagination__list = pagination__list;
+//# sourceMappingURL=Pagination.module.css.cjs.map

package/dist/components/Pagination/Pagination.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Pagination/Pagination.module.css.js

@@ -0,0 +1,34 @@
+import './Pagination.css';
+const pagination = "_pagination_1w4hz_1";
+const pagination__list = "_pagination__list_1w4hz_8";
+const pagination__item = "_pagination__item_1w4hz_31";
+const pagination__arrow = "_pagination__arrow_1w4hz_32";
+const pagination__button = "_pagination__button_1w4hz_67";
+const pagination__gap = "_pagination__gap_1w4hz_68";
+const styles = {
+  pagination,
+  pagination__list,
+  "pagination__list--wide": "_pagination__list--wide_1w4hz_21",
+  "pagination__list--arrows": "_pagination__list--arrows_1w4hz_25",
+  pagination__item,
+  pagination__arrow,
+  "pagination__item--3": "_pagination__item--3_1w4hz_45",
+  "pagination__item--5": "_pagination__item--5_1w4hz_49",
+  "pagination__item--7": "_pagination__item--7_1w4hz_53",
+  "pagination__item--9": "_pagination__item--9_1w4hz_57",
+  "pagination__item--current": "_pagination__item--current_1w4hz_63",
+  pagination__button,
+  pagination__gap,
+  "pagination__list--normal": "_pagination__list--normal_1w4hz_140",
+  "pagination__sr-only": "_pagination__sr-only_1w4hz_229"
+};
+export {
+  styles as default,
+  pagination,
+  pagination__arrow,
+  pagination__button,
+  pagination__gap,
+  pagination__item,
+  pagination__list
+};
+//# sourceMappingURL=Pagination.module.css.js.map

package/dist/components/Pagination/Pagination.module.css.js.map

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

package/dist/components/Pagination/Pagination.types.d.ts

@@ -0,0 +1,20 @@
+import { ComponentPropsWithRef } from 'react';
+export interface PaginationProps extends Omit<ComponentPropsWithRef<'nav'>, 'children' | 'onChange'> {
+    /** One-based current page. The application owns this value. */
+    readonly currentPage: number;
+    /** Nonnegative safe integer. Zero renders nothing. */
+    readonly totalPages: number;
+    /** Requests a different page; does not load results or update currentPage. */
+    readonly onPageChange: (page: number) => void;
+    /** Show the Previous and Next controls. @default true */
+    readonly showPreviousNext?: boolean;
+    /** Accessible name of the Previous control. @default 'Edellinen sivu' */
+    readonly previousPageLabel?: string;
+    /** Accessible name of the Next control. @default 'Seuraava sivu' */
+    readonly nextPageLabel?: string;
+    /** Accessible name of each numbered control. @default page => `Sivu ${page}` */
+    readonly formatPageLabel?: (page: number) => string;
+    /** Announcement after a controlled page change. @default (page, total) => `Sivu ${page} / ${total}` */
+    readonly formatPageAnnouncement?: (page: number, totalPages: number) => string;
+}
+//# sourceMappingURL=Pagination.types.d.ts.map

package/dist/components/Pagination/Pagination.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CACzC,qBAAqB,CAAC,KAAK,CAAC,EAC5B,UAAU,GAAG,UAAU,CAC1B;IACG,+DAA+D;IAC/D,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,sDAAsD;IACtD,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,8EAA8E;IAC9E,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,yDAAyD;IACzD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,yEAAyE;IACzE,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACpC,oEAAoE;IACpE,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,gFAAgF;IAChF,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACpD,uGAAuG;IACvG,QAAQ,CAAC,sBAAsB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;CAClF"}

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

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const pageBudgets = [3, 5, 7, 9];
+const validatePages = (currentPage, totalPages) => {
+  if (!Number.isSafeInteger(totalPages) || totalPages < 0) {
+    throw new RangeError("Pagination: totalPages must be a nonnegative safe integer.");
+  }
+  if (!Number.isSafeInteger(currentPage) || currentPage < 1 || totalPages > 0 && currentPage > totalPages) {
+    throw new RangeError(
+      "Pagination: currentPage must be a positive safe integer within totalPages."
+    );
+  }
+};
+const pageItem = (page) => ({
+  key: `page-${page}`,
+  kind: "page",
+  page
+});
+const getPageItems = (currentPage, totalPages, budget) => {
+  if (totalPages === 0) return [];
+  const count = Math.min(budget, totalPages);
+  if (totalPages <= budget || budget < 7) {
+    const start2 = Math.max(
+      1,
+      Math.min(currentPage - Math.floor(count / 2), totalPages - count + 1)
+    );
+    return Array.from({ length: count }, (_, index) => pageItem(start2 + index));
+  }
+  const siblings = (budget - 5) / 2;
+  const windowSize = budget - 4;
+  const start = Math.max(2, Math.min(currentPage - siblings, totalPages - windowSize));
+  const pages = [1];
+  if (currentPage <= siblings + 2) {
+    for (let page = 2; page <= budget - 2; page++) pages.push(page);
+  } else if (currentPage >= totalPages - siblings - 1) {
+    for (let offset = budget - 3; offset >= 1; offset--) pages.push(totalPages - offset);
+  } else {
+    for (let offset = 0; offset < windowSize; offset++) pages.push(start + offset);
+  }
+  pages.push(totalPages);
+  return pages.flatMap((page, index) => {
+    const previous = pages[index - 1];
+    if (previous === void 0 || page === previous + 1) return [pageItem(page)];
+    if (page === previous + 2) return [pageItem(previous + 1), pageItem(page)];
+    return [
+      { key: `gap-${previous}-${page}`, kind: "gap", after: previous, before: page },
+      pageItem(page)
+    ];
+  });
+};
+const getPageCandidates = (currentPage, totalPages) => {
+  const candidates = /* @__PURE__ */ new Map();
+  for (const budget of pageBudgets) {
+    for (const item of getPageItems(currentPage, totalPages, budget)) {
+      const existing = candidates.get(item.key);
+      if (existing) existing.budgets.push(budget);
+      else candidates.set(item.key, { item, budgets: [budget] });
+    }
+  }
+  return [...candidates.values()].sort((a, b) => {
+    const aPosition = a.item.kind === "page" ? a.item.page : a.item.after;
+    const bPosition = b.item.kind === "page" ? b.item.page : b.item.after;
+    return aPosition - bPosition || Number(a.item.kind === "gap") - Number(b.item.kind === "gap");
+  });
+};
+const getPageWidth = (totalPages) => {
+  const digits = String(totalPages).length;
+  if (digits <= 2) return "normal";
+  return "wide";
+};
+exports.getPageCandidates = getPageCandidates;
+exports.getPageItems = getPageItems;
+exports.getPageWidth = getPageWidth;
+exports.pageBudgets = pageBudgets;
+exports.validatePages = validatePages;
+//# sourceMappingURL=Pagination.utils.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.utils.cjs","sources":["../../../src/components/Pagination/Pagination.utils.ts"],"sourcesContent":["export const pageBudgets = [3, 5, 7, 9] as const;\nexport type PageBudget = (typeof pageBudgets)[number];\n\nexport type PaginationItem =\n    | { readonly key: string; readonly kind: 'page'; readonly page: number }\n    | {\n          readonly key: string;\n          readonly kind: 'gap';\n          readonly after: number;\n          readonly before: number;\n      };\n\nexport interface PaginationCandidate {\n    readonly item: PaginationItem;\n    readonly budgets: readonly PageBudget[];\n}\n\nexport const validatePages = (currentPage: number, totalPages: number) => {\n    if (!Number.isSafeInteger(totalPages) || totalPages < 0) {\n        throw new RangeError('Pagination: totalPages must be a nonnegative safe integer.');\n    }\n    if (\n        !Number.isSafeInteger(currentPage) ||\n        currentPage < 1 ||\n        (totalPages > 0 && currentPage > totalPages)\n    ) {\n        throw new RangeError(\n            'Pagination: currentPage must be a positive safe integer within totalPages.',\n        );\n    }\n};\n\nconst pageItem = (page: number): PaginationItem => ({\n    key: `page-${page}`,\n    kind: 'page',\n    page,\n});\n\nexport const getPageItems = (\n    currentPage: number,\n    totalPages: number,\n    budget: PageBudget,\n): PaginationItem[] => {\n    if (totalPages === 0) return [];\n\n    const count = Math.min(budget, totalPages);\n    if (totalPages <= budget || budget < 7) {\n        const start = Math.max(\n            1,\n            Math.min(currentPage - Math.floor(count / 2), totalPages - count + 1),\n        );\n        return Array.from({ length: count }, (_, index) => pageItem(start + index));\n    }\n\n    const siblings = (budget - 5) / 2;\n    const windowSize = budget - 4;\n    const start = Math.max(2, Math.min(currentPage - siblings, totalPages - windowSize));\n    const pages = [1];\n    if (currentPage <= siblings + 2) {\n        for (let page = 2; page <= budget - 2; page++) pages.push(page);\n    } else if (currentPage >= totalPages - siblings - 1) {\n        for (let offset = budget - 3; offset >= 1; offset--) pages.push(totalPages - offset);\n    } else {\n        for (let offset = 0; offset < windowSize; offset++) pages.push(start + offset);\n    }\n    pages.push(totalPages);\n\n    return pages.flatMap((page, index): PaginationItem[] => {\n        const previous = pages[index - 1];\n        if (previous === undefined || page === previous + 1) return [pageItem(page)];\n        if (page === previous + 2) return [pageItem(previous + 1), pageItem(page)];\n        return [\n            { key: `gap-${previous}-${page}`, kind: 'gap', after: previous, before: page },\n            pageItem(page),\n        ];\n    });\n};\n\nexport const getPageCandidates = (\n    currentPage: number,\n    totalPages: number,\n): PaginationCandidate[] => {\n    const candidates = new Map<string, { item: PaginationItem; budgets: PageBudget[] }>();\n    for (const budget of pageBudgets) {\n        for (const item of getPageItems(currentPage, totalPages, budget)) {\n            const existing = candidates.get(item.key);\n            if (existing) existing.budgets.push(budget);\n            else candidates.set(item.key, { item, budgets: [budget] });\n        }\n    }\n    return [...candidates.values()].sort((a, b) => {\n        const aPosition = a.item.kind === 'page' ? a.item.page : a.item.after;\n        const bPosition = b.item.kind === 'page' ? b.item.page : b.item.after;\n        return (\n            aPosition - bPosition || Number(a.item.kind === 'gap') - Number(b.item.kind === 'gap')\n        );\n    });\n};\n\nexport const getPageWidth = (totalPages: number) => {\n    const digits = String(totalPages).length;\n    if (digits <= 2) return 'normal';\n    return 'wide';\n};\n"],"names":["start"],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+export declare const pageBudgets: readonly [3, 5, 7, 9];
+export type PageBudget = (typeof pageBudgets)[number];
+export type PaginationItem = {
+    readonly key: string;
+    readonly kind: 'page';
+    readonly page: number;
+} | {
+    readonly key: string;
+    readonly kind: 'gap';
+    readonly after: number;
+    readonly before: number;
+};
+export interface PaginationCandidate {
+    readonly item: PaginationItem;
+    readonly budgets: readonly PageBudget[];
+}
+export declare const validatePages: (currentPage: number, totalPages: number) => void;
+export declare const getPageItems: (currentPage: number, totalPages: number, budget: PageBudget) => PaginationItem[];
+export declare const getPageCandidates: (currentPage: number, totalPages: number) => PaginationCandidate[];
+export declare const getPageWidth: (totalPages: number) => "normal" | "wide";
+//# sourceMappingURL=Pagination.utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.utils.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,uBAAwB,CAAC;AACjD,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,MAAM,MAAM,cAAc,GACpB;IAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACtE;IACI,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CAC3B,CAAC;AAER,MAAM,WAAW,mBAAmB;IAChC,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAC9B,QAAQ,CAAC,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;CAC3C;AAED,eAAO,MAAM,aAAa,GAAI,aAAa,MAAM,EAAE,YAAY,MAAM,SAapE,CAAC;AAQF,eAAO,MAAM,YAAY,GACrB,aAAa,MAAM,EACnB,YAAY,MAAM,EAClB,QAAQ,UAAU,KACnB,cAAc,EAkChB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC1B,aAAa,MAAM,EACnB,YAAY,MAAM,KACnB,mBAAmB,EAgBrB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,YAAY,MAAM,sBAI9C,CAAC"}

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

@@ -0,0 +1,76 @@
+const pageBudgets = [3, 5, 7, 9];
+const validatePages = (currentPage, totalPages) => {
+  if (!Number.isSafeInteger(totalPages) || totalPages < 0) {
+    throw new RangeError("Pagination: totalPages must be a nonnegative safe integer.");
+  }
+  if (!Number.isSafeInteger(currentPage) || currentPage < 1 || totalPages > 0 && currentPage > totalPages) {
+    throw new RangeError(
+      "Pagination: currentPage must be a positive safe integer within totalPages."
+    );
+  }
+};
+const pageItem = (page) => ({
+  key: `page-${page}`,
+  kind: "page",
+  page
+});
+const getPageItems = (currentPage, totalPages, budget) => {
+  if (totalPages === 0) return [];
+  const count = Math.min(budget, totalPages);
+  if (totalPages <= budget || budget < 7) {
+    const start2 = Math.max(
+      1,
+      Math.min(currentPage - Math.floor(count / 2), totalPages - count + 1)
+    );
+    return Array.from({ length: count }, (_, index) => pageItem(start2 + index));
+  }
+  const siblings = (budget - 5) / 2;
+  const windowSize = budget - 4;
+  const start = Math.max(2, Math.min(currentPage - siblings, totalPages - windowSize));
+  const pages = [1];
+  if (currentPage <= siblings + 2) {
+    for (let page = 2; page <= budget - 2; page++) pages.push(page);
+  } else if (currentPage >= totalPages - siblings - 1) {
+    for (let offset = budget - 3; offset >= 1; offset--) pages.push(totalPages - offset);
+  } else {
+    for (let offset = 0; offset < windowSize; offset++) pages.push(start + offset);
+  }
+  pages.push(totalPages);
+  return pages.flatMap((page, index) => {
+    const previous = pages[index - 1];
+    if (previous === void 0 || page === previous + 1) return [pageItem(page)];
+    if (page === previous + 2) return [pageItem(previous + 1), pageItem(page)];
+    return [
+      { key: `gap-${previous}-${page}`, kind: "gap", after: previous, before: page },
+      pageItem(page)
+    ];
+  });
+};
+const getPageCandidates = (currentPage, totalPages) => {
+  const candidates = /* @__PURE__ */ new Map();
+  for (const budget of pageBudgets) {
+    for (const item of getPageItems(currentPage, totalPages, budget)) {
+      const existing = candidates.get(item.key);
+      if (existing) existing.budgets.push(budget);
+      else candidates.set(item.key, { item, budgets: [budget] });
+    }
+  }
+  return [...candidates.values()].sort((a, b) => {
+    const aPosition = a.item.kind === "page" ? a.item.page : a.item.after;
+    const bPosition = b.item.kind === "page" ? b.item.page : b.item.after;
+    return aPosition - bPosition || Number(a.item.kind === "gap") - Number(b.item.kind === "gap");
+  });
+};
+const getPageWidth = (totalPages) => {
+  const digits = String(totalPages).length;
+  if (digits <= 2) return "normal";
+  return "wide";
+};
+export {
+  getPageCandidates,
+  getPageItems,
+  getPageWidth,
+  pageBudgets,
+  validatePages
+};
+//# sourceMappingURL=Pagination.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.utils.js","sources":["../../../src/components/Pagination/Pagination.utils.ts"],"sourcesContent":["export const pageBudgets = [3, 5, 7, 9] as const;\nexport type PageBudget = (typeof pageBudgets)[number];\n\nexport type PaginationItem =\n    | { readonly key: string; readonly kind: 'page'; readonly page: number }\n    | {\n          readonly key: string;\n          readonly kind: 'gap';\n          readonly after: number;\n          readonly before: number;\n      };\n\nexport interface PaginationCandidate {\n    readonly item: PaginationItem;\n    readonly budgets: readonly PageBudget[];\n}\n\nexport const validatePages = (currentPage: number, totalPages: number) => {\n    if (!Number.isSafeInteger(totalPages) || totalPages < 0) {\n        throw new RangeError('Pagination: totalPages must be a nonnegative safe integer.');\n    }\n    if (\n        !Number.isSafeInteger(currentPage) ||\n        currentPage < 1 ||\n        (totalPages > 0 && currentPage > totalPages)\n    ) {\n        throw new RangeError(\n            'Pagination: currentPage must be a positive safe integer within totalPages.',\n        );\n    }\n};\n\nconst pageItem = (page: number): PaginationItem => ({\n    key: `page-${page}`,\n    kind: 'page',\n    page,\n});\n\nexport const getPageItems = (\n    currentPage: number,\n    totalPages: number,\n    budget: PageBudget,\n): PaginationItem[] => {\n    if (totalPages === 0) return [];\n\n    const count = Math.min(budget, totalPages);\n    if (totalPages <= budget || budget < 7) {\n        const start = Math.max(\n            1,\n            Math.min(currentPage - Math.floor(count / 2), totalPages - count + 1),\n        );\n        return Array.from({ length: count }, (_, index) => pageItem(start + index));\n    }\n\n    const siblings = (budget - 5) / 2;\n    const windowSize = budget - 4;\n    const start = Math.max(2, Math.min(currentPage - siblings, totalPages - windowSize));\n    const pages = [1];\n    if (currentPage <= siblings + 2) {\n        for (let page = 2; page <= budget - 2; page++) pages.push(page);\n    } else if (currentPage >= totalPages - siblings - 1) {\n        for (let offset = budget - 3; offset >= 1; offset--) pages.push(totalPages - offset);\n    } else {\n        for (let offset = 0; offset < windowSize; offset++) pages.push(start + offset);\n    }\n    pages.push(totalPages);\n\n    return pages.flatMap((page, index): PaginationItem[] => {\n        const previous = pages[index - 1];\n        if (previous === undefined || page === previous + 1) return [pageItem(page)];\n        if (page === previous + 2) return [pageItem(previous + 1), pageItem(page)];\n        return [\n            { key: `gap-${previous}-${page}`, kind: 'gap', after: previous, before: page },\n            pageItem(page),\n        ];\n    });\n};\n\nexport const getPageCandidates = (\n    currentPage: number,\n    totalPages: number,\n): PaginationCandidate[] => {\n    const candidates = new Map<string, { item: PaginationItem; budgets: PageBudget[] }>();\n    for (const budget of pageBudgets) {\n        for (const item of getPageItems(currentPage, totalPages, budget)) {\n            const existing = candidates.get(item.key);\n            if (existing) existing.budgets.push(budget);\n            else candidates.set(item.key, { item, budgets: [budget] });\n        }\n    }\n    return [...candidates.values()].sort((a, b) => {\n        const aPosition = a.item.kind === 'page' ? a.item.page : a.item.after;\n        const bPosition = b.item.kind === 'page' ? b.item.page : b.item.after;\n        return (\n            aPosition - bPosition || Number(a.item.kind === 'gap') - Number(b.item.kind === 'gap')\n        );\n    });\n};\n\nexport const getPageWidth = (totalPages: number) => {\n    const digits = String(totalPages).length;\n    if (digits <= 2) return 'normal';\n    return 'wide';\n};\n"],"names":["start"],"mappings":"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"}

package/dist/components/Pagination/index.d.ts

@@ -0,0 +1,3 @@
+export { Pagination } from './Pagination';
+export type { PaginationProps } from './Pagination.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/Pictograph/Pictograph.css

@@ -202,4 +202,8 @@
         --_pictograph-text-color: var(--color-semantic-foreground-inverse);
         --_pictograph-icon-color: var(--color-semantic-foreground-inverse);
     }
-} }
+}
+
+/**
+ * Do not edit directly, this file was auto-generated.
+ */ }

package/dist/components/Pictograph/PictographItem.css

@@ -66,4 +66,8 @@
 
 ._pictograph-item_1jsnm_9[data-pictograph-content='long'] ._pictograph-item__text_1jsnm_35 > p {
     font: var(--_pictograph-long-body-font);
-} }
+}
+
+/**
+ * Do not edit directly, this file was auto-generated.
+ */ }

package/dist/components/Quote/Quote.css

@@ -91,4 +91,8 @@
     ._quote__mark_1dakr_15 {
         color: CanvasText;
     }
-} }
+}
+
+/**
+ * Do not edit directly, this file was auto-generated.
+ */ }

package/dist/components/Spinner/Spinner.css

@@ -116,4 +116,8 @@
     ._spinner__car_j28th_88 {
         animation-duration: 3s;
     }
-} }
+}
+
+/**
+ * Do not edit directly, this file was auto-generated.
+ */ }

package/dist/design-tokens/dist/tokens.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const LayoutSemanticBreakpointDesktop = "1024px";
+exports.LayoutSemanticBreakpointDesktop = LayoutSemanticBreakpointDesktop;
+//# sourceMappingURL=tokens.cjs.map

package/dist/design-tokens/dist/tokens.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.cjs","sources":["../../../../design-tokens/dist/tokens.js"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\nexport const ColorSemanticForegroundDefault = \"#121212\";\nexport const ColorSemanticForegroundMuted = \"#505050\";\nexport const ColorSemanticForegroundInverse = \"#ffffff\";\nexport const ColorSemanticForegroundPrimaryStrong = \"#da0070\";\nexport const ColorSemanticForegroundPrimaryMid = \"#ff82c1\";\nexport const ColorSemanticForegroundPrimarySoft = \"#ffbfe0\";\nexport const ColorSemanticForegroundSecondaryStrong = \"#551c3e\";\nexport const ColorSemanticForegroundSecondaryMid = \"#69214c\";\nexport const ColorSemanticForegroundSecondarySoft = \"#792a59\";\nexport const ColorSemanticForegroundStatusError = \"#dd0a0a\";\nexport const ColorSemanticForegroundStatusWarning = \"#eb6600\";\nexport const ColorSemanticForegroundStatusSuccess = \"#008500\";\nexport const ColorSemanticForegroundStatusInfo = \"#0b7c99\";\nexport const ColorSemanticForegroundLink = \"#da0070\";\nexport const ColorSemanticForegroundLinkInverse = \"#ffffff\";\nexport const ColorSemanticForegroundLinkHover = \"#ae005a\";\nexport const ColorSemanticForegroundLinkInverseHover = \"#ffffffcc\";\nexport const ColorSemanticForegroundInverseMuted = \"#ffffffb3\";\nexport const ColorSemanticSurfaceBase = \"#ffffff\";\nexport const ColorSemanticSurfaceNeutralSoft = \"#fdfbfa\";\nexport const ColorSemanticSurfaceNeutralMid = \"#f8f4f1\";\nexport const ColorSemanticSurfaceNeutralStrong = \"#ede8e1\";\nexport const ColorSemanticSurfacePrimaryStrong = \"#da0070\";\nexport const ColorSemanticSurfacePrimaryMid = \"#ff82c1\";\nexport const ColorSemanticSurfacePrimarySoft = \"#ffbfe0\";\nexport const ColorSemanticSurfaceSecondaryStrong = \"#551c3e\";\nexport const ColorSemanticSurfaceSecondaryMid = \"#69214c\";\nexport const ColorSemanticSurfaceSecondarySoft = \"#792a59\";\nexport const ColorSemanticSurfaceBaseInverse = \"#121212\";\nexport const ColorSemanticBorderNeutralMid = \"#d4d2ce\";\nexport const ColorSemanticBorderNeutralSoft = \"#e7e5e3\";\nexport const ColorSemanticBorderNeutralBase = \"#efeeed\";\nexport const ColorSemanticBorderNeutralStrong = \"#948b89\";\nexport const ColorSemanticBorderSecondary = \"#551c3e\";\nexport const ColorSemanticBorderPrimary = \"#da0070\";\nexport const ColorSemanticBorderFocus = \"#0064e2\";\nexport const ColorSemanticBorderInverse = \"#ffffff\";\nexport const ColorSemanticBorderError = \"#dd0a0a\";\nexport const ColorSemanticBorderWarning = \"#eb6600\";\nexport const ColorSemanticBorderSuccess = \"#008500\";\nexport const ColorSemanticBorderInfo = \"#0b7c99\";\nexport const ColorSemanticUtilityFocusSoft = \"#d8e9ff\";\nexport const ColorSemanticUtilityFocusStrong = \"#0064e2\";\nexport const ColorSemanticUtilityOverlayStrong = \"#551c3e66\";\nexport const ColorSemanticUtilityOverlaySoft = \"#551c3e1a\";\nexport const ColorSemanticStatusInfo = \"#0b7c99\";\nexport const ColorSemanticStatusSuccess = \"#008500\";\nexport const ColorSemanticStatusWarning = \"#eb6600\";\nexport const ColorSemanticStatusError = \"#dd0a0a\";\nexport const ColorSemanticAccentLemonStrong = \"#fff347\";\nexport const ColorSemanticAccentLemonMid = \"#fff9a3\";\nexport const ColorSemanticAccentLemonSoft = \"#fffaba\";\nexport const ColorSemanticAccentOrangeStrong = \"#ffa633\";\nexport const ColorSemanticAccentOrangeMid = \"#ffca85\";\nexport const ColorSemanticAccentOrangeSoft = \"#ffdbad\";\nexport const ColorSemanticAccentSkyStrong = \"#2ecaf0\";\nexport const ColorSemanticAccentSkyMid = \"#77dcf5\";\nexport const ColorSemanticAccentSkySoft = \"#96e4f8\";\nexport const ColorSemanticInteractivePrimaryDefault = \"#da0070\";\nexport const ColorSemanticInteractivePrimaryHover = \"#ae005a\";\nexport const ColorSemanticInteractivePrimaryActive = \"#f7007f\";\nexport const ColorSemanticInteractivePrimaryDisabled = \"#da00704d\";\nexport const ColorSemanticInteractivePrimaryFocus = \"#ae005a\";\nexport const ColorSemanticInteractiveSecondaryDefault = \"#551c3e\";\nexport const ColorSemanticInteractiveSecondaryHover = \"#441632\";\nexport const ColorSemanticInteractiveSecondaryFocus = \"#441632\";\nexport const ColorSemanticInteractiveSecondaryActive = \"#732654\";\nexport const ColorSemanticInteractiveSecondaryDisabled = \"#551c3e4d\";\nexport const ColorSemanticInteractiveNeutralDefault = \"#ede8e1\";\nexport const ColorSemanticInteractiveNeutralHover = \"#cabca7\";\nexport const ColorSemanticInteractiveNeutralFocus = \"#cabca7\";\nexport const ColorSemanticInteractiveNeutralActive = \"#efeae4\";\nexport const ColorSemanticInteractiveNeutralDisabled = \"#ede8e14d\";\nexport const ColorSemanticInteractiveFocusRing = \"#0064e2\";\nexport const ColorSemanticInteractiveFocusRingWeak = \"#d8e9ff\";\nexport const ColorSemanticInteractiveInverseDefault = \"#ffffff\";\nexport const ColorSemanticInteractiveInverseHover = \"#ffffff\";\nexport const ColorSemanticInteractiveInverseFocus = \"#ffffff\";\nexport const ColorSemanticInteractiveInverseActive = \"#ffffffe6\";\nexport const ColorSemanticInteractiveInverseDisabled = \"#ffffff4d\";\nexport const ColorSemanticInteractiveAuxiliaryDefault = \"#ffdbad\";\nexport const ColorSemanticInteractiveAuxiliaryHover = \"#ffb557\";\nexport const ColorSemanticInteractiveAuxiliaryFocus = \"#ffb557\";\nexport const ColorSemanticInteractiveAuxiliaryActive = \"#ffdbad\";\nexport const ColorSemanticInteractiveAuxiliaryDisabled = \"#ffdbad4d\";\nexport const RadiusSemanticNone = \"0px\";\nexport const RadiusSemanticSm = \"4px\";\nexport const RadiusSemanticMd = \"8px\";\nexport const RadiusSemanticLg = \"12px\";\nexport const RadiusSemanticFull = \"1000px\";\nexport const BorderwidthSemanticNone = \"0px\";\nexport const BorderwidthSemanticXs = \"1px\";\nexport const BorderwidthSemanticMd = \"3px\";\nexport const BorderwidthSemanticLg = \"4px\";\nexport const BorderwidthSemanticXl = \"5px\";\nexport const BorderwidthSemanticXxl = \"6px\";\nexport const BorderwidthSemanticSm = \"2px\";\nexport const SpacingSpace0 = \"0px\";\nexport const SpacingSpace4 = \"4px\";\nexport const SpacingSpace8 = \"8px\";\nexport const SpacingSpace12 = \"12px\";\nexport const SpacingSpace16 = \"16px\";\nexport const SpacingSpace20 = \"20px\";\nexport const SpacingSpace24 = \"24px\";\nexport const SpacingSpace32 = \"32px\";\nexport const SpacingSpace40 = \"40px\";\nexport const SpacingSpace48 = \"48px\";\nexport const SpacingSpace64 = \"64px\";\nexport const SpacingSpace80 = \"80px\";\nexport const SpacingSpace96 = \"96px\";\nexport const SpacingSpace112 = \"112px\";\nexport const SpacingSpace128 = \"128px\";\nexport const SpacingSpace144 = \"144px\";\nexport const SpacingSpace160 = \"160px\";\nexport const TypographyFontSizeHeadingXxl = \"48px\";\nexport const TypographyFontSizeHeadingXl = \"40px\";\nexport const TypographyFontSizeHeadingLg = \"34px\";\nexport const TypographyFontSizeHeadingMd = \"28px\";\nexport const TypographyFontSizeHeadingSm = \"24px\";\nexport const TypographyFontSizeHeadingXs = \"20px\";\nexport const TypographyFontSizeHeadingXxs = \"18px\";\nexport const TypographyFontSizeTextLg = \"20px\";\nexport const TypographyFontSizeTextMd = \"16px\";\nexport const TypographyFontSizeTextSm = \"14px\";\nexport const TypographyFontSizeTextXs = \"12px\";\nexport const TypographyFontSizePricingLg = \"34px\";\nexport const TypographyFontSizePricingMd = \"30px\";\nexport const TypographyFontSizePricingSm = \"24px\";\nexport const TypographyFontSizePricingXs = \"20px\";\nexport const TypographyFontWeightRegular = 400;\nexport const TypographyFontWeightMedium = 500;\nexport const TypographyFontWeightBold = 700;\nexport const TypographyFontWeightBlack = 900;\nexport const TypographyFontWeightDemiBold = 600;\nexport const TypographyLineHeightXs = 1;\nexport const TypographyLineHeightSm = 1.15;\nexport const TypographyLineHeightMd = 1.25;\nexport const TypographyLineHeightLg = 1.5;\nexport const TypographyLetterSpacingTight = \"-0.02em\";\nexport const TypographyLetterSpacingNormal = \"0em\";\nexport const TypographyLetterSpacingWide = \"0.02em\";\nexport const TypographyFontFamilyHeading = \"DNA Heading\";\nexport const TypographyFontFamilyText = \"DNA Text\";\nexport const ElevationSemanticElevationLowColor = \"#1212120f\";\nexport const ElevationSemanticElevationLowOffsetX = \"0px\";\nexport const ElevationSemanticElevationLowOffsetY = \"2px\";\nexport const ElevationSemanticElevationLowBlur = \"16px\";\nexport const ElevationSemanticElevationLowSpread = \"0px\";\nexport const ElevationSemanticElevationMediumColor = \"#12121214\";\nexport const ElevationSemanticElevationMediumOffsetX = \"0px\";\nexport const ElevationSemanticElevationMediumOffsetY = \"4px\";\nexport const ElevationSemanticElevationMediumBlur = \"24px\";\nexport const ElevationSemanticElevationMediumSpread = \"0px\";\nexport const ElevationSemanticElevationHighColor = \"#12121229\";\nexport const ElevationSemanticElevationHighOffsetX = \"0px\";\nexport const ElevationSemanticElevationHighOffsetY = \"8px\";\nexport const ElevationSemanticElevationHighBlur = \"64px\";\nexport const ElevationSemanticElevationHighSpread = \"0px\";\nexport const ZindexSemanticBelow = -1;\nexport const ZindexSemanticBase = 0;\nexport const ZindexSemanticRaised = 200;\nexport const ZindexSemanticSticky = 400;\nexport const ZindexSemanticPopup = 600;\nexport const ZindexSemanticNavigation = 1000;\nexport const ZindexSemanticWidget = 1040;\nexport const ZindexSemanticOverlay = 1100;\nexport const ZindexSemanticDialog = 1200;\nexport const ZindexSemanticSystem = 1300;\nexport const LayoutSemanticBreakpointSmallMobile = \"360px\";\nexport const LayoutSemanticBreakpointLargeMobile = \"480px\";\nexport const LayoutSemanticBreakpointTablet = \"768px\";\nexport const LayoutSemanticBreakpointDesktop = \"1024px\";\nexport const LayoutSemanticBreakpointLargeDesktop = \"1344px\";\nexport const LayoutSemanticPageMinWidth = \"320px\";\nexport const LayoutSemanticPageMaxWidth = \"2560px\";\nexport const LayoutSemanticContainerNarrow = \"628px\";\nexport const LayoutSemanticContainerDefault = \"845px\";\nexport const LayoutSemanticContainerWide = \"1280px\";\n"],"names":[],"mappings":";;AA+KY,MAAC,kCAAkC;;"}

package/dist/design-tokens/dist/tokens.js

@@ -0,0 +1,5 @@
+const LayoutSemanticBreakpointDesktop = "1024px";
+export {
+  LayoutSemanticBreakpointDesktop
+};
+//# sourceMappingURL=tokens.js.map

package/dist/design-tokens/dist/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../../../design-tokens/dist/tokens.js"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\nexport const ColorSemanticForegroundDefault = \"#121212\";\nexport const ColorSemanticForegroundMuted = \"#505050\";\nexport const ColorSemanticForegroundInverse = \"#ffffff\";\nexport const ColorSemanticForegroundPrimaryStrong = \"#da0070\";\nexport const ColorSemanticForegroundPrimaryMid = \"#ff82c1\";\nexport const ColorSemanticForegroundPrimarySoft = \"#ffbfe0\";\nexport const ColorSemanticForegroundSecondaryStrong = \"#551c3e\";\nexport const ColorSemanticForegroundSecondaryMid = \"#69214c\";\nexport const ColorSemanticForegroundSecondarySoft = \"#792a59\";\nexport const ColorSemanticForegroundStatusError = \"#dd0a0a\";\nexport const ColorSemanticForegroundStatusWarning = \"#eb6600\";\nexport const ColorSemanticForegroundStatusSuccess = \"#008500\";\nexport const ColorSemanticForegroundStatusInfo = \"#0b7c99\";\nexport const ColorSemanticForegroundLink = \"#da0070\";\nexport const ColorSemanticForegroundLinkInverse = \"#ffffff\";\nexport const ColorSemanticForegroundLinkHover = \"#ae005a\";\nexport const ColorSemanticForegroundLinkInverseHover = \"#ffffffcc\";\nexport const ColorSemanticForegroundInverseMuted = \"#ffffffb3\";\nexport const ColorSemanticSurfaceBase = \"#ffffff\";\nexport const ColorSemanticSurfaceNeutralSoft = \"#fdfbfa\";\nexport const ColorSemanticSurfaceNeutralMid = \"#f8f4f1\";\nexport const ColorSemanticSurfaceNeutralStrong = \"#ede8e1\";\nexport const ColorSemanticSurfacePrimaryStrong = \"#da0070\";\nexport const ColorSemanticSurfacePrimaryMid = \"#ff82c1\";\nexport const ColorSemanticSurfacePrimarySoft = \"#ffbfe0\";\nexport const ColorSemanticSurfaceSecondaryStrong = \"#551c3e\";\nexport const ColorSemanticSurfaceSecondaryMid = \"#69214c\";\nexport const ColorSemanticSurfaceSecondarySoft = \"#792a59\";\nexport const ColorSemanticSurfaceBaseInverse = \"#121212\";\nexport const ColorSemanticBorderNeutralMid = \"#d4d2ce\";\nexport const ColorSemanticBorderNeutralSoft = \"#e7e5e3\";\nexport const ColorSemanticBorderNeutralBase = \"#efeeed\";\nexport const ColorSemanticBorderNeutralStrong = \"#948b89\";\nexport const ColorSemanticBorderSecondary = \"#551c3e\";\nexport const ColorSemanticBorderPrimary = \"#da0070\";\nexport const ColorSemanticBorderFocus = \"#0064e2\";\nexport const ColorSemanticBorderInverse = \"#ffffff\";\nexport const ColorSemanticBorderError = \"#dd0a0a\";\nexport const ColorSemanticBorderWarning = \"#eb6600\";\nexport const ColorSemanticBorderSuccess = \"#008500\";\nexport const ColorSemanticBorderInfo = \"#0b7c99\";\nexport const ColorSemanticUtilityFocusSoft = \"#d8e9ff\";\nexport const ColorSemanticUtilityFocusStrong = \"#0064e2\";\nexport const ColorSemanticUtilityOverlayStrong = \"#551c3e66\";\nexport const ColorSemanticUtilityOverlaySoft = \"#551c3e1a\";\nexport const ColorSemanticStatusInfo = \"#0b7c99\";\nexport const ColorSemanticStatusSuccess = \"#008500\";\nexport const ColorSemanticStatusWarning = \"#eb6600\";\nexport const ColorSemanticStatusError = \"#dd0a0a\";\nexport const ColorSemanticAccentLemonStrong = \"#fff347\";\nexport const ColorSemanticAccentLemonMid = \"#fff9a3\";\nexport const ColorSemanticAccentLemonSoft = \"#fffaba\";\nexport const ColorSemanticAccentOrangeStrong = \"#ffa633\";\nexport const ColorSemanticAccentOrangeMid = \"#ffca85\";\nexport const ColorSemanticAccentOrangeSoft = \"#ffdbad\";\nexport const ColorSemanticAccentSkyStrong = \"#2ecaf0\";\nexport const ColorSemanticAccentSkyMid = \"#77dcf5\";\nexport const ColorSemanticAccentSkySoft = \"#96e4f8\";\nexport const ColorSemanticInteractivePrimaryDefault = \"#da0070\";\nexport const ColorSemanticInteractivePrimaryHover = \"#ae005a\";\nexport const ColorSemanticInteractivePrimaryActive = \"#f7007f\";\nexport const ColorSemanticInteractivePrimaryDisabled = \"#da00704d\";\nexport const ColorSemanticInteractivePrimaryFocus = \"#ae005a\";\nexport const ColorSemanticInteractiveSecondaryDefault = \"#551c3e\";\nexport const ColorSemanticInteractiveSecondaryHover = \"#441632\";\nexport const ColorSemanticInteractiveSecondaryFocus = \"#441632\";\nexport const ColorSemanticInteractiveSecondaryActive = \"#732654\";\nexport const ColorSemanticInteractiveSecondaryDisabled = \"#551c3e4d\";\nexport const ColorSemanticInteractiveNeutralDefault = \"#ede8e1\";\nexport const ColorSemanticInteractiveNeutralHover = \"#cabca7\";\nexport const ColorSemanticInteractiveNeutralFocus = \"#cabca7\";\nexport const ColorSemanticInteractiveNeutralActive = \"#efeae4\";\nexport const ColorSemanticInteractiveNeutralDisabled = \"#ede8e14d\";\nexport const ColorSemanticInteractiveFocusRing = \"#0064e2\";\nexport const ColorSemanticInteractiveFocusRingWeak = \"#d8e9ff\";\nexport const ColorSemanticInteractiveInverseDefault = \"#ffffff\";\nexport const ColorSemanticInteractiveInverseHover = \"#ffffff\";\nexport const ColorSemanticInteractiveInverseFocus = \"#ffffff\";\nexport const ColorSemanticInteractiveInverseActive = \"#ffffffe6\";\nexport const ColorSemanticInteractiveInverseDisabled = \"#ffffff4d\";\nexport const ColorSemanticInteractiveAuxiliaryDefault = \"#ffdbad\";\nexport const ColorSemanticInteractiveAuxiliaryHover = \"#ffb557\";\nexport const ColorSemanticInteractiveAuxiliaryFocus = \"#ffb557\";\nexport const ColorSemanticInteractiveAuxiliaryActive = \"#ffdbad\";\nexport const ColorSemanticInteractiveAuxiliaryDisabled = \"#ffdbad4d\";\nexport const RadiusSemanticNone = \"0px\";\nexport const RadiusSemanticSm = \"4px\";\nexport const RadiusSemanticMd = \"8px\";\nexport const RadiusSemanticLg = \"12px\";\nexport const RadiusSemanticFull = \"1000px\";\nexport const BorderwidthSemanticNone = \"0px\";\nexport const BorderwidthSemanticXs = \"1px\";\nexport const BorderwidthSemanticMd = \"3px\";\nexport const BorderwidthSemanticLg = \"4px\";\nexport const BorderwidthSemanticXl = \"5px\";\nexport const BorderwidthSemanticXxl = \"6px\";\nexport const BorderwidthSemanticSm = \"2px\";\nexport const SpacingSpace0 = \"0px\";\nexport const SpacingSpace4 = \"4px\";\nexport const SpacingSpace8 = \"8px\";\nexport const SpacingSpace12 = \"12px\";\nexport const SpacingSpace16 = \"16px\";\nexport const SpacingSpace20 = \"20px\";\nexport const SpacingSpace24 = \"24px\";\nexport const SpacingSpace32 = \"32px\";\nexport const SpacingSpace40 = \"40px\";\nexport const SpacingSpace48 = \"48px\";\nexport const SpacingSpace64 = \"64px\";\nexport const SpacingSpace80 = \"80px\";\nexport const SpacingSpace96 = \"96px\";\nexport const SpacingSpace112 = \"112px\";\nexport const SpacingSpace128 = \"128px\";\nexport const SpacingSpace144 = \"144px\";\nexport const SpacingSpace160 = \"160px\";\nexport const TypographyFontSizeHeadingXxl = \"48px\";\nexport const TypographyFontSizeHeadingXl = \"40px\";\nexport const TypographyFontSizeHeadingLg = \"34px\";\nexport const TypographyFontSizeHeadingMd = \"28px\";\nexport const TypographyFontSizeHeadingSm = \"24px\";\nexport const TypographyFontSizeHeadingXs = \"20px\";\nexport const TypographyFontSizeHeadingXxs = \"18px\";\nexport const TypographyFontSizeTextLg = \"20px\";\nexport const TypographyFontSizeTextMd = \"16px\";\nexport const TypographyFontSizeTextSm = \"14px\";\nexport const TypographyFontSizeTextXs = \"12px\";\nexport const TypographyFontSizePricingLg = \"34px\";\nexport const TypographyFontSizePricingMd = \"30px\";\nexport const TypographyFontSizePricingSm = \"24px\";\nexport const TypographyFontSizePricingXs = \"20px\";\nexport const TypographyFontWeightRegular = 400;\nexport const TypographyFontWeightMedium = 500;\nexport const TypographyFontWeightBold = 700;\nexport const TypographyFontWeightBlack = 900;\nexport const TypographyFontWeightDemiBold = 600;\nexport const TypographyLineHeightXs = 1;\nexport const TypographyLineHeightSm = 1.15;\nexport const TypographyLineHeightMd = 1.25;\nexport const TypographyLineHeightLg = 1.5;\nexport const TypographyLetterSpacingTight = \"-0.02em\";\nexport const TypographyLetterSpacingNormal = \"0em\";\nexport const TypographyLetterSpacingWide = \"0.02em\";\nexport const TypographyFontFamilyHeading = \"DNA Heading\";\nexport const TypographyFontFamilyText = \"DNA Text\";\nexport const ElevationSemanticElevationLowColor = \"#1212120f\";\nexport const ElevationSemanticElevationLowOffsetX = \"0px\";\nexport const ElevationSemanticElevationLowOffsetY = \"2px\";\nexport const ElevationSemanticElevationLowBlur = \"16px\";\nexport const ElevationSemanticElevationLowSpread = \"0px\";\nexport const ElevationSemanticElevationMediumColor = \"#12121214\";\nexport const ElevationSemanticElevationMediumOffsetX = \"0px\";\nexport const ElevationSemanticElevationMediumOffsetY = \"4px\";\nexport const ElevationSemanticElevationMediumBlur = \"24px\";\nexport const ElevationSemanticElevationMediumSpread = \"0px\";\nexport const ElevationSemanticElevationHighColor = \"#12121229\";\nexport const ElevationSemanticElevationHighOffsetX = \"0px\";\nexport const ElevationSemanticElevationHighOffsetY = \"8px\";\nexport const ElevationSemanticElevationHighBlur = \"64px\";\nexport const ElevationSemanticElevationHighSpread = \"0px\";\nexport const ZindexSemanticBelow = -1;\nexport const ZindexSemanticBase = 0;\nexport const ZindexSemanticRaised = 200;\nexport const ZindexSemanticSticky = 400;\nexport const ZindexSemanticPopup = 600;\nexport const ZindexSemanticNavigation = 1000;\nexport const ZindexSemanticWidget = 1040;\nexport const ZindexSemanticOverlay = 1100;\nexport const ZindexSemanticDialog = 1200;\nexport const ZindexSemanticSystem = 1300;\nexport const LayoutSemanticBreakpointSmallMobile = \"360px\";\nexport const LayoutSemanticBreakpointLargeMobile = \"480px\";\nexport const LayoutSemanticBreakpointTablet = \"768px\";\nexport const LayoutSemanticBreakpointDesktop = \"1024px\";\nexport const LayoutSemanticBreakpointLargeDesktop = \"1344px\";\nexport const LayoutSemanticPageMinWidth = \"320px\";\nexport const LayoutSemanticPageMaxWidth = \"2560px\";\nexport const LayoutSemanticContainerNarrow = \"628px\";\nexport const LayoutSemanticContainerDefault = \"845px\";\nexport const LayoutSemanticContainerWide = \"1280px\";\n"],"names":[],"mappings":"AA+KY,MAAC,kCAAkC;"}