@salt-ds/lab 1.0.0-alpha.27 → 1.0.0-alpha.29

package/dist-es/pagination/Pagination.js

@@ -1,74 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useCallback, useMemo, useRef, useEffect } from 'react';
-import { clsx } from 'clsx';
-import { makePrefixer, useControlled, useAriaAnnouncer } from '@salt-ds/core';
-import { paginationContext } from './PaginationContext.js';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import css_248z from './Pagination.css.js';
-
-const withBaseName = makePrefixer("saltPagination");
-const { Provider } = paginationContext;
-const Pagination = forwardRef(
-  function Pagination2({
-    className,
-    count,
-    children,
-    defaultPage = 1,
-    page: pageProp,
-    onPageChange: onPageChangeProp,
-    ...restProps
-  }, ref) {
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-pagination",
-      css: css_248z,
-      window: targetWindow
-    });
-    const [pageState, setPageState] = useControlled({
-      controlled: pageProp,
-      default: defaultPage,
-      name: "Pagination",
-      state: "page"
-    });
-    const onPageChange = useCallback(
-      (event, page) => {
-        setPageState(page);
-        onPageChangeProp && onPageChangeProp(event, page);
-      },
-      [onPageChangeProp, setPageState]
-    );
-    const contextValue = useMemo(
-      () => ({
-        page: pageState,
-        count,
-        onPageChange
-      }),
-      [pageState, count, onPageChange]
-    );
-    const { announce } = useAriaAnnouncer();
-    const mounted = useRef(false);
-    useEffect(() => {
-      if (mounted.current) {
-        announce(`Page ${pageState}`);
-      } else {
-        mounted.current = true;
-      }
-    }, [announce, pageState]);
-    if (count < 2) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(Provider, {
-      value: contextValue,
-      children: /* @__PURE__ */ jsx("nav", {
-        className: clsx(withBaseName(), className),
-        ref,
-        ...restProps,
-        children
-      })
-    });
-  }
-);
-
-export { Pagination };
-//# sourceMappingURL=Pagination.js.map

package/dist-es/pagination/Pagination.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination.js","sources":["../src/pagination/Pagination.tsx"],"sourcesContent":["import {\n  forwardRef,\n  HTMLAttributes,\n  SyntheticEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer, useAriaAnnouncer, useControlled } from \"@salt-ds/core\";\nimport { PaginationContext, paginationContext } from \"./PaginationContext\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport paginationCss from \"./Pagination.css\";\n\nconst withBaseName = makePrefixer(\"saltPagination\");\n\nconst { Provider } = paginationContext;\n\nexport interface PaginationProps extends HTMLAttributes<HTMLElement> {\n  /**\n   * Number of pages.\n   */\n  count: number;\n  /**\n   * Current/active page.\n   */\n  page?: number;\n  /**\n   * Default current/active page.\n   */\n  defaultPage?: number;\n  /**\n   * Callback function triggered when current page changed.\n   */\n  onPageChange?: (event: SyntheticEvent, page: number) => void;\n}\n\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(\n  function Pagination(\n    {\n      className,\n      count,\n      children,\n      defaultPage = 1,\n      page: pageProp,\n      onPageChange: onPageChangeProp,\n      ...restProps\n    },\n    ref\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-pagination\",\n      css: paginationCss,\n      window: targetWindow,\n    });\n\n    const [pageState, setPageState] = useControlled({\n      controlled: pageProp,\n      default: defaultPage,\n      name: \"Pagination\",\n      state: \"page\",\n    });\n\n    const onPageChange = useCallback(\n      (event: SyntheticEvent, page: number) => {\n        setPageState(page);\n        onPageChangeProp && onPageChangeProp(event, page);\n      },\n      [onPageChangeProp, setPageState]\n    );\n\n    const contextValue: PaginationContext = useMemo(\n      () => ({\n        page: pageState,\n        count,\n        onPageChange,\n      }),\n      [pageState, count, onPageChange]\n    );\n\n    const { announce } = useAriaAnnouncer();\n    const mounted = useRef<boolean>(false);\n\n    useEffect(() => {\n      if (mounted.current) {\n        announce(`Page ${pageState}`);\n      } else {\n        mounted.current = true;\n      }\n    }, [announce, pageState]);\n\n    if (count < 2) {\n      return null;\n    }\n\n    return (\n      <Provider value={contextValue}>\n        <nav\n          className={clsx(withBaseName(), className)}\n          ref={ref}\n          {...restProps}\n        >\n          {children}\n        </nav>\n      </Provider>\n    );\n  }\n);\n"],"names":["Pagination","paginationCss"],"mappings":";;;;;;;;;AAkBA,MAAM,YAAA,GAAe,aAAa,gBAAgB,CAAA,CAAA;AAElD,MAAM,EAAE,UAAa,GAAA,iBAAA,CAAA;AAqBd,MAAM,UAAa,GAAA,UAAA;AAAA,EACxB,SAASA,WACP,CAAA;AAAA,IACE,SAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAc,GAAA,CAAA;AAAA,IACd,IAAM,EAAA,QAAA;AAAA,IACN,YAAc,EAAA,gBAAA;AAAA,IACX,GAAA,SAAA;AAAA,KAEL,GACA,EAAA;AACA,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,iBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,aAAc,CAAA;AAAA,MAC9C,UAAY,EAAA,QAAA;AAAA,MACZ,OAAS,EAAA,WAAA;AAAA,MACT,IAAM,EAAA,YAAA;AAAA,MACN,KAAO,EAAA,MAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,YAAe,GAAA,WAAA;AAAA,MACnB,CAAC,OAAuB,IAAiB,KAAA;AACvC,QAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AACjB,QAAoB,gBAAA,IAAA,gBAAA,CAAiB,OAAO,IAAI,CAAA,CAAA;AAAA,OAClD;AAAA,MACA,CAAC,kBAAkB,YAAY,CAAA;AAAA,KACjC,CAAA;AAEA,IAAA,MAAM,YAAkC,GAAA,OAAA;AAAA,MACtC,OAAO;AAAA,QACL,IAAM,EAAA,SAAA;AAAA,QACN,KAAA;AAAA,QACA,YAAA;AAAA,OACF,CAAA;AAAA,MACA,CAAC,SAAW,EAAA,KAAA,EAAO,YAAY,CAAA;AAAA,KACjC,CAAA;AAEA,IAAM,MAAA,EAAE,QAAS,EAAA,GAAI,gBAAiB,EAAA,CAAA;AACtC,IAAM,MAAA,OAAA,GAAU,OAAgB,KAAK,CAAA,CAAA;AAErC,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,QAAA,QAAA,CAAS,QAAQ,SAAW,CAAA,CAAA,CAAA,CAAA;AAAA,OACvB,MAAA;AACL,QAAA,OAAA,CAAQ,OAAU,GAAA,IAAA,CAAA;AAAA,OACpB;AAAA,KACC,EAAA,CAAC,QAAU,EAAA,SAAS,CAAC,CAAA,CAAA;AAExB,IAAA,IAAI,QAAQ,CAAG,EAAA;AACb,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAEA,IAAA,uBACG,GAAA,CAAA,QAAA,EAAA;AAAA,MAAS,KAAO,EAAA,YAAA;AAAA,MACf,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,QACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,QACzC,GAAA;AAAA,QACC,GAAG,SAAA;AAAA,QAEH,QAAA;AAAA,OACH,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/pagination/PaginationContext.js

@@ -1,13 +0,0 @@
-import { createContext } from 'react';
-
-const paginationContext = createContext({
-  page: 0,
-  count: 0,
-  onPageChange: () => void 0
-});
-if (process.env.NODE_ENV !== "production") {
-  paginationContext.displayName = "PaginationContext";
-}
-
-export { paginationContext };
-//# sourceMappingURL=PaginationContext.js.map

package/dist-es/pagination/PaginationContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaginationContext.js","sources":["../src/pagination/PaginationContext.ts"],"sourcesContent":["import { SyntheticEvent, createContext } from \"react\";\n\nexport interface PaginationContext {\n  page: number;\n  count: number;\n  onPageChange: (event: SyntheticEvent, page: number) => void;\n}\n\nexport const paginationContext = createContext<PaginationContext>({\n  page: 0,\n  count: 0,\n  onPageChange: () => undefined,\n});\n\nif (process.env.NODE_ENV !== \"production\") {\n  paginationContext.displayName = \"PaginationContext\";\n}\n"],"names":[],"mappings":";;AAQO,MAAM,oBAAoB,aAAiC,CAAA;AAAA,EAChE,IAAM,EAAA,CAAA;AAAA,EACN,KAAO,EAAA,CAAA;AAAA,EACP,cAAc,MAAM,KAAA,CAAA;AACtB,CAAC,EAAA;AAED,IAAI,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,EAAA,iBAAA,CAAkB,WAAc,GAAA,mBAAA,CAAA;AAClC;;;;"}

package/dist-es/pagination/Paginator.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltPaginator {\n  display: flex;\n  flex-wrap: nowrap;\n}\n\n.saltPaginator-arrowButton-previous {\n  --saltButton-margin: 0 var(--salt-spacing-100) 0 0;\n}\n\n.saltPaginator-arrowButton-next {\n  --saltButton-margin: 0 0 0 var(--salt-spacing-100);\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=Paginator.css.js.map

package/dist-es/pagination/Paginator.css.js.map

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

package/dist-es/pagination/Paginator.js

@@ -1,65 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import { makePrefixer, Button } from '@salt-ds/core';
-import { ChevronLeftIcon, ChevronRightIcon } from '@salt-ds/icons';
-import { PageRanges } from './PageRanges.js';
-import { usePaginationContext } from './usePaginationContext.js';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import css_248z from './Paginator.css.js';
-
-const withBaseName = makePrefixer("saltPaginator");
-const Paginator = forwardRef(
-  function Paginator2({ className, boundaryCount, siblingCount, ...restProps }, ref) {
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-paginator",
-      css: css_248z,
-      window: targetWindow
-    });
-    const { count, page, onPageChange } = usePaginationContext();
-    const onPreviousPage = (event) => {
-      onPageChange(event, Math.max(1, page - 1));
-    };
-    const onNextPage = (event) => {
-      onPageChange(event, Math.min(page + 1, count));
-    };
-    const isOnFirstPage = page === 1;
-    const isOnLastPage = page === count;
-    return /* @__PURE__ */ jsxs("div", {
-      className: clsx(withBaseName(), className),
-      ...restProps,
-      ref,
-      children: [
-        /* @__PURE__ */ jsx(Button, {
-          variant: "secondary",
-          "aria-label": "Previous Page",
-          onClick: onPreviousPage,
-          disabled: isOnFirstPage,
-          className: withBaseName("arrowButton-previous"),
-          children: /* @__PURE__ */ jsx(ChevronLeftIcon, {
-            "aria-hidden": true
-          })
-        }),
-        /* @__PURE__ */ jsx(PageRanges, {
-          siblingCount,
-          boundaryCount
-        }),
-        /* @__PURE__ */ jsx(Button, {
-          variant: "secondary",
-          "aria-label": "Next Page",
-          onClick: onNextPage,
-          disabled: isOnLastPage,
-          className: withBaseName("arrowButton-next"),
-          children: /* @__PURE__ */ jsx(ChevronRightIcon, {
-            "aria-hidden": true
-          })
-        })
-      ]
-    });
-  }
-);
-
-export { Paginator };
-//# sourceMappingURL=Paginator.js.map

package/dist-es/pagination/Paginator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Paginator.js","sources":["../src/pagination/Paginator.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { forwardRef, HTMLAttributes, MouseEventHandler } from \"react\";\nimport { Button, makePrefixer } from \"@salt-ds/core\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"@salt-ds/icons\";\nimport { PageRanges } from \"./PageRanges\";\nimport { usePaginationContext } from \"./usePaginationContext\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport paginatorCss from \"./Paginator.css\";\n\nconst withBaseName = makePrefixer(\"saltPaginator\");\n\nexport interface PaginatorProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Number of pages next to the arrow buttons when page range is truncated.\n   */\n  boundaryCount?: number;\n  /**\n   * Number of pages on each side of the current page when page range is truncated.\n   */\n  siblingCount?: number;\n}\n\nexport const Paginator = forwardRef<HTMLDivElement, PaginatorProps>(\n  function Paginator(\n    { className, boundaryCount, siblingCount, ...restProps },\n    ref\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-paginator\",\n      css: paginatorCss,\n      window: targetWindow,\n    });\n\n    const { count, page, onPageChange } = usePaginationContext();\n\n    const onPreviousPage: MouseEventHandler<HTMLButtonElement> = (event) => {\n      onPageChange(event, Math.max(1, page - 1));\n    };\n\n    const onNextPage: MouseEventHandler<HTMLButtonElement> = (event) => {\n      onPageChange(event, Math.min(page + 1, count));\n    };\n\n    const isOnFirstPage = page === 1;\n    const isOnLastPage = page === count;\n\n    return (\n      <div className={clsx(withBaseName(), className)} {...restProps} ref={ref}>\n        <Button\n          variant=\"secondary\"\n          aria-label=\"Previous Page\"\n          onClick={onPreviousPage}\n          disabled={isOnFirstPage}\n          className={withBaseName(\"arrowButton-previous\")}\n        >\n          <ChevronLeftIcon aria-hidden />\n        </Button>\n        <PageRanges siblingCount={siblingCount} boundaryCount={boundaryCount} />\n        <Button\n          variant=\"secondary\"\n          aria-label=\"Next Page\"\n          onClick={onNextPage}\n          disabled={isOnLastPage}\n          className={withBaseName(\"arrowButton-next\")}\n        >\n          <ChevronRightIcon aria-hidden />\n        </Button>\n      </div>\n    );\n  }\n);\n"],"names":["Paginator","paginatorCss"],"mappings":";;;;;;;;;;;AAYA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA,CAAA;AAa1C,MAAM,SAAY,GAAA,UAAA;AAAA,EACvB,SAASA,WACP,EAAE,SAAA,EAAW,eAAe,YAAiB,EAAA,GAAA,SAAA,IAC7C,GACA,EAAA;AACA,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,gBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,EAAE,KAAA,EAAO,IAAM,EAAA,YAAA,KAAiB,oBAAqB,EAAA,CAAA;AAE3D,IAAM,MAAA,cAAA,GAAuD,CAAC,KAAU,KAAA;AACtE,MAAA,YAAA,CAAa,OAAO,IAAK,CAAA,GAAA,CAAI,CAAG,EAAA,IAAA,GAAO,CAAC,CAAC,CAAA,CAAA;AAAA,KAC3C,CAAA;AAEA,IAAM,MAAA,UAAA,GAAmD,CAAC,KAAU,KAAA;AAClE,MAAA,YAAA,CAAa,OAAO,IAAK,CAAA,GAAA,CAAI,IAAO,GAAA,CAAA,EAAG,KAAK,CAAC,CAAA,CAAA;AAAA,KAC/C,CAAA;AAEA,IAAA,MAAM,gBAAgB,IAAS,KAAA,CAAA,CAAA;AAC/B,IAAA,MAAM,eAAe,IAAS,KAAA,KAAA,CAAA;AAE9B,IAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MAAI,GAAG,SAAA;AAAA,MAAW,GAAA;AAAA,MAC9D,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,UACC,OAAQ,EAAA,WAAA;AAAA,UACR,YAAW,EAAA,eAAA;AAAA,UACX,OAAS,EAAA,cAAA;AAAA,UACT,QAAU,EAAA,aAAA;AAAA,UACV,SAAA,EAAW,aAAa,sBAAsB,CAAA;AAAA,UAE9C,QAAC,kBAAA,GAAA,CAAA,eAAA,EAAA;AAAA,YAAgB,aAAW,EAAA,IAAA;AAAA,WAAC,CAAA;AAAA,SAC/B,CAAA;AAAA,wBACC,GAAA,CAAA,UAAA,EAAA;AAAA,UAAW,YAAA;AAAA,UAA4B,aAAA;AAAA,SAA8B,CAAA;AAAA,wBACrE,GAAA,CAAA,MAAA,EAAA;AAAA,UACC,OAAQ,EAAA,WAAA;AAAA,UACR,YAAW,EAAA,WAAA;AAAA,UACX,OAAS,EAAA,UAAA;AAAA,UACT,QAAU,EAAA,YAAA;AAAA,UACV,SAAA,EAAW,aAAa,kBAAkB,CAAA;AAAA,UAE1C,QAAC,kBAAA,GAAA,CAAA,gBAAA,EAAA;AAAA,YAAiB,aAAW,EAAA,IAAA;AAAA,WAAC,CAAA;AAAA,SAChC,CAAA;AAAA,OAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/pagination/usePagination.js

@@ -1,23 +0,0 @@
-function usePagination(page, count, boundaryCount, siblingCount) {
-  const totalButtonsVisible = 2 * (boundaryCount + siblingCount) + 3;
-  const isEnoughSpace = totalButtonsVisible >= count;
-  const isLeftEllipsis = !isEnoughSpace && page - boundaryCount - siblingCount > 2;
-  const isRightEllipsis = !isEnoughSpace && page + boundaryCount + siblingCount + 1 < count;
-  const leftPages = isLeftEllipsis ? [1, boundaryCount] : void 0;
-  const rightPages = isRightEllipsis ? [count - boundaryCount + 1, count] : void 0;
-  let middlePages;
-  if (!isLeftEllipsis) {
-    middlePages = [
-      1,
-      isRightEllipsis ? boundaryCount + 2 + 2 * siblingCount : count
-    ];
-  } else if (!isRightEllipsis) {
-    middlePages = [count - boundaryCount - 1 - 2 * siblingCount, count];
-  } else {
-    middlePages = [page - siblingCount, page + siblingCount];
-  }
-  return [leftPages, middlePages, rightPages];
-}
-
-export { usePagination };
-//# sourceMappingURL=usePagination.js.map

package/dist-es/pagination/usePagination.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePagination.js","sources":["../src/pagination/usePagination.ts"],"sourcesContent":["export type PageRange = [number, number];\n\nexport function usePagination(\n  page: number,\n  count: number,\n  boundaryCount: number,\n  siblingCount: number\n) {\n  const totalButtonsVisible = 2 * (boundaryCount + siblingCount) + 3;\n  const isEnoughSpace = totalButtonsVisible >= count;\n\n  const isLeftEllipsis =\n    !isEnoughSpace && page - boundaryCount - siblingCount > 2;\n\n  const isRightEllipsis =\n    !isEnoughSpace && page + boundaryCount + siblingCount + 1 < count;\n\n  const leftPages = isLeftEllipsis\n    ? ([1, boundaryCount] as PageRange)\n    : undefined;\n\n  const rightPages = isRightEllipsis\n    ? ([count - boundaryCount + 1, count] as PageRange)\n    : undefined;\n\n  let middlePages: PageRange;\n\n  if (!isLeftEllipsis) {\n    middlePages = [\n      1,\n      isRightEllipsis ? boundaryCount + 2 + 2 * siblingCount : count,\n    ];\n  } else if (!isRightEllipsis) {\n    middlePages = [count - boundaryCount - 1 - 2 * siblingCount, count];\n  } else {\n    middlePages = [page - siblingCount, page + siblingCount];\n  }\n\n  return [leftPages, middlePages, rightPages] as const;\n}\n"],"names":[],"mappings":"AAEO,SAAS,aACd,CAAA,IAAA,EACA,KACA,EAAA,aAAA,EACA,YACA,EAAA;AACA,EAAM,MAAA,mBAAA,GAAsB,CAAK,IAAA,aAAA,GAAgB,YAAgB,CAAA,GAAA,CAAA,CAAA;AACjE,EAAA,MAAM,gBAAgB,mBAAuB,IAAA,KAAA,CAAA;AAE7C,EAAA,MAAM,cACJ,GAAA,CAAC,aAAiB,IAAA,IAAA,GAAO,gBAAgB,YAAe,GAAA,CAAA,CAAA;AAE1D,EAAA,MAAM,kBACJ,CAAC,aAAA,IAAiB,IAAO,GAAA,aAAA,GAAgB,eAAe,CAAI,GAAA,KAAA,CAAA;AAE9D,EAAA,MAAM,SAAY,GAAA,cAAA,GACb,CAAC,CAAA,EAAG,aAAa,CAClB,GAAA,KAAA,CAAA,CAAA;AAEJ,EAAA,MAAM,aAAa,eACd,GAAA,CAAC,QAAQ,aAAgB,GAAA,CAAA,EAAG,KAAK,CAClC,GAAA,KAAA,CAAA,CAAA;AAEJ,EAAI,IAAA,WAAA,CAAA;AAEJ,EAAA,IAAI,CAAC,cAAgB,EAAA;AACnB,IAAc,WAAA,GAAA;AAAA,MACZ,CAAA;AAAA,MACA,eAAkB,GAAA,aAAA,GAAgB,CAAI,GAAA,CAAA,GAAI,YAAe,GAAA,KAAA;AAAA,KAC3D,CAAA;AAAA,GACF,MAAA,IAAW,CAAC,eAAiB,EAAA;AAC3B,IAAA,WAAA,GAAc,CAAC,KAAQ,GAAA,aAAA,GAAgB,CAAI,GAAA,CAAA,GAAI,cAAc,KAAK,CAAA,CAAA;AAAA,GAC7D,MAAA;AACL,IAAA,WAAA,GAAc,CAAC,IAAA,GAAO,YAAc,EAAA,IAAA,GAAO,YAAY,CAAA,CAAA;AAAA,GACzD;AAEA,EAAO,OAAA,CAAC,SAAW,EAAA,WAAA,EAAa,UAAU,CAAA,CAAA;AAC5C;;;;"}

package/dist-es/pagination/usePaginationContext.js

@@ -1,15 +0,0 @@
-import { useContext } from 'react';
-import { paginationContext } from './PaginationContext.js';
-
-const usePaginationContext = () => {
-  const context = useContext(paginationContext);
-  if (process.env.NODE_ENV !== "production") {
-    if (!context) {
-      console.error(`usePaginationContext should be used inside of Pagination`);
-    }
-  }
-  return context;
-};
-
-export { usePaginationContext };
-//# sourceMappingURL=usePaginationContext.js.map

package/dist-es/pagination/usePaginationContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePaginationContext.js","sources":["../src/pagination/usePaginationContext.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { paginationContext } from \"./PaginationContext\";\n\nexport const usePaginationContext = () => {\n  const context = useContext(paginationContext);\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!context) {\n      console.error(`usePaginationContext should be used inside of Pagination`);\n    }\n  }\n  return context;\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,OAAA,GAAU,WAAW,iBAAiB,CAAA,CAAA;AAC5C,EAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,IAAA,IAAI,CAAC,OAAS,EAAA;AACZ,MAAA,OAAA,CAAQ,MAAM,CAA0D,wDAAA,CAAA,CAAA,CAAA;AAAA,KAC1E;AAAA,GACF;AACA,EAAO,OAAA,OAAA,CAAA;AACT;;;;"}

package/dist-es/scrim/Scrim.css.js

@@ -1,4 +0,0 @@
-var css_248z = "/* Style applied to the root element */\n.saltScrim {\n  top: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  bottom: 0;\n  height: 100%;\n  display: flex;\n  z-index: calc(var(--salt-zIndex-drawer) - 1);\n  position: absolute;\n  align-items: center;\n  justify-content: center;\n  background: var(--saltScrim-background, var(--salt-overlayable-background));\n  -webkit-tap-highlight-color: transparent;\n}\n\n.saltScrim:focus {\n  outline: none;\n}\n\n/* Style applied to the root element when fixed={true} */\n.saltScrim-fixed {\n  position: fixed;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=Scrim.css.js.map

package/dist-es/scrim/Scrim.css.js.map

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

package/dist-es/scrim/Scrim.js

@@ -1,36 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import { makePrefixer } from '@salt-ds/core';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import css_248z from './Scrim.css.js';
-
-const withBaseName = makePrefixer("saltScrim");
-const Scrim = forwardRef(function Scrim2({ className, children, fixed = false, open = true, ...rest }, ref) {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "salt-scrim",
-    css: css_248z,
-    window: targetWindow
-  });
-  if (!open) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("div", {
-    className: clsx(
-      withBaseName(),
-      {
-        [withBaseName("fixed")]: fixed
-      },
-      className
-    ),
-    "data-testid": "scrim",
-    ref,
-    ...rest,
-    children
-  });
-});
-
-export { Scrim };
-//# sourceMappingURL=Scrim.js.map

package/dist-es/scrim/Scrim.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Scrim.js","sources":["../src/scrim/Scrim.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport scrimCss from \"./Scrim.css\";\n\nconst withBaseName = makePrefixer(\"saltScrim\");\n\nexport interface ScrimProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * If `true` the scrim is bound to the document viewport.\n   * The default value of this prop is false, and the default behavior is for Scrim to be bound to its parent container (nearest positioned ancestor).\n   */\n  fixed?: boolean;\n  /**\n   * If `true` the scrim is shown.\n   */\n  open?: boolean;\n}\n\nexport const Scrim = forwardRef<HTMLDivElement, ScrimProps>(function Scrim(\n  { className, children, fixed = false, open = true, ...rest },\n  ref\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-scrim\",\n    css: scrimCss,\n    window: targetWindow,\n  });\n\n  if (!open) {\n    return null;\n  }\n\n  return (\n    <div\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"fixed\")]: fixed,\n        },\n        className\n      )}\n      data-testid=\"scrim\"\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":["Scrim","scrimCss"],"mappings":";;;;;;;;AASA,MAAM,YAAA,GAAe,aAAa,WAAW,CAAA,CAAA;AActC,MAAM,KAAQ,GAAA,UAAA,CAAuC,SAASA,MAAAA,CACnE,EAAE,SAAA,EAAW,QAAU,EAAA,KAAA,GAAQ,KAAO,EAAA,IAAA,GAAO,IAAS,EAAA,GAAA,IAAA,IACtD,GACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,YAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAW,EAAA,IAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb;AAAA,QACE,CAAC,YAAa,CAAA,OAAO,CAAI,GAAA,KAAA;AAAA,OAC3B;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACA,aAAY,EAAA,OAAA;AAAA,IACZ,GAAA;AAAA,IACC,GAAG,IAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-types/file-drop-zone/FileDropZone.d.ts

@@ -1,17 +0,0 @@
-import { ValidationStatus } from "@salt-ds/core";
-import { DragEvent, ComponentPropsWithoutRef } from "react";
-export interface FileDropZoneProps extends Omit<ComponentPropsWithoutRef<"div">, "onDrop"> {
-    /**
-     * If `true`, the file drop zone will be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Status indicator to be displayed.
-     */
-    status?: Omit<ValidationStatus, "info" | "warning">;
-    /**
-     * Callback for on drop event
-     */
-    onDrop?: (event: DragEvent<HTMLDivElement>, files: File[]) => void;
-}
-export declare const FileDropZone: import("react").ForwardRefExoticComponent<FileDropZoneProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/file-drop-zone/FileDropZoneIcon.d.ts

@@ -1,9 +0,0 @@
-import { ValidationStatus } from "@salt-ds/core";
-import { IconProps } from "@salt-ds/icons";
-export interface FileDropZoneIconProps extends IconProps {
-    /**
-     * Status indicator to be displayed.
-     */
-    status?: ValidationStatus;
-}
-export declare const FileDropZoneIcon: import("react").ForwardRefExoticComponent<FileDropZoneIconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist-types/file-drop-zone/FileDropZoneTrigger.d.ts

@@ -1,22 +0,0 @@
-import { HTMLAttributes, SyntheticEvent } from "react";
-export interface FileDropZoneTriggerProps extends Omit<HTMLAttributes<HTMLButtonElement>, "onChange"> {
-    /**
-     * `accept` attribute for HTML <input>.
-     *
-     * A comma separated list of file types the user can pick from the file input dialog box.
-     */
-    accept?: string;
-    /**
-     * Disable all trigger elements.
-     */
-    disabled?: boolean;
-    /**
-     * Allows multiple files to be uploaded.
-     */
-    multiple?: boolean;
-    /**
-     * Callback for input change event
-     */
-    onChange?: (event: SyntheticEvent<HTMLInputElement>, files: File[]) => void;
-}
-export declare const FileDropZoneTrigger: import("react").ForwardRefExoticComponent<FileDropZoneTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist-types/file-drop-zone/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./FileDropZone";
-export * from "./FileDropZoneIcon";
-export * from "./FileDropZoneTrigger";

package/dist-types/file-drop-zone/internal/utils.d.ts

@@ -1,3 +0,0 @@
-import { DragEvent } from "react";
-export declare const containsFiles: (e: DragEvent) => boolean | FileList | null;
-export declare const extractFiles: (e: DragEvent) => File[];

package/dist-types/navigation-item/ConditionalWrapper.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from "react";
-import { NavigationItemProps } from "./NavigationItem";
-interface ConditionalWrapperProps extends Pick<NavigationItemProps, "parent" | "expanded" | "onExpand" | "active" | "href" | "onClick"> {
-    children: ReactNode;
-    className: string;
-}
-export declare const ConditionalWrapper: ({ children, className, parent, expanded, onExpand, active, href, }: ConditionalWrapperProps) => JSX.Element;
-export {};

package/dist-types/navigation-item/ExpansionIcon.d.ts

@@ -1,2 +0,0 @@
-import { NavigationItemProps } from "./NavigationItem";
-export declare function ExpansionIcon({ expanded, orientation, }: Pick<NavigationItemProps, "expanded" | "orientation" | "className">): JSX.Element;

package/dist-types/navigation-item/NavigationItem.d.ts

@@ -1,36 +0,0 @@
-import { ComponentPropsWithoutRef, MouseEventHandler } from "react";
-export interface NavigationItemProps extends ComponentPropsWithoutRef<"div"> {
-    /**
-     * Whether the navigation item is active.
-     */
-    active?: boolean;
-    /**
-     * Whether the nested group is collapsed and there is an active nested item within it.
-     */
-    blurActive?: boolean;
-    /**
-     * Whether the navigation item is expanded.
-     */
-    expanded?: boolean;
-    /**
-     * Level of nesting.
-     */
-    level?: number;
-    /**
-     * The orientation of the navigation item.
-     */
-    orientation?: "horizontal" | "vertical";
-    /**
-     * Whether the navigation item is a parent with nested items.
-     */
-    parent?: boolean;
-    /**
-     * Action to be triggered when the navigation item is expanded.
-     */
-    onExpand?: MouseEventHandler<HTMLButtonElement>;
-    /**
-     * Href to be passed to the Link element.
-     */
-    href?: string;
-}
-export declare const NavigationItem: import("react").ForwardRefExoticComponent<NavigationItemProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/navigation-item/index.d.ts

@@ -1 +0,0 @@
-export * from "./NavigationItem";

package/dist-types/overlay/useOverlay.d.ts

@@ -1,8 +0,0 @@
-import { UseFloatingUIProps } from "@salt-ds/core";
-import { ComponentPropsWithRef, JSXElementConstructor } from "react";
-import { OverlayProps } from "./Overlay";
-export declare type UseOverlayProps = Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open" | "placement">>;
-export declare function useOverlay(props: UseOverlayProps): {
-    getTriggerProps: <Element_1 extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = "div">(userProps?: import("react").PropsWithoutRef<import("react").ComponentProps<Element_1>> | undefined) => ComponentPropsWithRef<Element_1>;
-    getOverlayProps: (userProps?: OverlayProps | undefined) => OverlayProps;
-};

package/dist-types/pagination/CompactInput.d.ts

@@ -1,2 +0,0 @@
-import { InputProps } from "@salt-ds/core";
-export declare const CompactInput: import("react").ForwardRefExoticComponent<Pick<InputProps, "variant" | "inputRef"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist-types/pagination/CompactPaginator.d.ts

@@ -1 +0,0 @@
-export declare const CompactPaginator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/pagination/GoToInput.d.ts

@@ -1,16 +0,0 @@
-import { HTMLAttributes, Ref } from "react";
-export interface GoToInputProps extends HTMLAttributes<HTMLSpanElement> {
-    /**
-     * Input label.
-     */
-    label?: string;
-    /**
-     * Optional ref for the input component
-     */
-    inputRef?: Ref<HTMLInputElement>;
-    /**
-     * Change input variant.
-     */
-    inputVariant?: "primary" | "secondary";
-}
-export declare const GoToInput: import("react").ForwardRefExoticComponent<GoToInputProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/pagination/PageButton.d.ts

@@ -1,6 +0,0 @@
-export interface PageButtonProps {
-    page: number;
-    selected?: boolean;
-    disabled?: boolean;
-}
-export declare const PageButton: import("react").ForwardRefExoticComponent<PageButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist-types/pagination/PageRanges.d.ts

@@ -1,5 +0,0 @@
-export interface PageRangesProps {
-    boundaryCount?: number;
-    siblingCount?: number;
-}
-export declare function PageRanges({ siblingCount, boundaryCount, }: PageRangesProps): JSX.Element;

package/dist-types/pagination/Pagination.d.ts

@@ -1,20 +0,0 @@
-import { HTMLAttributes, SyntheticEvent } from "react";
-export interface PaginationProps extends HTMLAttributes<HTMLElement> {
-    /**
-     * Number of pages.
-     */
-    count: number;
-    /**
-     * Current/active page.
-     */
-    page?: number;
-    /**
-     * Default current/active page.
-     */
-    defaultPage?: number;
-    /**
-     * Callback function triggered when current page changed.
-     */
-    onPageChange?: (event: SyntheticEvent, page: number) => void;
-}
-export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLElement>>;

package/dist-types/pagination/PaginationContext.d.ts

@@ -1,7 +0,0 @@
-import { SyntheticEvent } from "react";
-export interface PaginationContext {
-    page: number;
-    count: number;
-    onPageChange: (event: SyntheticEvent, page: number) => void;
-}
-export declare const paginationContext: import("react").Context<PaginationContext>;

package/dist-types/pagination/Paginator.d.ts

@@ -1,12 +0,0 @@
-import { HTMLAttributes } from "react";
-export interface PaginatorProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Number of pages next to the arrow buttons when page range is truncated.
-     */
-    boundaryCount?: number;
-    /**
-     * Number of pages on each side of the current page when page range is truncated.
-     */
-    siblingCount?: number;
-}
-export declare const Paginator: import("react").ForwardRefExoticComponent<PaginatorProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/pagination/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./Pagination";
-export * from "./Paginator";
-export * from "./CompactInput";
-export * from "./CompactPaginator";
-export * from "./GoToInput";

package/dist-types/pagination/usePagination.d.ts

@@ -1,2 +0,0 @@
-export declare type PageRange = [number, number];
-export declare function usePagination(page: number, count: number, boundaryCount: number, siblingCount: number): readonly [PageRange | undefined, PageRange, PageRange | undefined];

package/dist-types/pagination/usePaginationContext.d.ts

@@ -1 +0,0 @@
-export declare const usePaginationContext: () => import("./PaginationContext").PaginationContext;

package/dist-types/scrim/Scrim.d.ts

@@ -1,13 +0,0 @@
-import { ComponentPropsWithoutRef } from "react";
-export interface ScrimProps extends ComponentPropsWithoutRef<"div"> {
-    /**
-     * If `true` the scrim is bound to the document viewport.
-     * The default value of this prop is false, and the default behavior is for Scrim to be bound to its parent container (nearest positioned ancestor).
-     */
-    fixed?: boolean;
-    /**
-     * If `true` the scrim is shown.
-     */
-    open?: boolean;
-}
-export declare const Scrim: import("react").ForwardRefExoticComponent<ScrimProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/scrim/index.d.ts

@@ -1 +0,0 @@
-export * from "./Scrim";

package/dist-types/scrim/internal/PreventFocus.d.ts

@@ -1 +0,0 @@
-export declare function preventFocusOthers(originalTarget: HTMLElement | null, tabbableSelector: string, parentNode: HTMLElement): () => void;