@papillonarts/components 0.35.0 → 0.36.0

package/build/Modern/Pagination/Pagination.js

@@ -0,0 +1,132 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pagination = Pagination;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _octiconsReact = require("@primer/octicons-react");
+var _clsx = require("clsx");
+var _react = _interopRequireWildcard(require("react"));
+var _useResponsiveValue = require("../hooks/useResponsiveValue");
+var _Pagination = require("./Pagination.model");
+var _PaginationModule = _interopRequireDefault(require("./Pagination.module.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["className", "pageCount", "currentPage", "onPageChange", "hrefBuilder", "marginPageCount", "showPages", "surroundingPageCount", "renderPage"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable @typescript-eslint/consistent-type-definitions */
+var getViewportRangesToHidePages = function getViewportRangesToHidePages(showPages) {
+  if (showPages && typeof showPages !== 'boolean') {
+    return Object.keys(showPages).filter(function (key) {
+      return !showPages[key];
+    });
+  }
+  if (showPages) {
+    return [];
+  } else {
+    return Object.keys(_useResponsiveValue.viewportRanges);
+  }
+};
+var PageLabel = function PageLabel(_ref) {
+  var children = _ref.children,
+    direction = _ref.direction;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [direction === 'page-prev' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.ChevronLeftIcon, {}) : null, children, direction === 'page-next' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.ChevronRightIcon, {}) : null]
+  });
+};
+function usePaginationPages(_ref2) {
+  var pageCount = _ref2.pageCount,
+    currentPage = _ref2.currentPage,
+    onPageChange = _ref2.onPageChange,
+    hrefBuilder = _ref2.hrefBuilder,
+    marginPageCount = _ref2.marginPageCount,
+    showPages = _ref2.showPages,
+    surroundingPageCount = _ref2.surroundingPageCount,
+    renderPage = _ref2.renderPage;
+  var pageChange = (0, _react.useCallback)(function (n) {
+    return function (e) {
+      return onPageChange(e, n);
+    };
+  }, [onPageChange]);
+  var model = (0, _react.useMemo)(function () {
+    return (0, _Pagination.buildPaginationModel)(pageCount, currentPage, !!showPages, marginPageCount, surroundingPageCount);
+  }, [pageCount, currentPage, showPages, marginPageCount, surroundingPageCount]);
+  var children = (0, _react.useMemo)(function () {
+    return model.map(function (page) {
+      var _buildComponentData = (0, _Pagination.buildComponentData)(page, hrefBuilder, pageChange(page.num)),
+        props = _buildComponentData.props,
+        key = _buildComponentData.key,
+        content = _buildComponentData.content;
+      if (renderPage && props.as !== 'span') {
+        return renderPage(_objectSpread({
+          key: key,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PageLabel, {
+            direction: key,
+            children: content
+          }),
+          number: page.num,
+          className: _PaginationModule["default"].Page
+        }, props));
+      }
+      var Component = props.as || 'a';
+      return (
+        /*#__PURE__*/
+        // @ts-ignore giving me grief about children and "as" props
+        (0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({
+          className: (0, _clsx.clsx)(_PaginationModule["default"].Page)
+        }, props), {}, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PageLabel, {
+            direction: key,
+            children: content
+          })
+        }), key)
+      );
+    });
+  }, [model, hrefBuilder, pageChange, renderPage]);
+  return children;
+}
+function Pagination(_ref3) {
+  var className = _ref3.className,
+    pageCount = _ref3.pageCount,
+    currentPage = _ref3.currentPage,
+    _ref3$onPageChange = _ref3.onPageChange,
+    onPageChange = _ref3$onPageChange === void 0 ? noop : _ref3$onPageChange,
+    _ref3$hrefBuilder = _ref3.hrefBuilder,
+    hrefBuilder = _ref3$hrefBuilder === void 0 ? defaultHrefBuilder : _ref3$hrefBuilder,
+    _ref3$marginPageCount = _ref3.marginPageCount,
+    marginPageCount = _ref3$marginPageCount === void 0 ? 1 : _ref3$marginPageCount,
+    _ref3$showPages = _ref3.showPages,
+    showPages = _ref3$showPages === void 0 ? true : _ref3$showPages,
+    _ref3$surroundingPage = _ref3.surroundingPageCount,
+    surroundingPageCount = _ref3$surroundingPage === void 0 ? 2 : _ref3$surroundingPage,
+    renderPage = _ref3.renderPage,
+    rest = (0, _objectWithoutProperties2["default"])(_ref3, _excluded);
+  var pageElements = usePaginationPages({
+    pageCount: pageCount,
+    currentPage: currentPage,
+    onPageChange: onPageChange,
+    hrefBuilder: hrefBuilder,
+    marginPageCount: marginPageCount,
+    showPages: showPages,
+    surroundingPageCount: surroundingPageCount,
+    renderPage: renderPage
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", _objectSpread(_objectSpread({
+    className: (0, _clsx.clsx)(_PaginationModule["default"].PaginationContainer, className),
+    "aria-label": "Pagination"
+  }, rest), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _PaginationModule["default"].TablePaginationSteps,
+      "data-hidden-viewport-ranges": getViewportRangesToHidePages(showPages).join(' '),
+      children: pageElements
+    })
+  }));
+}
+function defaultHrefBuilder(pageNum) {
+  return "#".concat(pageNum);
+}
+function noop() {}

package/build/Modern/Pagination/Pagination.model.d.ts

@@ -0,0 +1,26 @@
+export declare function buildPaginationModel(pageCount: number, currentPage: number, showPages: boolean, marginPageCount: number, surroundingPageCount: number): PageType[];
+interface PageType {
+    type: string;
+    num: number;
+    disabled?: boolean;
+    selected?: boolean;
+    precedesBreak?: boolean;
+}
+export interface PageDataProps {
+    props: {
+        href?: string;
+        rel?: string;
+        'aria-label'?: string;
+        'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false' | boolean;
+        'aria-hidden'?: boolean;
+        'aria-disabled'?: boolean;
+        onClick?: (e: React.MouseEvent) => void;
+        as?: string;
+        role?: string;
+    };
+    key: string;
+    content: string;
+}
+export declare function buildComponentData(page: PageType, hrefBuilder: (n: number) => string, onClick: (e: React.MouseEvent) => void): PageDataProps;
+export {};
+//# sourceMappingURL=Pagination.model.d.ts.map

package/build/Modern/Pagination/Pagination.model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.model.d.ts","sourceRoot":"","sources":["../../../src/Modern/Pagination/Pagination.model.tsx"],"names":[],"mappings":"AACA,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,OAAO,EAClB,eAAe,EAAE,MAAM,EACvB,oBAAoB,EAAE,MAAM,cAsH7B;AAED,UAAU,QAAQ;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;QAC5F,aAAa,CAAC,EAAE,OAAO,CAAA;QACvB,eAAe,CAAC,EAAE,OAAO,CAAA;QACzB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;QACvC,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;IACD,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,QAAQ,EACd,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,EAClC,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,GACrC,aAAa,CA4Df"}

package/build/Modern/Pagination/Pagination.model.js

@@ -0,0 +1,211 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildComponentData = buildComponentData;
+exports.buildPaginationModel = buildPaginationModel;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/* eslint-disable @typescript-eslint/no-inferrable-types */
+function buildPaginationModel(pageCount, currentPage, showPages, marginPageCount, surroundingPageCount) {
+  var prev = {
+    type: 'PREV',
+    num: currentPage - 1,
+    disabled: currentPage === 1
+  };
+  var next = {
+    type: 'NEXT',
+    num: currentPage + 1,
+    disabled: currentPage === pageCount
+  };
+  if (!showPages) {
+    return [prev, next];
+  }
+  if (pageCount <= 0) {
+    return [prev, _objectSpread(_objectSpread({}, next), {}, {
+      disabled: true
+    })];
+  }
+  var pages = [];
+
+  // number of pages shown on each side of the current page
+  // [1, ..., 7, 8, _9_, 10, 11, ..., 15]
+  // standardGap: 3
+  var standardGap = surroundingPageCount + marginPageCount;
+
+  // the maximum number of pages that can be shown at a given time (account for current page, left and right ellipsis)
+  // [1, ..., 7, 8, _9_, 10, 11, ..., 15]
+  // maxVisiblePages: 9
+  var maxVisiblePages = standardGap + standardGap + 3;
+
+  // if the number of pages is less than the maximum number of pages that can be shown just return all of them
+  if (pageCount <= maxVisiblePages) {
+    addPages(1, pageCount, false);
+    return [prev].concat(pages, [next]);
+  }
+
+  // startGap is the number of pages hidden by the start ellipsis
+  // startOffset is the number of pages to offset at the start to compensate
+  // [1, ..., 7, 8, _9_, 10, 11, ..., 15]
+  // startGap: 5
+  // startOffset: 0
+  // when the margin and the surrounding windows overlap.
+  // [1, _2_, 3, 4, 5, 6, ..., 15]
+  // startGap = 0
+  // startOffset: -3 <--
+  var startGap = 0;
+  var startOffset = 0;
+
+  // When there is overlap
+  if (currentPage - standardGap - 1 <= 1) {
+    startOffset = currentPage - standardGap - 2;
+  } else {
+    startGap = currentPage - standardGap - 1;
+  }
+
+  // These are equivalent to startGap and startOffset but at the end of the list
+  var endGap = 0;
+  var endOffset = 0;
+
+  // When there is overlap
+  if (pageCount - currentPage - standardGap <= 1) {
+    endOffset = pageCount - currentPage - standardGap - 1;
+  } else {
+    endGap = pageCount - currentPage - standardGap;
+  }
+  var hasStartEllipsis = startGap > 0;
+  var hasEndEllipsis = endGap > 0;
+
+  // add pages "before" the start ellipsis (if any)
+  // [1, ..., 7, 8, _9_, 10, 11, ..., 15]
+  // marginPageCount: 1
+  // addPages(1, 1, true)
+  addPages(1, marginPageCount, hasStartEllipsis);
+  if (hasStartEllipsis) {
+    addEllipsis(marginPageCount);
+  }
+
+  // add middle pages
+  // [1, ..., 7, 8, _9_, 10, 11, ..., 15]
+  // marginPageCount: 1
+  // surroundingPageCount: 2
+  // startGap: 5
+  // startOffset: 0
+  // endGap: 3
+  // endOffset: 0
+  // addPages(7, 11, true)
+  addPages(marginPageCount + startGap + endOffset + 1, pageCount - startOffset - endGap - marginPageCount, hasEndEllipsis);
+  if (hasEndEllipsis) {
+    addEllipsis(pageCount - startOffset - endGap - marginPageCount);
+  }
+
+  // add pages "after" the start ellipsis (if any)
+  // [1, ..., 7, 8, _9_, 10, 11, ..., 15]
+  // marginPageCount: 1
+  // surroundingPageCount: 2
+  // startGap: 5
+  // startOffset: 0
+  // endGap: 3
+  // endOffset: 0
+  // addPages(15, 15)
+  addPages(pageCount - marginPageCount + 1, pageCount);
+  return [prev].concat(pages, [next]);
+  function addEllipsis(previousPage) {
+    pages.push({
+      type: 'BREAK',
+      num: previousPage + 1
+    });
+  }
+  function addPages(start, end) {
+    var precedesBreak = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    for (var i = start; i <= end; i++) {
+      pages.push({
+        type: 'NUM',
+        num: i,
+        selected: i === currentPage,
+        precedesBreak: i === end && precedesBreak
+      });
+    }
+  }
+}
+function buildComponentData(page, hrefBuilder, onClick) {
+  var props = {};
+  var content = '';
+  var key = '';
+  switch (page.type) {
+    case 'PREV':
+      {
+        key = 'page-prev';
+        content = 'Previous';
+        if (page.disabled) {
+          Object.assign(props, {
+            rel: 'prev',
+            'aria-hidden': 'true',
+            'aria-disabled': 'true'
+          });
+        } else {
+          Object.assign(props, {
+            rel: 'prev',
+            href: hrefBuilder(page.num),
+            'aria-label': 'Previous Page',
+            'data-testid': 'page-prev',
+            onClick: onClick
+          });
+        }
+        break;
+      }
+    case 'NEXT':
+      {
+        key = 'page-next';
+        content = 'Next';
+        if (page.disabled) {
+          Object.assign(props, {
+            rel: 'next',
+            'aria-hidden': 'true',
+            'aria-disabled': 'true'
+          });
+        } else {
+          Object.assign(props, {
+            rel: 'next',
+            href: hrefBuilder(page.num),
+            'aria-label': 'Next Page',
+            'data-testid': 'page-next',
+            onClick: onClick
+          });
+        }
+        break;
+      }
+    case 'NUM':
+      {
+        key = "page-".concat(page.num);
+        content = String(page.num);
+        Object.assign(props, {
+          href: hrefBuilder(page.num),
+          // We append "..." to the aria-label for pages that preceed a break because screen readers will
+          // change the tone the text is read in.
+          // This is a slightly nicer experience than skipping a bunch of numbers unexpectedly.
+          'aria-label': "Page ".concat(page.num).concat(page.precedesBreak ? '...' : ''),
+          'aria-current': page.selected ? 'page' : undefined,
+          onClick: onClick
+        });
+        break;
+      }
+    case 'BREAK':
+      {
+        key = "page-".concat(page.num, "-break");
+        content = '…';
+        Object.assign(props, {
+          as: 'span',
+          role: 'presentation'
+        });
+      }
+  }
+  return {
+    props: props,
+    key: key,
+    content: content
+  };
+}

package/build/Modern/Pagination/Pagination.module.scss

@@ -0,0 +1,141 @@
+/* stylelint-disable custom-property-pattern, selector-not-notation, no-descending-specificity */
+.Page {
+  min-width: 32px; /* primer.control.medium.size */
+  height: 32px; /* primer.control.medium.size */
+  padding: var(--base-size-8) calc((var(--base-size-32) - var(--base-size-20)) / 2); /* primer.control.medium.paddingInline.condensed primer.control.medium.paddingBlock */
+  margin-right: var(--base-size-4);
+  font-style: normal;
+  /* stylelint-disable-next-line primer/typography */
+  line-height: 1;
+  color: var(--fgColor-default);
+  text-align: center;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  cursor: pointer;
+  user-select: none;
+  background-color: transparent;
+  border-radius: var(--borderRadius-medium);
+  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.Page[rel='prev'] > svg,
+.Page[rel='next'] > svg {
+  /* sizing with `em` so icons scale with inherited font-size */
+  height: 1em;
+  width: 1em;
+}
+
+.Page[rel='prev'] > svg {
+  margin-inline-end: var(--base-size-4);
+}
+
+.Page[rel='next'] > svg {
+  margin-inline-start: var(--base-size-4);
+}
+
+.Page:last-child {
+  margin-right: 0;
+}
+
+.Page:hover,
+.Page:focus {
+  text-decoration: none;
+  background-color: var(--control-transparent-bgColor-hover);
+  outline: 0;
+  transition-duration: 0.1s;
+}
+
+.Page:focus-visible {
+  outline: 2px solid var(--bgColor-accent-emphasis);
+  outline-offset: -2px;
+}
+
+.Page:active {
+  border-color: var(--borderColor-muted);
+}
+
+.Page[rel='prev'],
+.Page[rel='next'] {
+  color: var(--fgColor-accent);
+}
+
+.Page[aria-current],
+.Page[aria-current]:hover {
+  color: var(--fgColor-onEmphasis);
+  background-color: var(--bgColor-accent-emphasis);
+  border-color: transparent;
+}
+
+.Page[aria-current]:focus-visible {
+  outline: 2px solid var(--bgColor-accent-emphasis);
+  outline-offset: -2px;
+  /* stylelint-disable-next-line primer/box-shadow */
+  box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis);
+}
+
+.Page[aria-hidden],
+.Page[aria-hidden]:hover,
+.Page[role='presentation'],
+.Page[role='presentation']:hover {
+  color: var(--fgColor-disabled);
+  cursor: default;
+  background-color: transparent;
+}
+
+.PaginationContainer {
+  /* stylelint-disable-next-line primer/spacing */
+  margin-top: 20px;
+  /* stylelint-disable-next-line primer/spacing */
+  margin-bottom: 15px;
+  text-align: center;
+}
+
+.TablePaginationSteps {
+  display: inline-block;
+}
+
+@media screen and (--viewportRange-narrow) {
+  .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:not(:first-child):not(:last-child) {
+    display: none;
+  }
+
+  .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:first-child {
+    margin-inline-end: 0;
+  }
+
+  .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:last-child {
+    margin-inline-start: 0;
+  }
+}
+
+@media screen and (--viewportRange-regular) {
+  .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:not(:first-child):not(:last-child) {
+    display: none;
+  }
+
+  .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:first-child {
+    margin-inline-end: 0;
+  }
+
+  .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:last-child {
+    margin-inline-start: 0;
+  }
+}
+
+@media screen and (--viewportRange-wide) {
+  .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:not(:first-child):not(:last-child) {
+    display: none;
+  }
+
+  .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:first-child {
+    margin-inline-end: 0;
+  }
+
+  .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:last-child {
+    margin-inline-start: 0;
+  }
+}

package/build/Modern/Pagination/__tests__/Pagination.doc.md

@@ -0,0 +1,12 @@
+# Pagination
+
+> Pagination component all features
+
+```
+# Featues
+
+> Defaults
+> LargerPageCountMargin
+> HidePageNumbers, HidePageNumbersByViewport, HigherSurroundingPageCount
+> RenderLinks
+```

package/build/Modern/Pagination/index.d.ts

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

package/build/Modern/Pagination/index.d.ts.map

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

package/build/Modern/Pagination/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Pagination", {
+  enumerable: true,
+  get: function get() {
+    return _Pagination.Pagination;
+  }
+});
+var _Pagination = require("./Pagination");

package/build/Modern/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useRefObjectAsForwardedRef } from './useRefObjectAsForwardedRef';
+export { useMedia } from './useMedia';
+//# sourceMappingURL=index.d.ts.map

package/build/Modern/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modern/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAA;AAEzE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/build/Modern/hooks/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useMedia", {
+  enumerable: true,
+  get: function get() {
+    return _useMedia.useMedia;
+  }
+});
+Object.defineProperty(exports, "useRefObjectAsForwardedRef", {
+  enumerable: true,
+  get: function get() {
+    return _useRefObjectAsForwardedRef.useRefObjectAsForwardedRef;
+  }
+});
+var _useRefObjectAsForwardedRef = require("./useRefObjectAsForwardedRef");
+var _useMedia = require("./useMedia");

package/build/Modern/hooks/useMedia.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+/**
+ * `useMedia` will use the given `mediaQueryString` with `matchMedia` to
+ * determine if the document matches the media query string.
+ *
+ * If `MatchMedia` is used as an ancestor, `useMedia` will instead use the
+ * value of the media query string, if available
+ *
+ * @example
+ * function Example() {
+ *   const coarsePointer = useMedia('(pointer: coarse)');
+ *   // ...
+ * }
+ */
+export declare function useMedia(mediaQueryString: string, defaultState?: boolean): boolean;
+type MediaQueryFeatures = Record<string, boolean | undefined>;
+interface MatchMediaProps {
+    children: React.ReactNode;
+    features?: MediaQueryFeatures;
+}
+/**
+ * Use `MatchMedia` to emulate media conditions by passing in feature
+ * queries to the `features` prop. If a component uses `useMedia` with the
+ * feature passed in to `MatchMedia` it will force its value to match what is
+ * provided to `MatchMedia`
+ *
+ * This should be used for development and documentation only in situations
+ * where devtools cannot emulate this feature
+ *
+ * @example
+ * <MatchMedia features={{ "(pointer: coarse)": true}}>
+ *   <Children />
+ * </MatchMedia>
+ */
+export declare function MatchMedia({ children, features }: MatchMediaProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=useMedia.d.ts.map

package/build/Modern/hooks/useMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMedia.d.ts","sourceRoot":"","sources":["../../../src/Modern/hooks/useMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAI7E;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,gBAAgB,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,WAgExE;AAED,KAAK,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC,CAAA;AAO7D,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,kBAAkB,CAAA;CAC9B;AAID;;;;;;;;;;;;;GAaG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,QAA0B,EAAE,EAAE,eAAe,2CAGnF"}