@primer/react 38.0.0-rc.389f01088 → 38.0.0-rc.5

package/lib/DataTable/useTable.js

@@ -1,318 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-var sorting = require('./sorting.js');
-
-function useTable(t0) {
-  const $ = reactCompilerRuntime.c(26);
-  const {
-    columns,
-    data,
-    initialSortColumn,
-    initialSortDirection,
-    getRowId
-  } = t0;
-  const [rowOrder, setRowOrder] = React.useState(data);
-  const [prevData, setPrevData] = React.useState(data);
-  const [prevColumns, setPrevColumns] = React.useState(columns);
-  let t1;
-  if ($[0] !== columns || $[1] !== initialSortColumn || $[2] !== initialSortDirection) {
-    t1 = () => getInitialSortState(columns, initialSortColumn, initialSortDirection);
-    $[0] = columns;
-    $[1] = initialSortColumn;
-    $[2] = initialSortDirection;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const [sortByColumn, setSortByColumn] = React.useState(t1);
-  const {
-    gridTemplateColumns
-  } = useTableLayout(columns);
-  if (columns !== prevColumns) {
-    setPrevColumns(columns);
-    if (sortByColumn) {
-      const column_0 = columns.find(column => {
-        var _column$id;
-        const id = (_column$id = column.id) !== null && _column$id !== void 0 ? _column$id : column.field;
-        return sortByColumn.id === id;
-      });
-      if (!column_0) {
-        setSortByColumn(null);
-      }
-    }
-  }
-  let headers;
-  let sortBy;
-  if ($[4] !== columns || $[5] !== data || $[6] !== prevData || $[7] !== sortByColumn) {
-    let t2;
-    if ($[10] !== sortByColumn) {
-      t2 = column_1 => {
-        var _column_1$id;
-        const id_0 = (_column_1$id = column_1.id) !== null && _column_1$id !== void 0 ? _column_1$id : column_1.field;
-        if (id_0 === undefined) {
-          throw new Error("Expected either an `id` or `field` to be defined for a Column");
-        }
-        const sortable = column_1.sortBy !== undefined && column_1.sortBy !== false;
-        return {
-          id: id_0,
-          column: column_1,
-          isSortable() {
-            return sortable;
-          },
-          getSortDirection() {
-            if (sortByColumn && sortByColumn.id === id_0) {
-              return sortByColumn.direction;
-            }
-            return sorting.SortDirection.NONE;
-          }
-        };
-      };
-      $[10] = sortByColumn;
-      $[11] = t2;
-    } else {
-      t2 = $[11];
-    }
-    headers = columns.map(t2);
-    if (data !== prevData) {
-      setPrevData(data);
-      setRowOrder(data);
-      if (sortByColumn) {
-        sortRows(sortByColumn);
-      }
-    }
-    sortBy = function sortBy(header) {
-      const sortState = {
-        id: header.id,
-        direction: sortByColumn && sortByColumn.id === header.id ? sorting.transition(sortByColumn.direction) : sorting.DEFAULT_SORT_DIRECTION
-      };
-      setSortByColumn(sortState);
-      sortRows(sortState);
-    };
-    function sortRows(state) {
-      const header_1 = headers.find(header_0 => header_0.id === state.id);
-      if (!header_1) {
-        throw new Error(`Unable to find header with id: ${state.id}`);
-      }
-      if (header_1.column.sortBy === false || header_1.column.sortBy === undefined) {
-        throw new Error("The column for this header is not sortable");
-      }
-      const sortMethod = header_1.column.sortBy === true ? sorting.strategies.basic : typeof header_1.column.sortBy === "string" ? sorting.strategies[header_1.column.sortBy] : header_1.column.sortBy;
-      setRowOrder(rowOrder_0 => rowOrder_0.slice().sort((a, b) => {
-        if (header_1.column.field === undefined) {
-          return 0;
-        }
-        if (typeof header_1.column.sortBy === "function") {
-          if (state.direction === sorting.SortDirection.ASC) {
-            return sortMethod(a, b);
-          }
-          return sortMethod(b, a);
-        }
-        const valueA = get(a, header_1.column.field);
-        const valueB = get(b, header_1.column.field);
-        if (valueA && valueB) {
-          if (state.direction === sorting.SortDirection.ASC) {
-            return sortMethod(valueA, valueB);
-          }
-          return sortMethod(valueB, valueA);
-        }
-        if (valueA) {
-          return -1;
-        }
-        if (valueB) {
-          return 1;
-        }
-        return 0;
-      }));
-    }
-    $[4] = columns;
-    $[5] = data;
-    $[6] = prevData;
-    $[7] = sortByColumn;
-    $[8] = headers;
-    $[9] = sortBy;
-  } else {
-    headers = $[8];
-    sortBy = $[9];
-  }
-  let t2;
-  if ($[12] !== getRowId || $[13] !== headers || $[14] !== rowOrder) {
-    let t3;
-    if ($[16] !== getRowId || $[17] !== headers) {
-      t3 = row => {
-        const rowId = getRowId(row);
-        return {
-          id: `${rowId}`,
-          getValue() {
-            return row;
-          },
-          getCells() {
-            return headers.map(header_2 => {
-              var _header_2$column$rowH;
-              return {
-                id: `${rowId}:${header_2.id}`,
-                column: header_2.column,
-                rowHeader: (_header_2$column$rowH = header_2.column.rowHeader) !== null && _header_2$column$rowH !== void 0 ? _header_2$column$rowH : false,
-                getValue() {
-                  if (header_2.column.field !== undefined) {
-                    return get(row, header_2.column.field);
-                  }
-                  throw new Error(`Unable to get value for column header ${header_2.id}`);
-                }
-              };
-            });
-          }
-        };
-      };
-      $[16] = getRowId;
-      $[17] = headers;
-      $[18] = t3;
-    } else {
-      t3 = $[18];
-    }
-    t2 = rowOrder.map(t3);
-    $[12] = getRowId;
-    $[13] = headers;
-    $[14] = rowOrder;
-    $[15] = t2;
-  } else {
-    t2 = $[15];
-  }
-  let t3;
-  if ($[19] !== sortBy) {
-    t3 = {
-      sortBy
-    };
-    $[19] = sortBy;
-    $[20] = t3;
-  } else {
-    t3 = $[20];
-  }
-  let t4;
-  if ($[21] !== gridTemplateColumns || $[22] !== headers || $[23] !== t2 || $[24] !== t3) {
-    t4 = {
-      headers,
-      rows: t2,
-      actions: t3,
-      gridTemplateColumns
-    };
-    $[21] = gridTemplateColumns;
-    $[22] = headers;
-    $[23] = t2;
-    $[24] = t3;
-    $[25] = t4;
-  } else {
-    t4 = $[25];
-  }
-  return t4;
-}
-function getInitialSortState(columns, initialSortColumn, initialSortDirection) {
-  if (initialSortColumn !== undefined) {
-    const column = columns.find(column => {
-      return column.id === initialSortColumn || column.field === initialSortColumn;
-    });
-    if (column === undefined) {
-      if (process.env.NODE_ENV !== "production") {
-        // eslint-disable-next-line no-console
-        console.warn(`Warning: Unable to find a column with id or field set to: ${initialSortColumn}. Please provide a value to \`initialSortColumn\` which corresponds to a \`id\` or \`field\` value in a column.`);
-      }
-      return null;
-    }
-    if (column.sortBy === false || column.sortBy === undefined) {
-      if (process.env.NODE_ENV !== "production") {
-        // eslint-disable-next-line no-console
-        console.warn(`Warning: The column specified by initialSortColumn={${initialSortColumn}} is not sortable. Please set \`sortBy\` to true or provide a sort strategy.`);
-      }
-      return null;
-    }
-    return {
-      id: `${initialSortColumn}`,
-      direction: initialSortDirection !== null && initialSortDirection !== void 0 ? initialSortDirection : sorting.DEFAULT_SORT_DIRECTION
-    };
-  }
-  if (initialSortDirection !== undefined) {
-    var _column$id2;
-    const column = columns.find(column => {
-      return column.sortBy !== false && column.sortBy !== undefined;
-    });
-    if (!column) {
-      if (process.env.NODE_ENV !== "production") {
-        // eslint-disable-next-line no-console
-        console.warn(`Warning: An initialSortDirection value was provided but no columns are sortable. Please set \`sortBy\` to true or provide a sort strategy to a column.`);
-      }
-      return null;
-    }
-    const id = (_column$id2 = column.id) !== null && _column$id2 !== void 0 ? _column$id2 : column.field;
-    if (id === undefined) {
-      if (process.env.NODE_ENV !== "production") {
-        // eslint-disable-next-line no-console
-        console.warn(`Warning: Unable to find an \`id\` or \`field\` for the column: ${column}. Please set one of these properties on the column.`);
-      }
-      return null;
-    }
-    return {
-      id,
-      direction: initialSortDirection
-    };
-  }
-  return null;
-}
-function useTableLayout(columns) {
-  return {
-    gridTemplateColumns: getGridTemplateFromColumns(columns).join(' ')
-  };
-}
-function getGridTemplateFromColumns(columns) {
-  return columns.map(column => {
-    var _column$width;
-    const columnWidth = (_column$width = column.width) !== null && _column$width !== void 0 ? _column$width : 'grow';
-    let minWidth = 'auto';
-    let maxWidth = '1fr';
-    if (columnWidth === 'auto') {
-      maxWidth = 'auto';
-    }
-
-    // Setting a min-width of 'max-content' ensures that the column will grow to fit the widest cell's content.
-    // However, If the column has a max width, we can't set the min width to `max-content` because
-    // the widest cell's content might overflow the container.
-    if (columnWidth === 'grow' && !column.maxWidth) {
-      minWidth = 'max-content';
-    }
-
-    // Column widths set to "growCollapse" don't need a min width unless one is explicitly provided.
-    if (columnWidth === 'growCollapse') {
-      minWidth = '0';
-    }
-
-    // If a consumer passes `minWidth` or `maxWidth`, we need to override whatever we set above.
-    if (column.minWidth) {
-      minWidth = typeof column.minWidth === 'number' ? `${column.minWidth}px` : column.minWidth;
-    }
-    if (column.maxWidth) {
-      maxWidth = typeof column.maxWidth === 'number' ? `${column.maxWidth}px` : column.maxWidth;
-    }
-
-    // If a consumer is passing one of the shorthand widths or doesn't pass a width at all, we use the
-    // min and max width calculated above to create a minmax() column template value.
-    if (typeof columnWidth !== 'number' && ['grow', 'growCollapse', 'auto'].includes(columnWidth)) {
-      return minWidth === maxWidth ? minWidth : `minmax(${minWidth}, ${maxWidth})`;
-    }
-
-    // If we reach this point, the consumer is passing an explicit width value.
-    return typeof columnWidth === 'number' ? `${columnWidth}px` : columnWidth;
-  });
-}
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function get(object, path) {
-  return path.split('.').reduce((value, key) => {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    return value[key];
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  }, object);
-}
-
-exports.getGridTemplateFromColumns = getGridTemplateFromColumns;
-exports.useTable = useTable;
-exports.useTableLayout = useTableLayout;

package/lib/DataTable/utils.d.ts

@@ -1,11 +0,0 @@
-type ArrayOfLength<Length extends number, SizedArray extends Array<unknown> = []> = SizedArray['length'] extends Length ? SizedArray : ArrayOfLength<Length, [...SizedArray, SizedArray['length']]>;
-type MaxLength = ArrayOfLength<10>[number];
-type ArrayIndex<A extends ReadonlyArray<any>, Keys extends number = never> = A extends readonly [] ? Keys : A extends readonly [infer _, ...infer Tail] ? ArrayIndex<Tail, Keys | Tail['length']> : Keys;
-type ArrayWithinBounds<T> = T extends ReadonlyArray<any> & {
-    length: infer Length;
-} ? Length extends MaxLength ? T : never : never;
-export type ObjectPaths<T> = T extends readonly any[] & ArrayWithinBounds<T> ? `${ArrayIndex<T>}` | PrefixPath<T, ArrayIndex<T>> : T extends any[] ? never & 'Unable to determine keys of potentially boundless array' : T extends Date ? never : T extends object ? Extract<keyof T, string | number> | PrefixPath<T, Extract<keyof T, string | number>> : never;
-type PrefixPath<T, Prefix> = Prefix extends Extract<keyof T, number | string> ? `${Prefix}.${ObjectPaths<T[Prefix]>}` : never;
-export type ObjectPathValue<ObjectType extends object, Path extends string | number> = ObjectType extends Record<string | number, any> ? Path extends `${infer Key}.${infer NestedPath}` ? ObjectPathValue<ObjectType[Key], NestedPath> : ObjectType[Path] : never;
-export {};
-//# sourceMappingURL=utils.d.ts.map

package/lib/Details/Details-8093044f.css

@@ -1,2 +0,0 @@
-.prc-Details-Details-XJobb>summary{list-style:none}.prc-Details-Details-XJobb>summary::-webkit-details-marker{display:none}
-/*# sourceMappingURL=Details-8093044f.css.map */

package/lib/Details/Details-8093044f.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Details/Details.module.css"],"names":[],"mappings":"AAAA,mCACE,eACF,CAEA,2DACE,YACF","file":"Details-8093044f.css","sourcesContent":[".Details > summary {\n  list-style: none;\n}\n\n.Details > summary::-webkit-details-marker {\n  display: none;\n}\n"]}

package/lib/Details/Details.d.ts

@@ -1,20 +0,0 @@
-import React, { type ComponentPropsWithoutRef } from 'react';
-import type { SxProp } from '../sx';
-export type SummaryProps<As extends React.ElementType> = {
-    /**
-     * HTML element to render summary as.
-     */
-    as?: As;
-    children?: React.ReactNode;
-} & React.ComponentPropsWithoutRef<React.ElementType extends As ? As : 'summary'>;
-declare function Summary<As extends React.ElementType>({ as, children, ...props }: SummaryProps<As>): React.JSX.Element;
-declare namespace Summary {
-    var displayName: string;
-}
-export { Summary };
-declare const Details: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, "ref"> & SxProp & React.RefAttributes<HTMLDetailsElement>> & {
-    Summary: typeof Summary;
-};
-export type DetailsProps = ComponentPropsWithoutRef<'details'> & SxProp;
-export default Details;
-//# sourceMappingURL=Details.d.ts.map

package/lib/Details/Details.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../src/Details/Details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAsB,KAAK,wBAAwB,EAAoB,MAAM,OAAO,CAAA;AAClG,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AA+DjC,MAAM,MAAM,YAAY,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI;IACvD;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,WAAW,SAAS,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC,CAAA;AAEjF,iBAAS,OAAO,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,EAAE,EAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,YAAY,CAAC,EAAE,CAAC,qBAOxF;kBAPQ,OAAO;;;AAUhB,OAAO,EAAC,OAAO,EAAC,CAAA;AAEhB,QAAA,MAAM,OAAO;;CAEX,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,wBAAwB,CAAC,SAAS,CAAC,GAAG,MAAM,CAAA;AACvE,eAAe,OAAO,CAAA"}

package/lib/Details/Details.js

@@ -1,207 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var Details_module = require('./Details.module.css.js');
-var useMergedRefs = require('../internal/hooks/useMergedRefs.js');
-var defaultSxProp = require('../utils/defaultSxProp.js');
-var jsxRuntime = require('react/jsx-runtime');
-var Box = require('../Box/Box.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const Root = /*#__PURE__*/React__default.default.forwardRef((t0, forwardRef) => {
-  const $ = reactCompilerRuntime.c(28);
-  let children;
-  let className;
-  let rest;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      className,
-      children,
-      sx: t1,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = rest;
-    $[4] = t1;
-  } else {
-    children = $[1];
-    className = $[2];
-    rest = $[3];
-    t1 = $[4];
-  }
-  const sxProp = t1 === undefined ? defaultSxProp.defaultSxProp : t1;
-  const detailsRef = React__default.default.useRef(null);
-  const ref = useMergedRefs.useMergedRefs(forwardRef, detailsRef);
-  const [hasSummary, setHasSummary] = React.useState(false);
-  let t2;
-  let t3;
-  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = () => {
-      const {
-        current: details
-      } = detailsRef;
-      if (!details) {
-        return;
-      }
-      const updateSummary = () => {
-        const summary = details.querySelector("summary:not([data-default-summary])");
-        setHasSummary(!!summary);
-      };
-      updateSummary();
-      const observer = new MutationObserver(() => {
-        updateSummary();
-      });
-      observer.observe(details, {
-        childList: true,
-        subtree: true
-      });
-      return () => {
-        observer.disconnect();
-      };
-    };
-    t3 = [];
-    $[5] = t2;
-    $[6] = t3;
-  } else {
-    t2 = $[5];
-    t3 = $[6];
-  }
-  React.useEffect(t2, t3);
-  if (sxProp !== defaultSxProp.defaultSxProp) {
-    let t4;
-    if ($[7] !== className) {
-      t4 = clsx.clsx(className, Details_module.Details);
-      $[7] = className;
-      $[8] = t4;
-    } else {
-      t4 = $[8];
-    }
-    let t5;
-    if ($[9] !== hasSummary) {
-      t5 = !hasSummary && /*#__PURE__*/jsxRuntime.jsx(Details.Summary, {
-        "data-default-summary": true,
-        children: "See Details"
-      });
-      $[9] = hasSummary;
-      $[10] = t5;
-    } else {
-      t5 = $[10];
-    }
-    let t6;
-    if ($[11] !== children || $[12] !== ref || $[13] !== rest || $[14] !== sxProp || $[15] !== t4 || $[16] !== t5) {
-      t6 = /*#__PURE__*/jsxRuntime.jsxs(Box, {
-        as: "details",
-        className: t4,
-        ...rest,
-        sx: sxProp,
-        ref: ref,
-        children: [t5, children]
-      });
-      $[11] = children;
-      $[12] = ref;
-      $[13] = rest;
-      $[14] = sxProp;
-      $[15] = t4;
-      $[16] = t5;
-      $[17] = t6;
-    } else {
-      t6 = $[17];
-    }
-    return t6;
-  }
-  let t4;
-  if ($[18] !== className) {
-    t4 = clsx.clsx(className, Details_module.Details);
-    $[18] = className;
-    $[19] = t4;
-  } else {
-    t4 = $[19];
-  }
-  let t5;
-  if ($[20] !== hasSummary) {
-    t5 = !hasSummary && /*#__PURE__*/jsxRuntime.jsx(Details.Summary, {
-      "data-default-summary": true,
-      children: "See Details"
-    });
-    $[20] = hasSummary;
-    $[21] = t5;
-  } else {
-    t5 = $[21];
-  }
-  let t6;
-  if ($[22] !== children || $[23] !== ref || $[24] !== rest || $[25] !== t4 || $[26] !== t5) {
-    t6 = /*#__PURE__*/jsxRuntime.jsxs("details", {
-      className: t4,
-      ...rest,
-      ref: ref,
-      children: [t5, children]
-    });
-    $[22] = children;
-    $[23] = ref;
-    $[24] = rest;
-    $[25] = t4;
-    $[26] = t5;
-    $[27] = t6;
-  } else {
-    t6 = $[27];
-  }
-  return t6;
-});
-Root.displayName = 'Details';
-function Summary(t0) {
-  var _as;
-  const $ = reactCompilerRuntime.c(9);
-  let as;
-  let children;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      as,
-      children,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = as;
-    $[2] = children;
-    $[3] = props;
-  } else {
-    as = $[1];
-    children = $[2];
-    props = $[3];
-  }
-  const Component = (_as = as) !== null && _as !== void 0 ? _as : "summary";
-  const t1 = Component === "summary" ? null : "summary";
-  let t2;
-  if ($[4] !== Component || $[5] !== children || $[6] !== props || $[7] !== t1) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx(Component, {
-      as: t1,
-      ...props,
-      children: children
-    });
-    $[4] = Component;
-    $[5] = children;
-    $[6] = props;
-    $[7] = t1;
-    $[8] = t2;
-  } else {
-    t2 = $[8];
-  }
-  return t2;
-}
-Summary.displayName = 'Summary';
-const Details = Object.assign(Root, {
-  Summary
-});
-
-exports.Summary = Summary;
-exports.default = Details;

package/lib/Details/Details.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./Details-8093044f.css');
-
-var classes = {"Details":"prc-Details-Details-XJobb"};
-
-module.exports = classes;

package/lib/Details/index.d.ts

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

package/lib/Dialog/Dialog-8a809d11.css

@@ -1,2 +0,0 @@
-@property --prc-dialog-scrollgutter{initial-value:0;inherits:false;syntax:"<length>"}@keyframes prc-Dialog-dialog-backdrop-appear-FwQst{0%{opacity:0}to{opacity:1}}@keyframes prc-Dialog-Overlay--motion-scaleFade-ctSnM{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes prc-Dialog-Overlay--motion-slideUp-PtiP3{0%{transform:translateY(100%)}}@keyframes prc-Dialog-Overlay--motion-slideInRight-dOTaT{0%{transform:translateX(-100%)}}@keyframes prc-Dialog-Overlay--motion-slideInLeft-Lfaz8{0%{transform:translateX(100%)}}@keyframes prc-Dialog-detect-scroll-aZzKG{0%,to{--can-scroll:1}}.prc-Dialog-Backdrop-ugYqZ{animation:prc-Dialog-dialog-backdrop-appear-FwQst .2s cubic-bezier(.33,1,.68,1);background-color:var(--overlay-backdrop-bgColor,var(--color-overlay-backdrop));bottom:0;display:flex;left:0;position:fixed;right:0;top:0}.prc-Dialog-Backdrop-ugYqZ,.prc-Dialog-Backdrop-ugYqZ[data-position-regular=center]{align-items:center;justify-content:center}.prc-Dialog-Backdrop-ugYqZ[data-position-regular=left]{align-items:center;justify-content:flex-start}.prc-Dialog-Backdrop-ugYqZ[data-position-regular=right]{align-items:center;justify-content:flex-end}@media (max-width:767px){.prc-Dialog-Backdrop-ugYqZ[data-position-narrow=center]{align-items:center;justify-content:center}.prc-Dialog-Backdrop-ugYqZ[data-position-narrow=bottom]{align-items:end;justify-content:center}}.prc-Dialog-Dialog-luvDS{background-color:var(--overlay-bgColor,var(--color-canvas-overlay));border-radius:var(--borderRadius-large,.75rem);border-radius:var(--borderRadius-large,var(--borderRadius-large,.75rem));box-shadow:var(--shadow-floating-small,var(--color-overlay-shadow));display:flex;flex-direction:column;height:auto;max-height:calc(100dvh - 64px);max-width:calc(100dvw - 64px);min-width:296px;opacity:1;width:640px}.prc-Dialog-Dialog-luvDS:where([data-width=small]){width:296px}.prc-Dialog-Dialog-luvDS:where([data-width=medium]){width:320px}.prc-Dialog-Dialog-luvDS:where([data-width=large]){width:480px}.prc-Dialog-Dialog-luvDS:where([data-height=small]){height:480px}.prc-Dialog-Dialog-luvDS:where([data-height=large]){height:640px}@media screen and (prefers-reduced-motion:no-preference){.prc-Dialog-Dialog-luvDS{animation:prc-Dialog-Overlay--motion-scaleFade-ctSnM .2s cubic-bezier(.33,1,.68,1) 1ms 1 normal none running}}.prc-Dialog-Dialog-luvDS[data-position-regular=center]{border-radius:var(--borderRadius-large,var(--borderRadius-large,.75rem))}@media screen and (prefers-reduced-motion:no-preference){.prc-Dialog-Dialog-luvDS[data-position-regular=center]{animation:prc-Dialog-Overlay--motion-scaleFade-ctSnM .2s cubic-bezier(.33,1,.68,1) 1ms 1 normal none running}}.prc-Dialog-Dialog-luvDS[data-position-regular=left]{border-radius:var(--borderRadius-large,var(--borderRadius-large,.75rem));border-bottom-left-radius:0;border-top-left-radius:0;height:100dvh;max-height:unset}@media screen and (prefers-reduced-motion:no-preference){.prc-Dialog-Dialog-luvDS[data-position-regular=left]{animation:prc-Dialog-Overlay--motion-slideInRight-dOTaT .25s cubic-bezier(.33,1,.68,1) 1ms 1 normal none running}}.prc-Dialog-Dialog-luvDS[data-position-regular=right]{border-radius:var(--borderRadius-large,var(--borderRadius-large,.75rem));border-bottom-right-radius:0;border-top-right-radius:0;height:100dvh;max-height:unset}@media screen and (prefers-reduced-motion:no-preference){.prc-Dialog-Dialog-luvDS[data-position-regular=right]{animation:prc-Dialog-Overlay--motion-slideInLeft-Lfaz8 .25s cubic-bezier(.33,1,.68,1) 0s 1 normal none running}}@media (max-width:767px){.prc-Dialog-Dialog-luvDS[data-position-narrow=center]{border-radius:var(--borderRadius-large,var(--borderRadius-large,.75rem));height:auto;width:640px}.prc-Dialog-Dialog-luvDS[data-position-narrow=center]:where([data-width=small]){width:296px}.prc-Dialog-Dialog-luvDS[data-position-narrow=center]:where([data-width=medium]){width:320px}.prc-Dialog-Dialog-luvDS[data-position-narrow=center]:where([data-width=large]){width:480px}.prc-Dialog-Dialog-luvDS[data-position-narrow=center]:where([data-height=small]){height:480px}.prc-Dialog-Dialog-luvDS[data-position-narrow=center]:where([data-height=large]){height:640px}.prc-Dialog-Dialog-luvDS[data-position-narrow=bottom]{border-radius:var(--borderRadius-large,var(--borderRadius-large,.75rem));border-bottom-left-radius:0;border-bottom-right-radius:0;height:auto;max-height:calc(100dvh - 64px);max-width:100dvw;width:100dvw}@media screen and (prefers-reduced-motion:no-preference){.prc-Dialog-Dialog-luvDS[data-position-narrow=bottom]{animation:prc-Dialog-Overlay--motion-slideUp-PtiP3 .25s cubic-bezier(.33,1,.68,1) 1ms 1 normal none running}}.prc-Dialog-Dialog-luvDS[data-position-narrow=fullscreen]{border-radius:unset!important;flex-grow:1;height:100%;max-height:100dvh;max-width:100dvw;width:100%}@media screen and (prefers-reduced-motion:no-preference){.prc-Dialog-Dialog-luvDS[data-position-narrow=fullscreen]{animation:prc-Dialog-Overlay--motion-scaleFade-ctSnM .2s cubic-bezier(.33,1,.68,1) 1ms 1 normal none running}}}body:has(.prc-Dialog-Dialog-luvDS.prc-Dialog-DisableScroll-F6LZa){overflow:hidden!important;padding-right:var(--prc-dialog-scrollgutter)!important}.prc-Dialog-DialogOverflowWrapper-oDYJo{flex-grow:1}.prc-Dialog-Dialog-luvDS:has(.prc-Dialog-Footer-jQfN4){--can-scroll:0}.prc-Dialog-Dialog-luvDS:has(.prc-Dialog-Footer-jQfN4) .prc-Dialog-DialogOverflowWrapper-oDYJo{animation:prc-Dialog-detect-scroll-aZzKG;border-bottom:var(--borderWidth-default,.0625rem) solid var(--borderColor-default,var(--color-border-default));animation-timeline:scroll(self)}@supports (animation-timeline:scroll(self)){.prc-Dialog-Dialog-luvDS:has(.prc-Dialog-Footer-jQfN4) .prc-Dialog-DialogOverflowWrapper-oDYJo{border-bottom:calc(var(--borderWidth-thin,.0625rem)*var(--can-scroll)) solid var(--borderColor-default,var(--color-border-default))}}.prc-Dialog-Header-cjbcl{box-shadow:0 1px 0 var(--borderColor-default,var(--color-border-default));flex-shrink:0;max-height:35vh;overflow-y:auto;padding:var(--base-size-8,.5rem);z-index:1}.prc-Dialog-Title-oQ-W6{font-size:var(--text-body-size-medium,.875rem);font-weight:var(--text-title-weight-large,600);margin:0}.prc-Dialog-Subtitle-sITpo{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-normal,400);margin:0;margin-top:var(--base-size-4,.25rem)}.prc-Dialog-Body-LCvER{flex-grow:1;overflow:auto}.prc-Dialog-Body-LCvER,.prc-Dialog-Footer-jQfN4{padding:var(--base-size-16,1rem)}.prc-Dialog-Footer-jQfN4{display:flex;flex-flow:wrap;flex-shrink:0;gap:var(--base-size-8,.5rem);justify-content:flex-end;z-index:1}@media (max-height:325px){.prc-Dialog-Footer-jQfN4{flex-direction:row;flex-wrap:nowrap;justify-content:unset;overflow-x:scroll}}
-/*# sourceMappingURL=Dialog-8a809d11.css.map */

package/lib/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"]}