@primer/react 38.0.0-rc.4 → 38.0.0-rc.6

package/dist/live-region/AriaStatus.js

@@ -2,43 +2,24 @@ import { c } from 'react-compiler-runtime';
 import { Announce } from './Announce.js';
 import { jsx } from 'react/jsx-runtime';
 
-function AriaStatus(t0) {
-  const $ = c(8);
-  let children;
-  let rest;
+function AriaStatus(props) {
+  var _props$announceOnShow;
+  const $ = c(3);
+  const t0 = (_props$announceOnShow = props.announceOnShow) !== null && _props$announceOnShow !== void 0 ? _props$announceOnShow : false;
   let t1;
-  if ($[0] !== t0) {
-    ({
-      announceOnShow: t1,
-      children,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = rest;
-    $[3] = t1;
-  } else {
-    children = $[1];
-    rest = $[2];
-    t1 = $[3];
-  }
-  const announceOnShow = t1 === undefined ? false : t1;
-  let t2;
-  if ($[4] !== announceOnShow || $[5] !== children || $[6] !== rest) {
-    t2 = /*#__PURE__*/jsx(Announce, {
-      ...rest,
-      announceOnShow: announceOnShow,
-      politeness: "polite",
-      children: children
+  if ($[0] !== props || $[1] !== t0) {
+    t1 = /*#__PURE__*/jsx(Announce, {
+      ...props,
+      announceOnShow: t0,
+      politeness: "polite"
     });
-    $[4] = announceOnShow;
-    $[5] = children;
-    $[6] = rest;
-    $[7] = t2;
+    $[0] = props;
+    $[1] = t0;
+    $[2] = t1;
   } else {
-    t2 = $[7];
+    t1 = $[2];
   }
-  return t2;
+  return t1;
 }
 
 export { AriaStatus };

package/dist/utils/modern-polymorphic.d.ts

@@ -0,0 +1,22 @@
+import type { ComponentPropsWithRef, ElementType } from 'react';
+/**
+ * Distributive Omit utility type that works correctly with union types
+ */
+type DistributiveOmit<T, TOmitted extends PropertyKey> = T extends unknown ? Omit<T, TOmitted> : never;
+/**
+ * Fixed version of forwardRef that provides better type inference for polymorphic components
+ */
+type FixedForwardRef = <T, P = object>(render: (props: P, ref: React.Ref<T>) => React.ReactNode) => (props: P & React.RefAttributes<T>) => React.ReactNode;
+/**
+ * Cast forwardRef to the fixed version with better type inference
+ */
+export declare const fixedForwardRef: FixedForwardRef;
+/**
+ * Simplified polymorphic props type that handles the common pattern of
+ * `DistributiveOmit<ComponentPropsWithRef<ElementType extends As ? DefaultElement : As>, 'as'>`
+ */
+export type PolymorphicProps<TAs extends ElementType, TDefaultElement extends ElementType = 'div', Props = object> = DistributiveOmit<ComponentPropsWithRef<ElementType extends TAs ? TDefaultElement : TAs> & Props, 'as'> & {
+    as?: TAs;
+};
+export {};
+//# sourceMappingURL=modern-polymorphic.d.ts.map

package/dist/utils/modern-polymorphic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modern-polymorphic.d.ts","sourceRoot":"","sources":["../../src/utils/modern-polymorphic.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,qBAAqB,EAAE,WAAW,EAAC,MAAM,OAAO,CAAA;AAE7D;;GAEG;AACH,KAAK,gBAAgB,CAAC,CAAC,EAAE,QAAQ,SAAS,WAAW,IAAI,CAAC,SAAS,OAAO,GAAG,IAAI,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAA;AAEtG;;GAEG;AAGH,KAAK,eAAe,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,EACnC,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,KACrD,CAAC,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;AAE3D;;GAEG;AACH,eAAO,MAAM,eAAe,EAAiB,eAAe,CAAA;AAE5D;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAC1B,GAAG,SAAS,WAAW,EACvB,eAAe,SAAS,WAAW,GAAG,KAAK,EAC3C,KAAK,GAAG,MAAM,IACZ,gBAAgB,CAAC,qBAAqB,CAAC,WAAW,SAAS,GAAG,GAAG,eAAe,GAAG,GAAG,CAAC,GAAG,KAAK,EAAE,IAAI,CAAC,GAAG;IAC3G,EAAE,CAAC,EAAE,GAAG,CAAA;CACT,CAAA"}

package/dist/utils/modern-polymorphic.js

@@ -0,0 +1,26 @@
+import { forwardRef } from 'react';
+
+// Mostly taken from https://github.com/total-typescript/react-typescript-tutorial/blob/main/src/08-advanced-patterns/72-as-prop-with-forward-ref.solution.tsx
+
+
+/**
+ * Distributive Omit utility type that works correctly with union types
+ */
+
+/**
+ * Fixed version of forwardRef that provides better type inference for polymorphic components
+ */
+// TODO: figure out how to change this type so we can set displayName
+// like this: `ComponentName.displayName = 'DisplayName' instead of using workarounds
+
+/**
+ * Cast forwardRef to the fixed version with better type inference
+ */
+const fixedForwardRef = forwardRef;
+
+/**
+ * Simplified polymorphic props type that handles the common pattern of
+ * `DistributiveOmit<ComponentPropsWithRef<ElementType extends As ? DefaultElement : As>, 'as'>`
+ */
+
+export { fixedForwardRef };

package/generated/components.json

@@ -2397,11 +2397,6 @@
           "name": "as",
           "type": "React.ElementType",
           "defaultValue": "\"div\""
-        },
-        {
-          "name": "sx",
-          "type": "SystemStyleObject",
-          "deprecated": true
         }
       ],
       "subcomponents": [
@@ -3675,10 +3670,6 @@
           "id": "components-heading--default",
           "code": "() => <Heading>Default H2 Heading</Heading>"
         },
-        {
-          "id": "components-heading-features--test-sx",
-          "code": "() => (\n  <Heading\n    sx={{\n      fontSize: 2,\n      fontWeight: 'normal',\n    }}\n  >\n    Heading with sx override\n  </Heading>\n)"
-        },
         {
           "id": "components-heading-features--small",
           "code": "() => <Heading variant=\"small\">Small heading</Heading>"
@@ -3694,11 +3685,6 @@
       ],
       "importPath": "@primer/react",
       "props": [
-        {
-          "name": "sx",
-          "type": "SystemStyleObject",
-          "deprecated": true
-        },
         {
           "name": "as",
           "type": "React.ElementType",
@@ -3971,7 +3957,7 @@
       "stories": [
         {
           "id": "components-link--default",
-          "code": "() => <Link href=\"#\">Link</Link>"
+          "code": "() => <Link href=\"#\">Links are great</Link>"
         },
         {
           "id": "components-link-features--muted",
@@ -4027,11 +4013,6 @@
           "name": "as",
           "type": "React.ElementType",
           "defaultValue": "\"a\""
-        },
-        {
-          "name": "sx",
-          "type": "SystemStyleObject",
-          "deprecated": true
         }
       ],
       "subcomponents": []
@@ -4065,11 +4046,6 @@
           "name": "as",
           "type": "React.ElementType",
           "defaultValue": "\"nav\""
-        },
-        {
-          "name": "sx",
-          "type": "SystemStyleObject",
-          "deprecated": true
         }
       ],
       "subcomponents": [
@@ -4107,11 +4083,6 @@
               "name": "as",
               "type": "React.ElementType",
               "defaultValue": "\"a\""
-            },
-            {
-              "name": "sx",
-              "type": "SystemStyleObject",
-              "deprecated": true
             }
           ],
           "passthrough": {
@@ -4122,11 +4093,6 @@
         {
           "name": "NavList.LeadingVisual",
           "props": [
-            {
-              "name": "sx",
-              "type": "SystemStyleObject",
-              "deprecated": true
-            },
             {
               "name": "ref",
               "type": "React.RefObject<HTMLElement>"
@@ -4136,11 +4102,6 @@
         {
           "name": "NavList.TrailingVisual",
           "props": [
-            {
-              "name": "sx",
-              "type": "SystemStyleObject",
-              "deprecated": true
-            },
             {
               "name": "ref",
               "type": "React.RefObject<HTMLElement>"
@@ -4150,11 +4111,6 @@
         {
           "name": "NavList.SubNav",
           "props": [
-            {
-              "name": "sx",
-              "type": "SystemStyleObject",
-              "deprecated": true
-            },
             {
               "name": "ref",
               "type": "React.RefObject<HTMLElement>"
@@ -4176,11 +4132,6 @@
               "type": "string",
               "description": "The text that gets rendered as the group's heading. Alternatively, you can pass the `NavList.GroupHeading` component as a child of `NavList.Group`.\nIf both `title` and `NavList.GroupHeading` are passed, `NavList.GroupHeading` will be rendered as the heading."
             },
-            {
-              "name": "sx",
-              "type": "SystemStyleObject",
-              "deprecated": true
-            },
             {
               "name": "ref",
               "type": "React.RefObject<HTMLElement>"
@@ -4211,11 +4162,6 @@
               "description": "",
               "defaultValue": ""
             },
-            {
-              "name": "sx",
-              "type": "SystemStyleObject",
-              "deprecated": true
-            },
             {
               "name": "ref",
               "type": "React.RefObject<HTMLElement>"
@@ -4225,11 +4171,6 @@
         {
           "name": "NavList.Divider",
           "props": [
-            {
-              "name": "sx",
-              "type": "SystemStyleObject",
-              "deprecated": true
-            },
             {
               "name": "ref",
               "type": "React.RefObject<HTMLElement>"
@@ -4508,11 +4449,6 @@
           "description": "",
           "defaultValue": ""
         },
-        {
-          "name": "sx",
-          "type": "SystemStyleObject",
-          "deprecated": true
-        },
         {
           "name": "responsiveVariant",
           "type": "'fullscreen'",
@@ -5706,11 +5642,6 @@
               "type": "boolean",
               "defaultValue": "false",
               "description": "If true, the fieldset legend will be visually hidden"
-            },
-            {
-              "name": "sx",
-              "type": "SystemStyleObject",
-              "deprecated": true
             }
           ]
         },
@@ -5959,7 +5890,7 @@
         },
         {
           "id": "components-segmentedcontrol-features--associated-with-a-label-and-caption",
-          "code": "() => (\n  <div className={classes.LabelAndCaptionContainer}>\n    <div className={classes.LabelAndCaption}>\n      <Text fontSize={2} fontWeight=\"bold\" id=\"scLabel-vert\" display=\"block\">\n        File view\n      </Text>\n      <Text color=\"fg.subtle\" fontSize={1} id=\"scCaption-vert\" display=\"block\">\n        Change the way the file is viewed\n      </Text>\n    </div>\n    <SegmentedControl\n      aria-labelledby=\"scLabel-vert\"\n      aria-describedby=\"scCaption-vert\"\n    >\n      <SegmentedControl.Button defaultSelected>Preview</SegmentedControl.Button>\n      <SegmentedControl.Button>Raw</SegmentedControl.Button>\n      <SegmentedControl.Button>Blame</SegmentedControl.Button>\n    </SegmentedControl>\n  </div>\n)"
+          "code": "() => (\n  <div className={classes.LabelAndCaptionContainer}>\n    <div className={classes.LabelAndCaption}>\n      <Text className={classes.TextLargeBold} id=\"scLabel-vert\" display=\"block\">\n        File view\n      </Text>\n      <Text\n        className={classes.TextMediumSubtle}\n        id=\"scCaption-vert\"\n        display=\"block\"\n      >\n        Change the way the file is viewed\n      </Text>\n    </div>\n    <SegmentedControl\n      aria-labelledby=\"scLabel-vert\"\n      aria-describedby=\"scCaption-vert\"\n    >\n      <SegmentedControl.Button defaultSelected>Preview</SegmentedControl.Button>\n      <SegmentedControl.Button>Raw</SegmentedControl.Button>\n      <SegmentedControl.Button>Blame</SegmentedControl.Button>\n    </SegmentedControl>\n  </div>\n)"
         }
       ],
       "importPath": "@primer/react",
@@ -7184,11 +7115,6 @@
           "defaultValue": "'span'",
           "type": "React.ElementType"
         },
-        {
-          "name": "sx",
-          "type": "SystemStyleObject",
-          "deprecated": true
-        },
         {
           "name": "size",
           "type": "'large' | 'medium' | 'small'"
@@ -7782,7 +7708,7 @@
       "stories": [
         {
           "id": "components-toggleswitch--default",
-          "code": "() => (\n  <>\n    <Text id=\"toggle\" fontWeight=\"bold\" fontSize={1}>\n      Toggle label\n    </Text>\n    <ToggleSwitch aria-labelledby=\"toggle\" />\n  </>\n)"
+          "code": "() => (\n  <>\n    <Text id=\"toggle\" className={classes.TextMediumBold}>\n      Toggle label\n    </Text>\n    <ToggleSwitch aria-labelledby=\"toggle\" />\n  </>\n)"
         },
         {
           "id": "components-toggleswitch-features--small",
@@ -8011,11 +7937,6 @@
           "name": "size",
           "type": "'small' | 'medium' | 'large' | 'xlarge'",
           "description": "Which size the token will be rendered at"
-        },
-        {
-          "name": "sx",
-          "type": "SystemStyleObject",
-          "deprecated": true
         }
       ],
       "subcomponents": [
@@ -8062,11 +7983,6 @@
               "name": "size",
               "type": "'small' | 'medium' | 'large' | 'xlarge'",
               "description": "Which size the token will be rendered at"
-            },
-            {
-              "name": "sx",
-              "type": "SystemStyleObject",
-              "deprecated": true
             }
           ]
         }
@@ -8119,11 +8035,6 @@
           "name": "wrap",
           "type": "boolean",
           "description": "Use `true` to allow text within tooltip to wrap."
-        },
-        {
-          "name": "sx",
-          "type": "SystemStyleObject",
-          "deprecated": true
         }
       ],
       "subcomponents": []
@@ -8197,11 +8108,6 @@
           "name": "keybindingHint",
           "type": "string",
           "description": "Optional keybinding hint to indicate the availability of a keyboard shortcut. Supported syntax is described in the docs for the `KeybindingHint` component."
-        },
-        {
-          "name": "sx",
-          "type": "SystemStyleObject",
-          "deprecated": true
         }
       ],
       "subcomponents": []
@@ -8770,7 +8676,7 @@
         },
         {
           "id": "deprecated-components-selectpanel-examples--short-select-panel",
-          "code": "() => {\n  const initialChannels = {\n    GitHub: false,\n    Email: false,\n  }\n  const [channels, setChannels] = React.useState(initialChannels)\n  const [onlyFailures, setOnlyFailures] = React.useState(false)\n  const onSubmit = () => {\n    // eslint-disable-next-line no-console\n    console.log('form submitted')\n  }\n  const onCancel = () => {\n    setChannels(initialChannels)\n  }\n  const toggleChannel = (channel: keyof typeof channels) => {\n    setChannels({\n      ...channels,\n      [channel]: !channels[channel],\n    })\n  }\n  const channelsEnabled = channels.GitHub || channels.Email\n  return (\n    <>\n      <h1>Short SelectPanel</h1>\n      <p>\n        Use <code>height=fit-content</code> to match height of contents\n      </p>\n      <SelectPanel\n        title=\"Select notification channels\"\n        onSubmit={onSubmit}\n        onCancel={onCancel}\n      >\n        <SelectPanel.Button>\n          <Text\n            sx={{\n              color: 'fg.muted',\n            }}\n          >\n            Notify me:\n          </Text>{' '}\n          {Object.keys(channels)\n            .filter((channel) => channels[channel as keyof typeof channels])\n            .join(', ') || 'Never'}\n          {onlyFailures && channelsEnabled && ' (Failed workflows only)'}\n        </SelectPanel.Button>\n\n        <ActionList>\n          <ActionList.Item\n            selected={channels.GitHub}\n            onSelect={() => toggleChannel('GitHub')}\n          >\n            On GitHub\n          </ActionList.Item>\n          <ActionList.Item\n            selected={channels.Email}\n            onSelect={() => toggleChannel('Email')}\n          >\n            Email\n          </ActionList.Item>\n          <div\n            role=\"none\"\n            className={`${classes.TransitionBox} ${channelsEnabled ? classes.TransitionBoxVisible : classes.TransitionBoxHidden}`}\n          >\n            <ActionList.Divider />\n            <ActionList.Item\n              selected={onlyFailures}\n              onSelect={() => setOnlyFailures(!onlyFailures)}\n            >\n              Only notify for failed workflows\n            </ActionList.Item>\n          </div>\n        </ActionList>\n        <SelectPanel.Footer />\n      </SelectPanel>\n    </>\n  )\n}"
+          "code": "() => {\n  const initialChannels = {\n    GitHub: false,\n    Email: false,\n  }\n  const [channels, setChannels] = React.useState(initialChannels)\n  const [onlyFailures, setOnlyFailures] = React.useState(false)\n  const onSubmit = () => {\n    // eslint-disable-next-line no-console\n    console.log('form submitted')\n  }\n  const onCancel = () => {\n    setChannels(initialChannels)\n  }\n  const toggleChannel = (channel: keyof typeof channels) => {\n    setChannels({\n      ...channels,\n      [channel]: !channels[channel],\n    })\n  }\n  const channelsEnabled = channels.GitHub || channels.Email\n  return (\n    <>\n      <h1>Short SelectPanel</h1>\n      <p>\n        Use <code>height=fit-content</code> to match height of contents\n      </p>\n      <SelectPanel\n        title=\"Select notification channels\"\n        onSubmit={onSubmit}\n        onCancel={onCancel}\n      >\n        <SelectPanel.Button>\n          <Text className={classes.TextMuted}>Notify me:</Text>{' '}\n          {Object.keys(channels)\n            .filter((channel) => channels[channel as keyof typeof channels])\n            .join(', ') || 'Never'}\n          {onlyFailures && channelsEnabled && ' (Failed workflows only)'}\n        </SelectPanel.Button>\n\n        <ActionList>\n          <ActionList.Item\n            selected={channels.GitHub}\n            onSelect={() => toggleChannel('GitHub')}\n          >\n            On GitHub\n          </ActionList.Item>\n          <ActionList.Item\n            selected={channels.Email}\n            onSelect={() => toggleChannel('Email')}\n          >\n            Email\n          </ActionList.Item>\n          <div\n            role=\"none\"\n            className={`${classes.TransitionBox} ${channelsEnabled ? classes.TransitionBoxVisible : classes.TransitionBoxHidden}`}\n          >\n            <ActionList.Divider />\n            <ActionList.Item\n              selected={onlyFailures}\n              onSelect={() => setOnlyFailures(!onlyFailures)}\n            >\n              Only notify for failed workflows\n            </ActionList.Item>\n          </div>\n        </ActionList>\n        <SelectPanel.Footer />\n      </SelectPanel>\n    </>\n  )\n}"
         },
         {
           "id": "deprecated-components-selectpanel-features--instant-selection-variant",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@primer/react",
   "type": "module",
-  "version": "38.0.0-rc.4",
+  "version": "38.0.0-rc.6",
   "description": "An implementation of GitHub's Primer Design System using React",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -117,11 +117,11 @@
     "@rollup/plugin-terser": "0.4.4",
     "@rollup/plugin-typescript": "12.1.4",
     "@rollup/plugin-virtual": "3.0.2",
-    "@storybook/addon-a11y": "^9.1.5",
-    "@storybook/addon-docs": "^9.1.5",
-    "@storybook/addon-links": "^9.1.5",
-    "@storybook/icons": "^1.4.0",
-    "@storybook/react-vite": "^9.1.5",
+    "@storybook/addon-a11y": "^9.1.8",
+    "@storybook/addon-docs": "^9.1.8",
+    "@storybook/addon-links": "^9.1.8",
+    "@storybook/icons": "^1.6.0",
+    "@storybook/react-vite": "^9.1.8",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^16.3.0",
@@ -181,7 +181,7 @@
     "rollup-plugin-import-css": "^0.0.0",
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-visualizer": "6.0.3",
-    "storybook": "^9.1.5",
+    "storybook": "^9.1.8",
     "styled-components": "5.3.11",
     "terser": "5.36.0",
     "ts-toolbelt": "9.6.0",

package/dist/DataTable/Table-87f4043f.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/DataTable/Table.module.css"],"names":[],"mappings":"AACA,oCAUE,mCAA8B,CAT9B,YAAa,CAEb,uHAMiB,CAPjB,6BASF,CAGA,gCAQE,iBAAkB,CANlB,8CAAuC,CACvC,gDAA6C,CAI7C,eAAgB,CAFhB,gBAIF,CAGA,mEANE,oDAA6B,CAL7B,QAkBF,CAPA,mCAEE,4CAAsC,CACtC,8CAA2C,CAG3C,kBAAmB,CAFnB,kDAGF,CAGA,kCAGE,kBAAmB,CADnB,mCAA8B,CAD9B,YAAa,CAGb,iBAAkB,CAClB,gBACF,CAGA,kCAIE,uEAA4C,CAC5C,iBAAkB,CAHlB,UAAW,CAKX,yCAAoC,CADpC,2CAAuC,CALvC,UAOF,CAGA,mOAGE,2CACF,CAOA,qEAJE,eAsCF,CAlCA,2BAEE,8BAA+B,CAC/B,wFAA2F,CAC3F,yBAA0B,CAW1B,mEAAwC,CADxC,wBAAyB,CAFzB,gBAAiB,CANjB,YAAa,CAGb,gCAAiC,CAQjC,kDAAmD,CANnD,mBAA0B,CAJ1B,UA2BF,CAdE,gEACE,4BAA6B,CAC7B,4BACF,CAEA,6DACE,2BAA4B,CAC5B,6BACF,CAEA,+DACE,4BAA6B,CAC7B,0BACF,CAIF,wFAEE,iHACF,CAEA,sFAEE,+GACF,CAEA,gEAME,kBAAmB,CACnB,8GAA0E,CAL1E,YAAa,CAEb,iCAAkC,CAClC,gBAGF,CAEA,0HAEE,YAAa,CAEb,wBAAyB,CADzB,cAEF,CAEA,2FACE,YAAa,CACb,0BACF,CAEA,4GACE,gHACF,CAIA,wHAEE,iDACF,CAGA,uHAEE,kDACF,CAGA,qMAEE,oDACF,CAGA,oMAEE,qDACF,CAMA,6KAEE,6CACF,CAEA,2KAEE,2CACF,CAGA,iCAGE,gEAAsC,CACtC,gHAA4E,CAF5E,gDAA2B,CAD3B,gDAIF,CAEA,6HAEE,oDACF,CAGA,mCACE,iBACF,CASA,yZAEE,kBACF,CAGA,+GACE,wGACF,CAGA,kDAIE,kBAAmB,CADnB,oDAA6B,CAF7B,YAAa,CACb,gDAGF,CAGA,uCACE,SACF,CAEA,4CACE,YAAa,CAEb,qBAAsB,CADtB,UAEF,CAEA,2CAEE,iCAqBF,CAnBE,6DACE,yBACF,CAEA,6DACE,2BACF,CAEA,6DACE,yBACF,CAEA,6DACE,yBACF,CAEA,6DACE,yBACF,CAGF,yEACE,gCACF,CAEA,8DACE,8GACF,CAEA,qCACE,gBACF,CAGA,4FAGE,gBACF,CAEA,0CACE,4FAGE,YAAa,CAEb,gBAAkB,CADlB,6BAEF,CACF","file":"Table-87f4043f.css","sourcesContent":["/* Container ---------------------------------------------------------------- */\n.TableContainer {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-template-areas:\n    'title actions'\n    'divider divider'\n    'subtitle subtitle'\n    'filter filter'\n    'table table'\n    'footer footer';\n  column-gap: var(--base-size-8);\n}\n\n/* TableTitle */\n.TableTitle {\n  margin: 0;\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--base-text-weight-semibold);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 20px;\n  color: var(--fgColor-default);\n  grid-area: title;\n  align-self: center;\n}\n\n/* TableSubtitle */\n.TableSubtitle {\n  margin: 0;\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-normal);\n  line-height: var(--text-title-lineHeight-small);\n  color: var(--fgColor-default);\n  grid-area: subtitle;\n}\n\n/* TableActions */\n.TableActions {\n  display: flex;\n  column-gap: var(--base-size-8);\n  align-items: center;\n  grid-area: actions;\n  justify-self: end;\n}\n\n/* TableDivider */\n.TableDivider {\n  width: 100%;\n  height: 1px;\n  /* stylelint-disable-next-line primer/colors */\n  background-color: var(--borderColor-default);\n  grid-area: divider;\n  margin-block-start: var(--base-size-16);\n  margin-block-end: var(--base-size-8);\n}\n\n/* Spacing before the table */\n.TableTitle + .TableOverflowWrapper,\n.TableSubtitle + .TableOverflowWrapper,\n.TableActions + .TableOverflowWrapper {\n  margin-block-start: var(--base-size-8);\n}\n\n.TableOverflowWrapper {\n  grid-area: table;\n}\n\n/* Table -------------------------------------------------------------------- */\n.Table {\n  /* Default table styles */\n  --table-border-radius: 0.375rem;\n  --table-cell-padding: var(--cell-padding-block, 0.5rem) var(--cell-padding-inline, 0.75rem);\n  --table-font-size: 0.75rem;\n\n  display: grid;\n  width: 100%;\n  /* stylelint-disable-next-line primer/typography */\n  font-size: var(--table-font-size);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: calc(20 / 12);\n  border-spacing: 0;\n  /* stylelint-disable-next-line primer/borders */\n  border-collapse: separate;\n  background-color: var(--bgColor-default);\n  grid-area: table;\n  grid-template-columns: var(--grid-template-columns);\n\n  /* Density modes: condensed, normal, spacious */\n  &:where([data-cell-padding='condensed']) {\n    --cell-padding-block: 0.25rem;\n    --cell-padding-inline: 0.5rem;\n  }\n\n  &:where([data-cell-padding='normal']) {\n    --cell-padding-block: 0.5rem;\n    --cell-padding-inline: 0.75rem;\n  }\n\n  &:where([data-cell-padding='spacious']) {\n    --cell-padding-block: 0.75rem;\n    --cell-padding-inline: 1rem;\n  }\n}\n\n/* Borders */\n.TableCell:first-child,\n.TableHeader:first-child {\n  border-inline-start: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TableCell:last-child,\n.TableHeader:last-child {\n  border-inline-end: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TableHeader,\n.TableCell {\n  display: flex;\n  /* stylelint-disable-next-line primer/spacing */\n  padding: var(--table-cell-padding);\n  text-align: start;\n  align-items: center;\n  border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TableHeader:where([data-cell-align='end']),\n.TableCell:where([data-cell-align='end']) {\n  display: flex;\n  text-align: end;\n  justify-content: flex-end;\n}\n\n.TableHeader[data-cell-align='end'] .TableSortButton {\n  display: flex;\n  flex-direction: row-reverse;\n}\n\n.TableHead .TableRow:first-of-type .TableHeader {\n  border-block-start: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n/* Border radius */\n/* stylelint-disable-next-line selector-max-specificity */\n.TableHead .TableRow:first-of-type .TableHeader:first-child {\n  /* stylelint-disable-next-line primer/borders */\n  border-top-left-radius: var(--table-border-radius);\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.TableHead .TableRow:first-of-type .TableHeader:last-child {\n  /* stylelint-disable-next-line primer/borders */\n  border-top-right-radius: var(--table-border-radius);\n}\n\n/* stylelint-disable-next-line selector-max-compound-selectors,selector-max-specificity */\n.TableOverflowWrapper:last-child .Table .TableBody .TableRow:last-of-type .TableCell:first-child {\n  /* stylelint-disable-next-line primer/borders */\n  border-bottom-left-radius: var(--table-border-radius);\n}\n\n/* stylelint-disable-next-line selector-max-compound-selectors,selector-max-specificity */\n.TableOverflowWrapper:last-child .Table .TableBody .TableRow:last-of-type .TableCell:last-child {\n  /* stylelint-disable-next-line primer/borders */\n  border-bottom-right-radius: var(--table-border-radius);\n}\n\n/**\n * Offset padding to make sure type aligns regardless of cell padding\n * selection\n */\n.TableRow > *:first-child:not(.TableCellSkeleton),\n.TableRow > *:first-child .TableCellSkeletonItem {\n  padding-inline-start: var(--base-size-16);\n}\n\n.TableRow > *:last-child:not(.TableCellSkeleton),\n.TableRow > *:last-child .TableCellSkeletonItem {\n  padding-inline-end: var(--base-size-16);\n}\n\n/* TableHeader */\n.TableHeader {\n  font-weight: var(--base-text-weight-semibold);\n  color: var(--fgColor-muted);\n  background-color: var(--bgColor-muted);\n  border-block-start: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TableHeader:where([aria-sort='descending']),\n.TableHeader:where([aria-sort='ascending']) {\n  color: var(--fgColor-default);\n}\n\n/* Control visibility of sort icons */\n.TableSortIcon {\n  visibility: hidden;\n}\n\n/* The ASC icon is visible if the header is sortable and is hovered or focused */\n.TableHeader:hover .TableSortIcon--ascending,\n.TableHeader .TableSortButton:focus .TableSortIcon--ascending {\n  visibility: visible;\n}\n\n/* Each sort icon is visible if the TableHeader is currently in the corresponding sort state */\n.TableHeader[aria-sort='ascending'] .TableSortIcon--ascending,\n.TableHeader[aria-sort='descending'] .TableSortIcon--descending {\n  visibility: visible;\n}\n\n/* TableRow */\n.TableRow:hover .TableCell:not(.TableCellSkeleton) {\n  background-color: var(--control-transparent-bgColor-hover);\n}\n\n/* TableCell */\n.TableCell:where([scope='row']) {\n  display: flex;\n  font-weight: var(--base-text-weight-semibold);\n  color: var(--fgColor-default);\n  align-items: center;\n}\n\n/* TableCellSkeleton */\n.TableCellSkeleton {\n  padding: 0;\n}\n\n.TableCellSkeletonItems {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.TableCellSkeletonItem {\n  /* stylelint-disable-next-line primer/spacing */\n  padding: var(--table-cell-padding);\n\n  &:nth-of-type(5n + 1) {\n    --skeleton-item-width: 85%;\n  }\n\n  &:nth-of-type(5n + 2) {\n    --skeleton-item-width: 67.5%;\n  }\n\n  &:nth-of-type(5n + 3) {\n    --skeleton-item-width: 80%;\n  }\n\n  &:nth-of-type(5n + 4) {\n    --skeleton-item-width: 60%;\n  }\n\n  &:nth-of-type(5n + 5) {\n    --skeleton-item-width: 75%;\n  }\n}\n\n.TableCellSkeletonItem [data-component='SkeletonText'] {\n  width: var(--skeleton-item-width);\n}\n\n.TableCellSkeletonItem:not(:last-of-type) {\n  border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TableSortButton {\n  column-gap: 0.5rem;\n}\n\n/* Grid layout */\n.TableHead,\n.TableBody,\n.TableRow {\n  display: contents;\n}\n\n@supports (grid-template-columns: subgrid) {\n  .TableHead,\n  .TableBody,\n  .TableRow {\n    display: grid;\n    grid-template-columns: subgrid;\n    grid-column: -1 /1;\n  }\n}\n"]}

package/dist/Dialog/Dialog-8a809d11.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Dialog/Dialog.module.css"],"names":[],"mappings":"AAOA,oCACE,eAAgB,CAChB,cAAe,CACf,iBACF,CAEA,mDACE,GACE,SACF,CAEA,GACE,SACF,CACF,CAEA,sDACE,GACE,SAAU,CACV,mBACF,CAEA,GACE,SAAU,CACV,kBACF,CACF,CAEA,oDACE,GACE,0BACF,CACF,CAEA,yDACE,GACE,2BACF,CACF,CAEA,wDACE,GACE,0BACF,CACF,CAGA,0CACE,MAEE,cACF,CACF,CAEA,2BAQE,+EAAsE,CADtE,8EAAiD,CAHjD,QAAS,CAET,YAAa,CADb,MAAO,CAJP,cAAe,CAEf,OAAQ,CADR,KAoCF,CA1BE,oFAHA,kBAAmB,CACnB,sBAKA,CAEA,uDACE,kBAAmB,CACnB,0BACF,CAEA,wDACE,kBAAmB,CACnB,wBACF,CAEA,yBACE,wDACE,kBAAmB,CACnB,sBACF,CAEA,wDACE,eAAgB,CAChB,sBACF,CACF,CAGF,yBASE,mEAAwC,CACxC,8CAAwC,CACxC,wEAAmE,CACnE,mEAAwC,CAXxC,YAAa,CAOb,qBAAsB,CAFtB,WAAY,CACZ,8BAA+B,CAF/B,6BAA8B,CAD9B,eAAgB,CAShB,SAAU,CAVV,WA6HF,CAjHE,mDACE,WACF,CAEA,oDACE,WACF,CAEA,mDAEE,WACF,CAEA,oDACE,YACF,CAEA,oDACE,YACF,CAEA,yDApCF,yBAqCI,4GA2FJ,CA1FE,CAEA,uDACE,wEAKF,CAHE,yDAHF,uDAII,4GAEJ,CADE,CAGF,qDAGE,wEAAmE,CAEnE,2BAA4B,CAD5B,wBAAyB,CAHzB,aAAc,CACd,gBAQF,CAHE,yDAPF,qDAQI,gHAEJ,CADE,CAGF,sDAGE,wEAAmE,CAEnE,4BAA6B,CAD7B,yBAA0B,CAH1B,aAAc,CACd,gBAQF,CAHE,yDAPF,sDAQI,8GAEJ,CADE,CAGF,yBACE,sDAIE,wEAAmE,CADnE,WAAY,CADZ,WAwBF,CApBE,gFACE,WACF,CAEA,iFACE,WACF,CAEA,gFAEE,WACF,CAEA,iFACE,YACF,CAEA,iFACE,YACF,CAGF,sDAKE,wEAAmE,CAEnE,2BAA4B,CAD5B,4BAA6B,CAH7B,WAAY,CACZ,8BAA+B,CAF/B,gBAAiB,CADjB,YAWF,CAHE,yDATF,sDAUI,2GAEJ,CADE,CAGF,0DAKE,6BAA+B,CAC/B,WAAY,CAHZ,WAAY,CACZ,iBAAkB,CAFlB,gBAAiB,CADjB,UAUF,CAHE,yDARF,0DASI,4GAEJ,CADE,CAEJ,CAGF,kEAGE,yBAA2B,CAD3B,sDAEF,CAEA,wCACE,WACF,CAQA,uDACE,cAYF,CAVE,+FAGE,wCAAwB,CADxB,8GAA0E,CAE1E,+BAKF,CAHE,4CANF,+FAOI,mIAEJ,CADE,CAIJ,yBAME,yEAA8C,CAC9C,aAAc,CALd,eAAgB,CAEhB,eAAgB,CADhB,gCAA2B,CAF3B,SAOF,CAEA,wBAEE,8CAAuC,CACvC,8CAA2C,CAF3C,QAGF,CAEA,2BAKE,gDAA2B,CAF3B,4CAAsC,CACtC,8CAA2C,CAH3C,QAAS,CACT,oCAIF,CAEA,uBAGE,WAAY,CADZ,aAEF,CAEA,gDALE,gCAoBF,CAfA,yBAEE,YAAa,CACb,cAAe,CAIf,aAAc,CADd,4BAAuB,CAFvB,wBAAyB,CAHzB,SAcF,CANE,0BATF,yBAYI,kBAAmB,CAFnB,gBAAiB,CAGjB,qBAAsB,CAFtB,iBAIJ,CADE","file":"Dialog-8a809d11.css","sourcesContent":["/* The --prc-dialog-scrollgutter property is used only on the body element to\n * simulate scrollbar-gutter:stable. This property is not and should not\n * be used elsewhere in the DOM. There is a performance penalty to\n * setting inherited properties which can cause a large style recalc to\n * occur, so it benefits us to prevent inheritance for this property.\n * See https://web.dev/blog/at-property-performance\n */\n@property --prc-dialog-scrollgutter {\n  initial-value: 0;\n  inherits: false;\n  syntax: '<length>';\n}\n\n@keyframes dialog-backdrop-appear {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes Overlay--motion-scaleFade {\n  0% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes Overlay--motion-slideUp {\n  from {\n    transform: translateY(100%);\n  }\n}\n\n@keyframes Overlay--motion-slideInRight {\n  from {\n    transform: translateX(-100%);\n  }\n}\n\n@keyframes Overlay--motion-slideInLeft {\n  from {\n    transform: translateX(100%);\n  }\n}\n\n/* Used to determine whether there should be a border between the body and footer */\n@keyframes detect-scroll {\n  from,\n  to {\n    --can-scroll: 1;\n  }\n}\n\n.Backdrop {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  background-color: var(--overlay-backdrop-bgColor);\n  animation: dialog-backdrop-appear 200ms cubic-bezier(0.33, 1, 0.68, 1);\n  align-items: center;\n  justify-content: center;\n\n  &[data-position-regular='center'] {\n    align-items: center;\n    justify-content: center;\n  }\n\n  &[data-position-regular='left'] {\n    align-items: center;\n    justify-content: flex-start;\n  }\n\n  &[data-position-regular='right'] {\n    align-items: center;\n    justify-content: flex-end;\n  }\n\n  @media (max-width: 767px) {\n    &[data-position-narrow='center'] {\n      align-items: center;\n      justify-content: center;\n    }\n\n    &[data-position-narrow='bottom'] {\n      align-items: end;\n      justify-content: center;\n    }\n  }\n}\n\n.Dialog {\n  display: flex;\n  /* stylelint-disable-next-line primer/responsive-widths */\n  width: 640px;\n  min-width: 296px;\n  max-width: calc(100dvw - 64px);\n  height: auto;\n  max-height: calc(100dvh - 64px);\n  flex-direction: column;\n  background-color: var(--overlay-bgColor);\n  border-radius: var(--borderRadius-large);\n  border-radius: var(--borderRadius-large, var(--borderRadius-large));\n  box-shadow: var(--shadow-floating-small);\n  opacity: 1;\n\n  &:where([data-width='small']) {\n    width: 296px;\n  }\n\n  &:where([data-width='medium']) {\n    width: 320px;\n  }\n\n  &:where([data-width='large']) {\n    /* stylelint-disable-next-line primer/responsive-widths */\n    width: 480px;\n  }\n\n  &:where([data-height='small']) {\n    height: 480px;\n  }\n\n  &:where([data-height='large']) {\n    height: 640px;\n  }\n\n  @media screen and (prefers-reduced-motion: no-preference) {\n    animation: Overlay--motion-scaleFade 0.2s cubic-bezier(0.33, 1, 0.68, 1) 1ms 1 normal none running;\n  }\n\n  &[data-position-regular='center'] {\n    border-radius: var(--borderRadius-large, var(--borderRadius-large));\n\n    @media screen and (prefers-reduced-motion: no-preference) {\n      animation: Overlay--motion-scaleFade 0.2s cubic-bezier(0.33, 1, 0.68, 1) 1ms 1 normal none running;\n    }\n  }\n\n  &[data-position-regular='left'] {\n    height: 100dvh;\n    max-height: unset;\n    border-radius: var(--borderRadius-large, var(--borderRadius-large));\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n\n    @media screen and (prefers-reduced-motion: no-preference) {\n      animation: Overlay--motion-slideInRight 0.25s cubic-bezier(0.33, 1, 0.68, 1) 1ms 1 normal none running;\n    }\n  }\n\n  &[data-position-regular='right'] {\n    height: 100dvh;\n    max-height: unset;\n    border-radius: var(--borderRadius-large, var(--borderRadius-large));\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n\n    @media screen and (prefers-reduced-motion: no-preference) {\n      animation: Overlay--motion-slideInLeft 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;\n    }\n  }\n\n  @media (max-width: 767px) {\n    &[data-position-narrow='center'] {\n      /* stylelint-disable-next-line primer/responsive-widths */\n      width: 640px;\n      height: auto;\n      border-radius: var(--borderRadius-large, var(--borderRadius-large));\n\n      &:where([data-width='small']) {\n        width: 296px;\n      }\n\n      &:where([data-width='medium']) {\n        width: 320px;\n      }\n\n      &:where([data-width='large']) {\n        /* stylelint-disable-next-line primer/responsive-widths */\n        width: 480px;\n      }\n\n      &:where([data-height='small']) {\n        height: 480px;\n      }\n\n      &:where([data-height='large']) {\n        height: 640px;\n      }\n    }\n\n    &[data-position-narrow='bottom'] {\n      width: 100dvw;\n      max-width: 100dvw;\n      height: auto;\n      max-height: calc(100dvh - 64px);\n      border-radius: var(--borderRadius-large, var(--borderRadius-large));\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 0;\n\n      @media screen and (prefers-reduced-motion: no-preference) {\n        animation: Overlay--motion-slideUp 0.25s cubic-bezier(0.33, 1, 0.68, 1) 1ms 1 normal none running;\n      }\n    }\n\n    &[data-position-narrow='fullscreen'] {\n      width: 100%;\n      max-width: 100dvw;\n      height: 100%;\n      max-height: 100dvh;\n      border-radius: unset !important;\n      flex-grow: 1;\n\n      @media screen and (prefers-reduced-motion: no-preference) {\n        animation: Overlay--motion-scaleFade 0.2s cubic-bezier(0.33, 1, 0.68, 1) 1ms 1 normal none running;\n      }\n    }\n  }\n}\n\nbody:has(.Dialog.DisableScroll) {\n  /* stylelint-disable-next-line primer/spacing */\n  padding-right: var(--prc-dialog-scrollgutter) !important;\n  overflow: hidden !important;\n}\n\n.DialogOverflowWrapper {\n  flex-grow: 1;\n}\n\n/*\nAdd a border between the body and footer if:\n- the dialog has a footer\n- the dialog has a body that can scroll\n- the browser supports the `animation-timeline` property and its `scroll()` function\n*/\n.Dialog:has(.Footer) {\n  --can-scroll: 0;\n\n  .DialogOverflowWrapper {\n    /* If the browser does not support the `animation-timeline` property, always show a border */\n    border-bottom: var(--borderWidth-default) solid var(--borderColor-default);\n    animation: detect-scroll;\n    animation-timeline: scroll(self);\n\n    @supports (animation-timeline: scroll(self)) {\n      border-bottom: calc(var(--borderWidth-thin) * var(--can-scroll)) solid var(--borderColor-default);\n    }\n  }\n}\n\n.Header {\n  z-index: 1;\n  max-height: 35vh;\n  padding: var(--base-size-8);\n  overflow-y: auto;\n  /* stylelint-disable-next-line primer/box-shadow */\n  box-shadow: 0 1px 0 var(--borderColor-default);\n  flex-shrink: 0;\n}\n\n.Title {\n  margin: 0; /* override default margin */\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--text-title-weight-large);\n}\n\n.Subtitle {\n  margin: 0; /* override default margin */\n  margin-top: var(--base-size-4);\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-normal);\n  color: var(--fgColor-muted);\n}\n\n.Body {\n  padding: var(--base-size-16);\n  overflow: auto;\n  flex-grow: 1;\n}\n\n.Footer {\n  z-index: 1;\n  display: flex;\n  flex-flow: wrap;\n  justify-content: flex-end;\n  padding: var(--base-size-16);\n  gap: var(--base-size-8);\n  flex-shrink: 0;\n\n  @media (max-height: 325px) {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n    flex-direction: row;\n    justify-content: unset;\n  }\n}\n"]}

package/dist/Link/Link-948b910e.css

@@ -1,2 +0,0 @@
-:where(.prc-Link-Link-85e08){color:var(--fgColor-accent,var(--color-accent-fg));-webkit-text-decoration:none;text-decoration:none}:where(.prc-Link-Link-85e08):is(button){appearance:none;background-color:transparent;border:0;cursor:pointer;display:inline-block;font-size:inherit;padding:0;-webkit-user-select:none;user-select:none;white-space:nowrap}:where(.prc-Link-Link-85e08):hover{-webkit-text-decoration:underline;text-decoration:underline}:where(.prc-Link-Link-85e08):where([data-underline=true]),[data-a11y-link-underlines=true] :where(.prc-Link-Link-85e08):where([data-inline=true]){-webkit-text-decoration:underline;text-decoration:underline}:where(.prc-Link-Link-85e08):where([data-muted=true]){color:var(--fgColor-muted,var(--color-fg-muted))}:where(.prc-Link-Link-85e08):where([data-muted=true]):hover{color:var(--fgColor-accent,var(--color-accent-fg));-webkit-text-decoration:none;text-decoration:none}
-/*# sourceMappingURL=Link-948b910e.css.map */

package/dist/Link/Link-948b910e.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Link/Link.module.css"],"names":[],"mappings":"AAAA,6BACE,kDAA4B,CAC5B,4BAAqB,CAArB,oBAqCF,CAlCE,wCASE,eAAgB,CAFhB,4BAA6B,CAC7B,QAAS,CAHT,cAAe,CAJf,oBAAqB,CAErB,iBAAkB,CADlB,SAAU,CAIV,wBAAiB,CAAjB,gBAAiB,CAFjB,kBAMF,CAEA,mCACE,iCAA0B,CAA1B,yBACF,CAGA,kJAME,iCAA0B,CAA1B,yBACF,CAEA,sDACE,gDAMF,CAJE,4DACE,kDAA4B,CAC5B,4BAAqB,CAArB,oBACF","file":"Link-948b910e.css","sourcesContent":[":where(.Link) {\n  color: var(--fgColor-accent);\n  text-decoration: none;\n\n  /* Reset for button tags */\n  &:is(button) {\n    display: inline-block;\n    padding: 0;\n    font-size: inherit;\n    white-space: nowrap;\n    cursor: pointer;\n    user-select: none;\n    background-color: transparent;\n    border: 0;\n    appearance: none;\n  }\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  /* Deprecated: but need to support backwards compatibility */\n  &:where([data-underline='true']),\n  /*\n    Inline links (inside a text block), however, should have underline based on accessibility setting set in data-attribute\n    Note: setting underline={false} does not override this\n  */\n  [data-a11y-link-underlines='true'] &:where([data-inline='true']) {\n    text-decoration: underline;\n  }\n\n  &:where([data-muted='true']) {\n    color: var(--fgColor-muted);\n\n    &:hover {\n      color: var(--fgColor-accent);\n      text-decoration: none;\n    }\n  }\n}\n"]}

package/dist/Pagination/Pagination-e98833e8.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Pagination/Pagination.module.css"],"names":[],"mappings":"AAAA,2BAgBE,4BAA6B,CAC7B,gDAAyC,CARzC,oDAA6B,CAK7B,cAAe,CAbf,oBAAqB,CAKrB,iBAAkB,CAHlB,WAAY,CAKZ,aAAc,CAHd,sCAAgC,CAHhC,cAAe,CAEf,iGAAiF,CAMjF,iBAAkB,CAClB,4BAAqB,CAArB,oBAAqB,CAOrB,uDAA8D,CAH9D,wBAAiB,CAAjB,gBAAiB,CAFjB,qBAAsB,CADtB,kBAOF,CAEA,uDACE,uFAOE,6BAA8B,CAD9B,UAAW,CAJX,oBAAqB,CAErB,WAAY,CACZ,0BAA2B,CAF3B,UAKF,CAGA,4CAEE,gIAUC,CAXD,sCAYF,CAGA,2CAEE,gIAUC,CAXD,qCAYF,CACF,CAEA,sCACE,cACF,CAEA,kEAGE,wGAA0D,CAC1D,SAAU,CAFV,4BAAqB,CAArB,oBAAqB,CAGrB,uBACF,CAEA,yCACE,6EAAiD,CACjD,mBACF,CAEA,kCACE,+DACF,CAEA,0EAEE,kDACF,CAEA,wFAGE,4EAAgD,CAChD,wBAAyB,CAFzB,2DAGF,CAEA,uDAIE,gFAAqD,CAHrD,6EAAiD,CACjD,mBAGF,CAEA,wLAME,4BAA6B,CAF7B,6DAA8B,CAC9B,cAEF,CAEA,0CAIE,kBAAmB,CAFnB,eAAgB,CAGhB,iBACF,CAEA,mDACE,oHACE,YACF,CAEA,6FACE,mBACF,CAEA,4FACE,qBACF,CACF,CAEA,oCACE,qHACE,YACF,CAEA,8FACE,mBACF,CAEA,6FACE,qBACF,CACF,CAEA,sCACE,kHACE,YACF,CAEA,2FACE,mBACF,CAEA,0FACE,qBACF,CACF","file":"Pagination-e98833e8.css","sourcesContent":[".Page {\n  display: inline-block;\n  min-width: 32px; /* primer.control.medium.size */\n  height: 32px; /* primer.control.medium.size */\n  padding: var(--base-size-8) calc((var(--base-size-32) - var(--base-size-20)) / 2); /* primer.control.medium.paddingInline.condensed primer.control.medium.paddingBlock */\n  margin-right: var(--base-size-4);\n  font-style: normal;\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 1;\n  color: var(--fgColor-default);\n  text-align: center;\n  text-decoration: none;\n  white-space: nowrap;\n  vertical-align: middle;\n  cursor: pointer;\n  user-select: none;\n  background-color: transparent;\n  border-radius: var(--borderRadius-medium);\n  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);\n}\n\n@supports (clip-path: polygon(50% 0, 100% 50%, 50% 100%)) {\n  .Page[rel='prev']::before,\n  .Page[rel='next']::after {\n    display: inline-block;\n    width: 16px;\n    height: 16px;\n    vertical-align: text-bottom;\n    content: '';\n    background-color: currentColor;\n  }\n\n  /* chevron-left */\n  .Page[rel='prev']::before {\n    margin-right: var(--base-size-4);\n    clip-path: polygon(\n      9.8px 12.8px,\n      8.7px 12.8px,\n      4.5px 8.5px,\n      4.5px 7.5px,\n      8.7px 3.2px,\n      9.8px 4.3px,\n      6.1px 8px,\n      9.8px 11.7px,\n      9.8px 12.8px\n    );\n  }\n\n  /* chevron-right */\n  .Page[rel='next']::after {\n    margin-left: var(--base-size-4);\n    clip-path: polygon(\n      6.2px 3.2px,\n      7.3px 3.2px,\n      11.5px 7.5px,\n      11.5px 8.5px,\n      7.3px 12.8px,\n      6.2px 11.7px,\n      9.9px 8px,\n      6.2px 4.3px,\n      6.2px 3.2px\n    );\n  }\n}\n\n.Page:last-child {\n  margin-right: 0;\n}\n\n.Page:hover,\n.Page:focus {\n  text-decoration: none;\n  background-color: var(--control-transparent-bgColor-hover);\n  outline: 0;\n  transition-duration: 0.1s;\n}\n\n.Page:focus-visible {\n  outline: 2px solid var(--bgColor-accent-emphasis);\n  outline-offset: -2px;\n}\n\n.Page:active {\n  border-color: var(--borderColor-muted);\n}\n\n.Page[rel='prev'],\n.Page[rel='next'] {\n  color: var(--fgColor-accent);\n}\n\n.Page[aria-current],\n.Page[aria-current]:hover {\n  color: var(--fgColor-onEmphasis);\n  background-color: var(--bgColor-accent-emphasis);\n  border-color: transparent;\n}\n\n.Page[aria-current]:focus-visible {\n  outline: 2px solid var(--bgColor-accent-emphasis);\n  outline-offset: -2px;\n  /* stylelint-disable-next-line primer/box-shadow */\n  box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis);\n}\n\n.Page[aria-hidden],\n.Page[aria-hidden]:hover,\n.Page[role='presentation'],\n.Page[role='presentation']:hover {\n  color: var(--fgColor-disabled);\n  cursor: default;\n  background-color: transparent;\n}\n\n.PaginationContainer {\n  /* stylelint-disable-next-line primer/spacing */\n  margin-top: 20px;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-bottom: 15px;\n  text-align: center;\n}\n\n@media screen and (--viewportRange-narrow) {\n  .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:not(:first-child):not(:last-child) {\n    display: none;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:first-child {\n    margin-inline-end: 0;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:last-child {\n    margin-inline-start: 0;\n  }\n}\n\n@media screen and (--viewportRange-regular) {\n  .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:not(:first-child):not(:last-child) {\n    display: none;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:first-child {\n    margin-inline-end: 0;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:last-child {\n    margin-inline-start: 0;\n  }\n}\n\n@media screen and (--viewportRange-wide) {\n  .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:not(:first-child):not(:last-child) {\n    display: none;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:first-child {\n    margin-inline-end: 0;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:last-child {\n    margin-inline-start: 0;\n  }\n}\n"]}

package/dist/TextInputWithTokens/TextInputWithTokens-fb9b5109.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/TextInputWithTokens/TextInputWithTokens.module.css"],"names":[],"mappings":"AAAA,gDAEE,yCAAkC,CAClC,uCAAiC,CAFjC,sCAYF,CARE,oEACE,YAAa,CACb,UACF,CAEA,kFACE,aACF,CAGF,iDACE,WACF,CAEA,4CAEE,WAAY,CADZ,OAEF,CAEA,yCAIE,kBAAmB,CAHnB,YAAa,CAKb,WAAY,CADZ,cAAe,CAHf,gDAA4C,CAC5C,8CAcF,CATE,mFACE,gBACF,CAEA,2CAGE,aAAc,CAFd,uCAAiC,CACjC,qCAEF","file":"TextInputWithTokens-fb9b5109.css","sourcesContent":[".TextInputWrapper {\n  padding-top: var(--base-size-6);\n  padding-bottom: var(--base-size-6);\n  padding-left: var(--base-size-12);\n\n  &:where([data-block]) {\n    display: flex;\n    width: 100%;\n  }\n\n  &:where([data-token-wrapping='true']) {\n    overflow: auto;\n  }\n}\n\n.UnstyledTextInput {\n  height: 100%;\n}\n\n.InputWrapper {\n  order: 1;\n  flex-grow: 1;\n}\n\n.Container {\n  display: flex;\n  margin-bottom: calc(var(--base-size-4) * -1);\n  margin-left: calc(var(--base-size-4) * -1);\n  align-items: center;\n  flex-wrap: wrap;\n  flex-grow: 1;\n\n  &:where([data-prevent-token-wrapping='true']) {\n    flex-wrap: nowrap;\n  }\n\n  > * {\n    margin-bottom: var(--base-size-4);\n    margin-left: var(--base-size-4);\n    flex-shrink: 0;\n  }\n}\n"]}

package/dist/utils/polymorphic2.d.ts

@@ -1,16 +0,0 @@
-/**
- * This file is an alternative to polymorphic.ts that hopes to support
- * polyrmophic components in React. It explicitly hopes to make it easy to
- * type the props of components and allow for explicitly setting the type of a
- * component
- */
-import type { ElementType } from 'react';
-type AsProp<As extends ElementType> = {
-    /**
-     * Customize the element type of the container element for the component
-     */
-    as?: As;
-};
-type PolymorphicProps<DefaultAs extends ElementType, As extends ElementType, Props> = Props & AsProp<As> & (As extends React.ElementType ? Omit<React.ComponentPropsWithoutRef<As>, keyof Props> : Omit<React.ComponentPropsWithoutRef<DefaultAs>, keyof Props>);
-export type { PolymorphicProps };
-//# sourceMappingURL=polymorphic2.d.ts.map

package/dist/utils/polymorphic2.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"polymorphic2.d.ts","sourceRoot":"","sources":["../../src/utils/polymorphic2.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,OAAO,CAAA;AAEtC,KAAK,MAAM,CAAC,EAAE,SAAS,WAAW,IAAI;IACpC;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;CACR,CAAA;AAED,KAAK,gBAAgB,CAAC,SAAS,SAAS,WAAW,EAAE,EAAE,SAAS,WAAW,EAAE,KAAK,IAAI,KAAK,GACzF,MAAM,CAAC,EAAE,CAAC,GACV,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GACzB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,GACrD,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,CAAC,CAAC,CAAA;AAEnE,YAAY,EAAC,gBAAgB,EAAC,CAAA"}