@papillonarts/components 0.35.0 → 0.37.0

package/build/Legacy/Blankslate/__tests__/Blankslate.doc.md

@@ -0,0 +1,57 @@
+# Blankslate
+
+> Blankslate component all features
+
+```
+# Featues
+
+> Default, Narrow, Capped, Spacious, Large, CleanBackground
+```
+
+## Default
+
+> Blankslate component default feature
+
+```jsx
+<Blankslate variant={BlankslateVariant.Default} heading={heading} text={text} />
+```
+
+## Narrow
+
+> Blankslate component narrow feature
+
+```jsx
+<Blankslate variant={BlankslateVariant.Narrow} heading={heading} text={text} />
+```
+
+## Capped
+
+> Blankslate component capped feature
+
+```jsx
+<Blankslate variant={BlankslateVariant.Capped} heading={heading} text={text} />
+```
+
+## Spacious
+
+> Blankslate component spacious feature
+
+```jsx
+<Blankslate variant={BlankslateVariant.Spacious} heading={heading} text={text} />
+```
+
+## Large
+
+> Blankslate component large feature
+
+```jsx
+<Blankslate variant={BlankslateVariant.Large} heading={heading} text={text} />
+```
+
+## CleanBackground
+
+> Blankslate component cleanBackground feature
+
+```jsx
+<Blankslate hasCleanBackground={true} heading={heading} text={text} />
+```

package/build/Legacy/Breadcrumb/__tests__/Breadcrumb.doc.md

@@ -0,0 +1,33 @@
+# Breadcrumb
+
+> Breadcrumb component all features
+
+```
+# Featues
+
+> Default, Active, Inactive
+```
+
+## Default
+
+> Breadcrumb component default feature
+
+```jsx
+<Breadcrumb ariaAttr={ariaAttr} items={items} onClick={action('onClick')} />
+```
+
+## Active
+
+> Breadcrumb component active feature
+
+```jsx
+<Breadcrumb ariaAttr={ariaAttr} items={items} onClick={action('onClick')} state={BreadcrumbState.Active} />
+```
+
+## Inactive
+
+> Breadcrumb component inactive feature
+
+```jsx
+<Breadcrumb ariaAttr={ariaAttr} items={items} onClick={action('onClick')} state={BreadcrumbState.Inactive} />
+```

package/build/Legacy/Markdown/__tests__/Markdown.doc.md

@@ -13,7 +13,7 @@
 > Markdown component default feature
 
 ```jsx
-<Markdown>{MarkdownUnformattedCode}</Markdown>
+<Markdown>{MarkdownCode}</Markdown>
 ```
 
 ## HLJS
@@ -21,7 +21,7 @@
 > Markdown component hljs feature
 
 ```jsx
-<Markdown highlighter={MarkdownHighlighter.HLJS}>{MarkdownUnformattedCode}</Markdown>
+<Markdown highlighter={MarkdownHighlighter.HLJS}>{MarkdownCode}</Markdown>
 ```
 
 ## Prism
@@ -29,5 +29,5 @@
 > Markdown component prism feature
 
 ```jsx
-<Markdown highlighter={MarkdownHighlighter.PRISM}>{MarkdownUnformattedCode}</Markdown>
+<Markdown highlighter={MarkdownHighlighter.PRISM}>{MarkdownCode}</Markdown>
 ```

package/build/Legacy/SyntaxHighlighter/__tests__/SyntaxHighlighter.doc.md

@@ -13,7 +13,7 @@
 > Markdown component default feature
 
 ```jsx
-<SyntaxHighlighter>{TypeScriptUnformattedCode}</SyntaxHighlighter>
+<SyntaxHighlighter>{TypeScriptCode}</SyntaxHighlighter>
 ```
 
 ## HLJS TypeScript
@@ -26,7 +26,7 @@
   language={SyntaxHighlighterLanguage.TypeScript}
   style={SyntaxHighlighterStyle.Ocean}
 >
-  {TypeScriptUnformattedCode}
+  {TypeScriptCode}
 </SyntaxHighlighter>
 ```
 
@@ -48,7 +48,7 @@
   language={SyntaxHighlighterLanguage.TypeScript}
   style={SyntaxHighlighterStyle.Nord}
 >
-  {TypeScriptUnformattedCode}
+  {TypeScriptCode}
 </SyntaxHighlighter>
 ```
 

package/build/Modern/Flash/Flash.d.ts

@@ -5,6 +5,5 @@ export type FlashProps = ComponentPropsWithoutRef<'div'> & {
     variant?: 'default' | 'warning' | 'success' | 'danger';
     full?: boolean;
 };
-declare const Flash: PolymorphicForwardRefComponent<"div", FlashProps>;
-export default Flash;
+export declare const Flash: PolymorphicForwardRefComponent<"div", FlashProps>;
 //# sourceMappingURL=Flash.d.ts.map

package/build/Modern/Flash/Flash.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Flash.d.ts","sourceRoot":"","sources":["../../../src/Modern/Flash/Flash.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAc,MAAM,OAAO,CAAA;AAC5D,OAAO,KAAK,EAAE,mBAAmB,IAAI,8BAA8B,EAAE,MAAM,sBAAsB,CAAA;AAGjG,MAAM,MAAM,UAAU,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IACtD,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,QAAA,MAAM,KAAK,EAUL,8BAA8B,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA;AAMvD,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Flash.d.ts","sourceRoot":"","sources":["../../../src/Modern/Flash/Flash.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAc,MAAM,OAAO,CAAA;AAC5D,OAAO,KAAK,EAAE,mBAAmB,IAAI,8BAA8B,EAAE,MAAM,sBAAsB,CAAA;AAGjG,MAAM,MAAM,UAAU,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IACtD,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,eAAO,MAAM,KAAK,EAUZ,8BAA8B,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA"}

package/build/Modern/Flash/Flash.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.Flash = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _clsx = require("clsx");
@@ -15,7 +15,7 @@ var _excluded = ["as", "className", "variant", "full"];
 /* eslint-disable react/prop-types */
 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; }
-var Flash = /*#__PURE__*/(0, _react.forwardRef)(function Flash(_ref, ref) {
+var Flash = exports.Flash = /*#__PURE__*/(0, _react.forwardRef)(function Flash(_ref, ref) {
   var _ref$as = _ref.as,
     BaseComponent = _ref$as === void 0 ? 'div' : _ref$as,
     className = _ref.className,
@@ -32,5 +32,4 @@ var Flash = /*#__PURE__*/(0, _react.forwardRef)(function Flash(_ref, ref) {
 });
 if (process.env.NODE_ENV !== 'production') {
   Flash.displayName = 'Flash';
-}
-var _default = exports["default"] = Flash;
+}

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

@@ -8,5 +8,4 @@
 > Default
 > Success, Danger, Warning, Full
 > WithIconAndAction, WithIconActionDismiss
-
 ```

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

@@ -1,3 +1,3 @@
-export { default } from './Flash';
+export { Flash } from './Flash';
 export type { FlashProps } from './Flash';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modern/Flash/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modern/Flash/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}

package/build/Modern/Flash/index.js

@@ -1,13 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "Flash", {
   enumerable: true,
   get: function get() {
-    return _Flash["default"];
+    return _Flash.Flash;
   }
 });
-var _Flash = _interopRequireDefault(require("./Flash"));
+var _Flash = require("./Flash");

package/build/Modern/Link/Link.d.ts

@@ -0,0 +1,19 @@
+import React, { ElementType, type ForwardedRef } from 'react';
+import { type PolymorphicProps } from '../utils/modern-polymorphic';
+import type { ComponentProps } from '../utils/types';
+type StyledLinkProps<As extends ElementType = 'a'> = {
+    as?: As;
+    /** @deprecated use CSS modules to style hover color */
+    hoverColor?: string;
+    muted?: boolean;
+    inline?: boolean;
+};
+export declare const UnwrappedLink: <As extends ElementType = "a">(props: PolymorphicProps<As, "a", StyledLinkProps>, ref: ForwardedRef<unknown>) => import("react/jsx-runtime").JSX.Element;
+export declare const Link: (<As extends ElementType = "a">(props: (React.ComponentPropsWithRef<React.ElementType extends As ? "a" : As> & StyledLinkProps<"a"> extends infer T ? T extends React.ComponentPropsWithRef<React.ElementType extends As ? "a" : As> & StyledLinkProps<"a"> ? T extends unknown ? Omit<T, "as"> : never : never : never) & {
+    as?: As;
+} & React.RefAttributes<unknown>) => React.ReactNode) & {
+    displayName: string;
+};
+export type LinkProps = ComponentProps<typeof Link>;
+export {};
+//# sourceMappingURL=Link.d.ts.map

package/build/Modern/Link/Link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/Modern/Link/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAmB,WAAW,EAAE,KAAK,YAAY,EAAqB,MAAM,OAAO,CAAA;AAEjG,OAAO,EAAE,KAAK,gBAAgB,EAAmB,MAAM,6BAA6B,CAAA;AAEpF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAGpD,KAAK,eAAe,CAAC,EAAE,SAAS,WAAW,GAAG,GAAG,IAAI;IACnD,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,EAAE,SAAS,WAAW,GAAG,GAAG,EACxD,OAAO,gBAAgB,CAAC,EAAE,EAAE,GAAG,EAAE,eAAe,CAAC,EACjD,KAAK,YAAY,CAAC,OAAO,CAAC,4CAmC3B,CAAA;AAID,eAAO,MAAM,IAAI,IAzCa,EAAE,SAAS,WAAW;;;;CAyCqB,CAAA;AAEzE,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA"}

package/build/Modern/Link/Link.docs.json

@@ -0,0 +1,61 @@
+{
+  "id": "link",
+  "name": "Link",
+  "status": "alpha",
+  "a11yReviewed": "2025-01-08",
+  "stories": [
+    {
+      "id": "components-link--default"
+    },
+    {
+      "id": "components-link-features--muted"
+    },
+    {
+      "id": "components-link-features--inline"
+    }
+  ],
+  "importPath": "@primer/react",
+  "props": [
+    {
+      "name": "href",
+      "type": "string",
+      "defaultValue": "",
+      "description": "URL to be used for the Link. (The `href` is passed to the underlying `<a>` element. If `as` is specified, the link behavior may need different props)."
+    },
+    {
+      "name": "muted",
+      "type": "boolean",
+      "defaultValue": "false",
+      "description": "Uses a less prominent shade for Link color, and the default link shade on hover."
+    },
+    {
+      "name": "inline",
+      "type": "boolean",
+      "defaultValue": "false",
+      "description": "Set to true for links adjacent to text, underlining them for clear visibility and improved accessibility."
+    },
+    {
+      "name": "underline",
+      "type": "boolean",
+      "defaultValue": "false",
+      "description": "Use `inline` instead.",
+      "deprecated": true
+    },
+    {
+      "name": "hoverColor",
+      "type": "string",
+      "defaultValue": "",
+      "description": "Color used when hovering over the link."
+    },
+    {
+      "name": "ref",
+      "type": "React.RefObject<HTMLAnchorElement>"
+    },
+    {
+      "name": "as",
+      "type": "React.ElementType",
+      "defaultValue": "\"a\""
+    }
+  ],
+  "subcomponents": []
+}

package/build/Modern/Link/Link.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnwrappedLink = exports.Link = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _clsx = require("clsx");
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("../hooks");
+var _modernPolymorphic = require("../utils/modern-polymorphic");
+var _LinkModule = _interopRequireDefault(require("./Link.module.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["as", "className", "inline", "hoverColor"];
+/* eslint-disable @typescript-eslint/consistent-type-definitions */
+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; }
+var UnwrappedLink = exports.UnwrappedLink = function UnwrappedLink(props, ref) {
+  var _props$as = props.as,
+    Component = _props$as === void 0 ? 'a' : _props$as,
+    className = props.className,
+    inline = props.inline,
+    hoverColor = props.hoverColor,
+    restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var innerRef = (0, _react.useRef)(null);
+  (0, _hooks.useRefObjectAsForwardedRef)(ref, innerRef);
+  if (process.env.NODE_ENV !== 'production') {
+    /**
+     * The Linter yells because it thinks this conditionally calls an effect,
+     * but since this is a compile-time flag and not a runtime conditional
+     * this is safe, and ensures the entire effect is kept out of prod builds
+     * shaving precious bytes from the output, and avoiding mounting a noop effect
+     */
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    (0, _react.useEffect)(function () {
+      if (innerRef.current && !(innerRef.current instanceof HTMLButtonElement) && !(innerRef.current instanceof HTMLAnchorElement)) {
+        console.error('Error: Found `Link` component that renders an inaccessible element', innerRef.current, 'Please ensure `Link` always renders as <a> or <button>');
+      }
+    }, [innerRef]);
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({
+    className: (0, _clsx.clsx)(className, _LinkModule["default"].Link),
+    "data-muted": restProps.muted,
+    "data-inline": inline,
+    "data-hover-color": hoverColor
+  }, restProps), {}, {
+    ref: innerRef
+  }));
+};
+var LinkComponent = (0, _modernPolymorphic.fixedForwardRef)(UnwrappedLink);
+var Link = exports.Link = Object.assign(LinkComponent, {
+  displayName: 'Link'
+});

package/build/Modern/Link/Link.module.scss

@@ -0,0 +1,39 @@
+/* stylelint-disable custom-property-pattern */
+:where(.Link) {
+  color: var(--fgColor-accent);
+  text-decoration: none;
+  text-underline-offset: 0.05rem;
+
+  /* Reset for button tags */
+  &:is(button) {
+    display: inline-block;
+    padding: 0;
+    font-size: inherit;
+    white-space: nowrap;
+    cursor: pointer;
+    user-select: none;
+    background-color: transparent;
+    border: 0;
+    appearance: none;
+  }
+
+  &:hover {
+    text-decoration: underline;
+  }
+
+  /*
+    Inline links (inside a text block) should have underline based on accessibility setting set in data-attribute
+  */
+  [data-a11y-link-underlines='true'] &:where([data-inline='true']) {
+    text-decoration: underline;
+  }
+
+  &:where([data-muted='true']) {
+    color: var(--fgColor-muted);
+
+    &:hover {
+      color: var(--fgColor-accent);
+      text-decoration: none;
+    }
+  }
+}

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

@@ -0,0 +1,10 @@
+# Link
+
+> Link component all features
+
+```
+# Featues
+
+> Default
+> Muted, Inline1, Inline2
+```

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modern/Link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA"}

package/build/Modern/Link/index.js

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

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { ResponsiveValue } from '../hooks/useResponsiveValue';
+import { type PageDataProps } from './Pagination.model';
+export type PageProps = {
+    key: string;
+    children: React.ReactNode;
+    number: number;
+    className: string;
+} & Omit<PageDataProps['props'], 'as' | 'role'>;
+export type PaginationProps = {
+    className?: string;
+    pageCount: number;
+    currentPage: number;
+    onPageChange?: (e: React.MouseEvent, n: number) => void;
+    hrefBuilder?: (n: number) => string;
+    marginPageCount?: number;
+    showPages?: boolean | ResponsiveValue<boolean>;
+    surroundingPageCount?: number;
+    renderPage?: (props: PageProps) => React.ReactNode;
+};
+export declare function Pagination({ className, pageCount, currentPage, onPageChange, hrefBuilder, marginPageCount, showPages, surroundingPageCount, renderPage, ...rest }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/Modern/Pagination/Pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAElE,OAAO,EAAE,KAAK,aAAa,EAA4C,MAAM,oBAAoB,CAAA;AAejG,MAAM,MAAM,SAAS,GAAG;IAEtB,GAAG,EAAE,MAAM,CAAA;IAEX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB,MAAM,EAAE,MAAM,CAAA;IAEd,SAAS,EAAE,MAAM,CAAA;CAClB,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,CAAA;AAoE/C,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACvD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IACnC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAC9C,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAA;CACnD,CAAA;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,SAAS,EACT,WAAW,EACX,YAAmB,EACnB,WAAgC,EAChC,eAAmB,EACnB,SAAgB,EAChB,oBAAwB,EACxB,UAAU,EACV,GAAG,IAAI,EACR,EAAE,eAAe,2CAmBjB"}

package/build/Modern/Pagination/Pagination.docs.json

@@ -0,0 +1,77 @@
+{
+  "id": "pagination",
+  "name": "Pagination",
+  "status": "alpha",
+  "a11yReviewed": "2025-01-08",
+  "stories": [
+    {
+      "id": "components-pagination--default"
+    },
+    {
+      "id": "components-pagination-features--larger-page-count-margin"
+    },
+    {
+      "id": "components-pagination-features--hide-page-numbers"
+    },
+    {
+      "id": "components-pagination-features--hide-page-numbers-by-viewport"
+    },
+    {
+      "id": "components-pagination-features--higher-surrounding-page-count"
+    }
+  ],
+  "importPath": "@primer/react",
+  "props": [
+    {
+      "name": "currentPage",
+      "type": "number",
+      "defaultValue": "",
+      "required": true,
+      "description": "The currently selected page."
+    },
+    {
+      "name": "pageCount",
+      "type": "number",
+      "defaultValue": "",
+      "required": true,
+      "description": "The total number of pages."
+    },
+    {
+      "name": "hrefBuilder",
+      "type": "function",
+      "defaultValue": "",
+      "description": "A function to generate links based on page number."
+    },
+    {
+      "name": "marginPageCount",
+      "type": "number",
+      "defaultValue": "1",
+      "description": "How many pages to always show at the left and right of the component."
+    },
+    {
+      "name": "onPageChange",
+      "type": "function",
+      "defaultValue": "(e: MouseEvent<Element, MouseEvent>, n: number) => void",
+      "description": "Called with event and page number when a page is clicked."
+    },
+    {
+      "name": "showPages",
+      "type": "boolean | { narrow?: boolean, regular?: boolean, wide?: boolean }",
+      "defaultValue": "true",
+      "description": "Whether or not to show the individual page links."
+    },
+    {
+      "name": "surroundingPageCount",
+      "type": "number",
+      "defaultValue": "2",
+      "description": "How many pages to display on each side of the currently selected page."
+    },
+    {
+      "name": "renderPage",
+      "type": "function",
+      "defaultValue": "(props: PageProps) => ReactNode",
+      "description": "Provide a custom component or render prop to render each page link within the component."
+    }
+  ],
+  "subcomponents": []
+}