@papillonarts/components 0.34.0 → 0.36.0

package/build/Legacy/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Legacy/index.ts"],"names":[],"mappings":"AAAA,OAAO,2CAA2C,CAAA;AAClD,OAAO,EAAE,KAAK,EAAgB,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAqB,MAAM,cAAc,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAyF,MAAM,UAAU,CAAA;AACxH,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG/C,OAAO,EAAE,IAAI,EAAsB,MAAM,QAAQ,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAiB,MAAM,UAAU,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAG7C,OAAO,EAAE,OAAO,EAA+B,MAAM,WAAW,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAmB,MAAM,YAAY,CAAA;AACtD,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,KAAK,EAAgB,MAAM,SAAS,CAAA;AAE7C,YAAY,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAE3C,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DlB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Legacy/index.ts"],"names":[],"mappings":"AAAA,OAAO,2CAA2C,CAAA;AAClD,OAAO,EAAE,KAAK,EAAgB,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAqB,MAAM,cAAc,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAyF,MAAM,UAAU,CAAA;AACxH,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG/C,OAAO,EAAE,IAAI,EAAsB,MAAM,QAAQ,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAiB,MAAM,UAAU,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAGrC,OAAO,EAAE,OAAO,EAA+B,MAAM,WAAW,CAAA;AAChE,OAAO,EAAE,QAAQ,EAAmB,MAAM,YAAY,CAAA;AACtD,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,KAAK,EAAgB,MAAM,SAAS,CAAA;AAE7C,YAAY,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAE3C,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DlB,CAAA"}

package/build/Legacy/index.js

@@ -16,15 +16,15 @@ var _Grid = require("./Grid");
 var _Icon = require("./Icon");
 var _Label = require("./Label");
 var _Loader = require("./Loader");
-var _MarkdownDocs = require("./MarkdownDocs");
+var _Markdown = require("./Markdown");
 var _Navigation = require("./Navigation");
 var _Pagination = require("./Pagination");
 var _Popover = require("./Popover");
-var _PreformattedCode = require("./PreformattedCode");
 var _Progress = require("./Progress");
 var _Select = require("./Select");
 var _SelectMenu = require("./SelectMenu");
 var _Subhead = require("./Subhead");
+var _SyntaxHighlighter = require("./SyntaxHighlighter");
 var _Toast = require("./Toast");
 var Legacy = exports.Legacy = {
   Alert: {
@@ -65,7 +65,7 @@ var Legacy = exports.Legacy = {
     Loader: _Loader.Loader,
     LoaderVariant: _Loader.LoaderVariant
   },
-  MarkdownDocs: _MarkdownDocs.MarkdownDocs,
+  Markdown: _Markdown.Markdown,
   Navigation: _Navigation.Navigation,
   Pagination: _Pagination.Pagination,
   Popover: {
@@ -73,7 +73,7 @@ var Legacy = exports.Legacy = {
     PopoverVariant: _Popover.PopoverVariant,
     PopoverSize: _Popover.PopoverSize
   },
-  PreformattedCode: _PreformattedCode.PreformattedCode,
+  SyntaxHighlighter: _SyntaxHighlighter.SyntaxHighlighter,
   Progress: {
     Progress: _Progress.Progress,
     ProgressVariant: _Progress.ProgressVariant

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

@@ -0,0 +1,11 @@
+# Flash
+
+> Flash component all features
+
+```
+# Featues
+
+> 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": []
+}

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"}