@primer/react 37.32.0-rc.f8e94f384 → 38.0.0-rc.09f015db1

package/dist/deprecated/ActionList/List.js

@@ -0,0 +1,209 @@
+import { c } from 'react-compiler-runtime';
+import React, { createElement } from 'react';
+import { Group } from './Group.js';
+import { Item } from './Item.js';
+import { Divider } from './Divider.js';
+import { clsx } from 'clsx';
+import classes from './List.module.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+/**
+ * Asserts that the given value fulfills the `GroupedListProps` contract.
+ * @param props A value which fulfills either the `ListPropsBase` or the `GroupedListProps` contract.
+ */
+function isGroupedListProps(props) {
+  return 'groupMetadata' in props;
+}
+
+/**
+ * Contract for props passed to the `List` component.
+ */
+
+// Base styles for the List component
+const listStyles = {
+  fontSize: 'var(--text-body-size-medium, 14px)',
+  // 14px font-size * 1.428571429 = 20px line height
+  // TODO: When rem-based spacing on a 4px scale lands, replace hardcoded '20px'
+  lineHeight: '20px'
+};
+
+/**
+ * Returns style objects for `List` children matching the given `List` style variation.
+ * @param variant `List` style variation.
+ */
+function useListVariant(variant = 'inset') {
+  switch (variant) {
+    case 'full':
+      return {
+        headerStyle: {
+          paddingLeft: 'var(--base-size-8, 8px)',
+          paddingRight: 'var(--base-size-8, 8px)'
+        },
+        itemStyle: {
+          borderRadius: 0
+        }
+      };
+    default:
+      return {
+        firstGroupStyle: {
+          marginTop: 'var(--base-size-8, 8px)'
+        },
+        lastGroupStyle: {
+          marginBottom: 'var(--base-size-8, 8px)'
+        },
+        itemStyle: {
+          marginLeft: 'var(--base-size-8, 8px)',
+          marginRight: 'var(--base-size-8, 8px)'
+        }
+      };
+  }
+}
+
+/**
+ * Lists `Item`s, either grouped or ungrouped, with a `Divider` between each `Group`.
+ */
+const List = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  const $ = c(14);
+  const {
+    style,
+    ...restProps
+  } = props;
+  const {
+    firstGroupStyle,
+    lastGroupStyle,
+    headerStyle,
+    itemStyle
+  } = useListVariant(restProps.variant);
+  const renderGroup = groupProps => {
+    var _ref;
+    const GroupComponent = ((_ref = "renderGroup" in groupProps && groupProps.renderGroup) !== null && _ref !== void 0 ? _ref : restProps.renderGroup) || Group;
+    return /*#__PURE__*/createElement(GroupComponent, {
+      ...groupProps,
+      key: groupProps.groupId
+    });
+  };
+  const renderItem = (itemProps, item, itemIndex) => {
+    var _ref2, _ref3, _itemProps$id;
+    const ItemComponent = "renderItem" in itemProps && itemProps.renderItem || restProps.renderItem || Item;
+    const key = (_ref2 = (_ref3 = "key" in itemProps ? itemProps.key : undefined) !== null && _ref3 !== void 0 ? _ref3 : (_itemProps$id = itemProps.id) === null || _itemProps$id === void 0 ? void 0 : _itemProps$id.toString()) !== null && _ref2 !== void 0 ? _ref2 : itemIndex.toString();
+    return /*#__PURE__*/createElement(ItemComponent, {
+      showDivider: restProps.showItemDividers,
+      selectionVariant: restProps.selectionVariant,
+      ...itemProps,
+      key: key,
+      style: itemStyle,
+      item: item
+    });
+  };
+  let groups = [];
+  if (!isGroupedListProps(restProps)) {
+    let t0;
+    if ($[0] !== renderItem) {
+      t0 = (item_0, index) => renderItem(item_0, item_0, index);
+      $[0] = renderItem;
+      $[1] = t0;
+    } else {
+      t0 = $[1];
+    }
+    groups = [{
+      items: restProps.items.map(t0),
+      groupId: "0"
+    }];
+  } else {
+    const groupMap = restProps.groupMetadata.reduce(_temp, new Map());
+    for (const itemProps_0 of restProps.items) {
+      var _group$items$length, _group$items, _group$items2;
+      const group = groupMap.get(itemProps_0.groupId);
+      const itemIndex_0 = (_group$items$length = group === null || group === void 0 ? void 0 : (_group$items = group.items) === null || _group$items === void 0 ? void 0 : _group$items.length) !== null && _group$items$length !== void 0 ? _group$items$length : 0;
+      groupMap.set(itemProps_0.groupId, {
+        ...group,
+        items: [...((_group$items2 = group === null || group === void 0 ? void 0 : group.items) !== null && _group$items2 !== void 0 ? _group$items2 : []), renderItem({
+          showDivider: group === null || group === void 0 ? void 0 : group.showItemDividers,
+          ...(group && "renderItem" in group && {
+            renderItem: group.renderItem
+          }),
+          ...itemProps_0
+        }, itemProps_0, itemIndex_0)]
+      });
+    }
+    groups = [...groupMap.values()];
+  }
+  let t0;
+  if ($[2] !== props.className) {
+    t0 = clsx(classes.List, props.className);
+    $[2] = props.className;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  let t1;
+  if ($[4] !== style) {
+    t1 = style || {};
+    $[4] = style;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== t1) {
+    t2 = {
+      ...listStyles,
+      ...t1
+    };
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  const t4 = groups.map((t3, index_0) => {
+    const {
+      header,
+      ...groupProps_0
+    } = t3;
+    const hasFilledHeader = (header === null || header === void 0 ? void 0 : header.variant) === "filled";
+    const shouldShowDivider = index_0 > 0 && !hasFilledHeader;
+    return /*#__PURE__*/jsxs(React.Fragment, {
+      children: [shouldShowDivider ? /*#__PURE__*/jsx(Divider, {}, `${groupProps_0.groupId}-divider`) : null, renderGroup({
+        style: {
+          ...(index_0 === 0 && firstGroupStyle),
+          ...(index_0 === groups.length - 1 && lastGroupStyle),
+          ...(index_0 > 0 && !shouldShowDivider && {
+            marginTop: "var(--base-size-8, 8px)"
+          })
+        },
+        ...(header && {
+          header: {
+            ...header,
+            style: headerStyle
+          }
+        }),
+        ...groupProps_0
+      })]
+    }, groupProps_0.groupId);
+  });
+  let t5;
+  if ($[8] !== forwardedRef || $[9] !== restProps || $[10] !== t0 || $[11] !== t2 || $[12] !== t4) {
+    t5 = /*#__PURE__*/jsx("div", {
+      ...restProps,
+      ref: forwardedRef,
+      className: t0,
+      style: t2,
+      children: t4
+    });
+    $[8] = forwardedRef;
+    $[9] = restProps;
+    $[10] = t0;
+    $[11] = t2;
+    $[12] = t4;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  return t5;
+});
+List.displayName = 'ActionList';
+function _temp(groupAccumulator, groupMetadata) {
+  return groupAccumulator.set(groupMetadata.groupId, groupMetadata);
+}
+
+export { List };

package/dist/deprecated/ActionList/List.module.css.js

@@ -0,0 +1,5 @@
+import './List-1ec9d6d9.css';
+
+var classes = {"List":"prc-ActionList-List-bKPOb"};
+
+export { classes as default };

package/dist/deprecated/ActionMenu.js

@@ -0,0 +1,197 @@
+import { c } from 'react-compiler-runtime';
+import { List } from './ActionList/List.js';
+import { Item } from './ActionList/Item.js';
+import { Divider } from './ActionList/Divider.js';
+import 'react';
+import { useProvidedStateOrCreate } from '../hooks/useProvidedStateOrCreate.js';
+import { jsx } from 'react/jsx-runtime';
+import { useProvidedRefOrCreate } from '../hooks/useProvidedRefOrCreate.js';
+import { ButtonComponent } from '../Button/Button.js';
+import { AnchoredOverlay } from '../AnchoredOverlay/AnchoredOverlay.js';
+
+const ActionMenuItem = props => {
+  const $ = c(2);
+  let t0;
+  if ($[0] !== props) {
+    t0 = /*#__PURE__*/jsx(Item, {
+      role: "menuitem",
+      ...props
+    });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+};
+ActionMenuItem.displayName = 'ActionMenu.Item';
+const defaultRenderAnchor = props => /*#__PURE__*/jsx(ButtonComponent, {
+  ...props
+});
+defaultRenderAnchor.displayName = "defaultRenderAnchor";
+const ActionMenuBase = t0 => {
+  const $ = c(35);
+  let anchorContent;
+  let externalAnchorRef;
+  let items;
+  let listProps;
+  let onAction;
+  let open;
+  let overlayProps;
+  let setOpen;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      anchorContent,
+      renderAnchor: t1,
+      anchorRef: externalAnchorRef,
+      onAction,
+      open,
+      setOpen,
+      overlayProps,
+      items,
+      ...listProps
+    } = t0);
+    $[0] = t0;
+    $[1] = anchorContent;
+    $[2] = externalAnchorRef;
+    $[3] = items;
+    $[4] = listProps;
+    $[5] = onAction;
+    $[6] = open;
+    $[7] = overlayProps;
+    $[8] = setOpen;
+    $[9] = t1;
+  } else {
+    anchorContent = $[1];
+    externalAnchorRef = $[2];
+    items = $[3];
+    listProps = $[4];
+    onAction = $[5];
+    open = $[6];
+    overlayProps = $[7];
+    setOpen = $[8];
+    t1 = $[9];
+  }
+  const renderAnchor = t1 === undefined ? defaultRenderAnchor : t1;
+  const [combinedOpenState, setCombinedOpenState] = useProvidedStateOrCreate(open, setOpen, false);
+  const anchorRef = useProvidedRefOrCreate(externalAnchorRef);
+  let t2;
+  if ($[10] !== setCombinedOpenState) {
+    t2 = () => setCombinedOpenState(true);
+    $[10] = setCombinedOpenState;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  const onOpen = t2;
+  let t3;
+  if ($[12] !== setCombinedOpenState) {
+    t3 = () => setCombinedOpenState(false);
+    $[12] = setCombinedOpenState;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  const onClose = t3;
+  let t4;
+  bb0: {
+    if (renderAnchor === null) {
+      t4 = null;
+      break bb0;
+    }
+    let t5;
+    if ($[14] !== anchorContent || $[15] !== renderAnchor) {
+      t5 = props => renderAnchor({
+        "aria-label": "menu",
+        children: anchorContent,
+        ...props
+      });
+      $[14] = anchorContent;
+      $[15] = renderAnchor;
+      $[16] = t5;
+    } else {
+      t5 = $[16];
+    }
+    t4 = t5;
+  }
+  const renderMenuAnchor = t4;
+  let t5;
+  if ($[17] !== items || $[18] !== onAction || $[19] !== onClose) {
+    let t6;
+    if ($[21] !== onAction || $[22] !== onClose) {
+      t6 = item => ({
+        ...item,
+        role: "menuitem",
+        onAction: (props_0, event) => {
+          var _item$onAction;
+          const actionCallback = (_item$onAction = item.onAction) !== null && _item$onAction !== void 0 ? _item$onAction : onAction;
+          actionCallback === null || actionCallback === void 0 ? void 0 : actionCallback(props_0, event);
+          if (!event.defaultPrevented) {
+            onClose();
+          }
+        }
+      });
+      $[21] = onAction;
+      $[22] = onClose;
+      $[23] = t6;
+    } else {
+      t6 = $[23];
+    }
+    t5 = items.map(t6);
+    $[17] = items;
+    $[18] = onAction;
+    $[19] = onClose;
+    $[20] = t5;
+  } else {
+    t5 = $[20];
+  }
+  const itemsToRender = t5;
+  let t6;
+  if ($[24] !== itemsToRender || $[25] !== listProps) {
+    t6 = /*#__PURE__*/jsx(List, {
+      ...listProps,
+      role: "menu",
+      items: itemsToRender
+    });
+    $[24] = itemsToRender;
+    $[25] = listProps;
+    $[26] = t6;
+  } else {
+    t6 = $[26];
+  }
+  let t7;
+  if ($[27] !== anchorRef || $[28] !== combinedOpenState || $[29] !== onClose || $[30] !== onOpen || $[31] !== overlayProps || $[32] !== renderMenuAnchor || $[33] !== t6) {
+    t7 = /*#__PURE__*/jsx(AnchoredOverlay, {
+      renderAnchor: renderMenuAnchor,
+      anchorRef: anchorRef,
+      open: combinedOpenState,
+      onOpen: onOpen,
+      onClose: onClose,
+      overlayProps: overlayProps,
+      children: t6
+    });
+    $[27] = anchorRef;
+    $[28] = combinedOpenState;
+    $[29] = onClose;
+    $[30] = onOpen;
+    $[31] = overlayProps;
+    $[32] = renderMenuAnchor;
+    $[33] = t6;
+    $[34] = t7;
+  } else {
+    t7 = $[34];
+  }
+  return t7;
+};
+ActionMenuBase.displayName = 'ActionMenu';
+
+/**
+ * @deprecated Use ActionMenu with composable API instead. See https://primer.style/react/ActionMenu for more details.
+ */
+const ActionMenu = Object.assign(ActionMenuBase, {
+  Divider,
+  Item: ActionMenuItem
+});
+
+export { ActionMenu };

package/dist/deprecated/DialogV1/Dialog-dce13989.css

@@ -0,0 +1,2 @@
+.prc-DialogV1-Overlay-MGryS:before{background:var(--overlay-backdrop-bgColor,var(--color-overlay-backdrop));bottom:0;content:" ";cursor:default;display:block;left:0;position:fixed;right:0;top:0;z-index:99}.prc-DialogV1-CloseIcon-7vlJU{position:absolute;right:var(--base-size-16,1rem);top:var(--base-size-8,.5rem)}.prc-DialogV1-Dialog-jJXoP{background-color:var(--bgColor-default,var(--color-canvas-default));border-radius:var(--borderRadius-medium,.375rem);box-shadow:var(--shadow-floating-large,var(--color-shadow-large));left:50%;margin:10vh auto;max-height:80vh;outline:none;position:fixed;top:0;transform:translateX(-50%);z-index:999}.prc-DialogV1-Dialog-jJXoP:where([data-width=default]){width:440px}.prc-DialogV1-Dialog-jJXoP:where([data-width=narrow]){width:320px}.prc-DialogV1-Dialog-jJXoP:where([data-width=wide]){width:640px}@media screen and (max-width:750px){.prc-DialogV1-Dialog-jJXoP{border-radius:0;height:100dvh;margin:0;width:100dvw}}.prc-DialogV1-Header-RrOAq{background:var(--bgColor-muted,var(--color-canvas-subtle));border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));border-radius:var(--borderRadius-medium,.375rem) var(--borderRadius-medium,.375rem) 0 0;display:flex;padding:var(--base-size-16,1rem)}@media screen and (max-width:750px){.prc-DialogV1-Header-RrOAq{border-radius:0}}.prc-DialogV1-HeaderChild-plRx5{font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-semibold,600)}
+/*# sourceMappingURL=Dialog-dce13989.css.map */

package/dist/deprecated/DialogV1/Dialog-dce13989.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/deprecated/DialogV1/Dialog.module.css"],"names":[],"mappings":"AACE,mCAUE,wEAA2C,CAN3C,QAAS,CAKT,WAAY,CADZ,cAAe,CADf,aAAc,CAFd,MAAO,CAJP,cAAe,CAEf,OAAQ,CADR,KAAM,CAIN,UAKF,CAGF,8BACE,iBAAkB,CAElB,8BAA0B,CAD1B,4BAEF,CAEA,2BAOE,mEAAwC,CACxC,gDAAyC,CAEzC,iEAAwC,CAPxC,QAAS,CAGT,gBAAiB,CADjB,eAAgB,CAIhB,YAAa,CARb,cAAe,CACf,KAAM,CASN,0BAA2B,CAP3B,WA6BF,CApBE,uDAEE,WACF,CAEA,sDACE,WACF,CAEA,oDAEE,WACF,CAEA,oCA3BF,2BA+BI,eAAgB,CAFhB,aAAc,CACd,QAAS,CAFT,YAKJ,CADE,CAGF,2BAGE,0DAAgC,CAChC,2GAAuE,CACvE,uFAAwE,CAJxE,YAAa,CACb,gCAQF,CAHE,oCAPF,2BAQI,eAEJ,CADE,CAGF,gCACE,8CAAuC,CACvC,gDACF","file":"Dialog-dce13989.css","sourcesContent":[".Overlay {\n  &::before {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 99;\n    display: block;\n    cursor: default;\n    content: ' ';\n    background: var(--overlay-backdrop-bgColor);\n  }\n}\n\n.CloseIcon {\n  position: absolute;\n  top: var(--base-size-8);\n  right: var(--base-size-16);\n}\n\n.Dialog {\n  position: fixed;\n  top: 0;\n  left: 50%;\n  z-index: 999;\n  max-height: 80vh;\n  margin: 10vh auto;\n  background-color: var(--bgColor-default);\n  border-radius: var(--borderRadius-medium);\n  outline: none;\n  box-shadow: var(--shadow-floating-large);\n  transform: translateX(-50%);\n\n  &:where([data-width='default']) {\n    /* stylelint-disable-next-line primer/responsive-widths */\n    width: 440px;\n  }\n\n  &:where([data-width='narrow']) {\n    width: 320px;\n  }\n\n  &:where([data-width='wide']) {\n    /* stylelint-disable-next-line primer/responsive-widths */\n    width: 640px;\n  }\n\n  @media screen and (max-width: 750px) {\n    width: 100dvw;\n    height: 100dvh;\n    margin: 0;\n    border-radius: 0;\n  }\n}\n\n.Header {\n  display: flex;\n  padding: var(--base-size-16);\n  background: var(--bgColor-muted);\n  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n  border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;\n\n  @media screen and (max-width: 750px) {\n    border-radius: 0;\n  }\n}\n\n.HeaderChild {\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--base-text-weight-semibold);\n}\n"]}

package/dist/deprecated/DialogV1/Dialog.d.ts

@@ -0,0 +1,33 @@
+import React, { type HTMLAttributes } from 'react';
+import type { ComponentProps } from '../../utils/types';
+type StyledDialogBaseProps = {
+    narrow?: boolean;
+    wide?: boolean;
+    as?: React.ElementType;
+};
+export type DialogHeaderProps = React.PropsWithChildren<HTMLAttributes<HTMLDivElement>> & {
+    as?: React.ElementType;
+};
+declare function DialogHeader({ children, className, as: Component, ...rest }: DialogHeaderProps): React.JSX.Element;
+declare namespace DialogHeader {
+    var displayName: string;
+}
+declare const Dialog: React.ForwardRefExoticComponent<{
+    isOpen?: boolean;
+    onDismiss?: () => void;
+    initialFocusRef?: React.RefObject<HTMLElement>;
+    returnFocusRef?: React.RefObject<HTMLElement>;
+    as?: React.ElementType;
+} & StyledDialogBaseProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export type DialogProps = ComponentProps<typeof Dialog>;
+declare const _default: React.ForwardRefExoticComponent<{
+    isOpen?: boolean;
+    onDismiss?: () => void;
+    initialFocusRef?: React.RefObject<HTMLElement>;
+    returnFocusRef?: React.RefObject<HTMLElement>;
+    as?: React.ElementType;
+} & StyledDialogBaseProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>> & {
+    Header: typeof DialogHeader;
+};
+export default _default;
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/deprecated/DialogV1/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/deprecated/DialogV1/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,KAAK,cAAc,EAAC,MAAM,OAAO,CAAA;AAGpE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AASrD,KAAK,qBAAqB,GAAG;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,GAAG;IACxF,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CACvB,CAAA;AAED,iBAAS,YAAY,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,SAAiB,EAAE,GAAG,IAAI,EAAC,EAAE,iBAAiB,qBAU7F;kBAVQ,YAAY;;;AAqBrB,QAAA,MAAM,MAAM;aARD,OAAO;gBACJ,MAAM,IAAI;sBACJ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;qBAC7B,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;SACxC,KAAK,CAAC,WAAW;uGAyDvB,CAAA;AAKD,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;;aAlE5C,OAAO;gBACJ,MAAM,IAAI;sBACJ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;qBAC7B,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;SACxC,KAAK,CAAC,WAAW;;;;AA+DxB,wBAA4D"}

package/dist/deprecated/DialogV1/Dialog.js

@@ -0,0 +1,207 @@
+import { c } from 'react-compiler-runtime';
+import React, { forwardRef, useRef } from 'react';
+import { IconButton } from '../../Button/IconButton.js';
+import useDialog from '../../hooks/useDialog.js';
+import { useRefObjectAsForwardedRef } from '../../hooks/useRefObjectAsForwardedRef.js';
+import { XIcon } from '@primer/octicons-react';
+import { clsx } from 'clsx';
+import classes from './Dialog.module.css.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+const noop = () => null;
+function DialogHeader(t0) {
+  const $ = c(14);
+  let children;
+  let className;
+  let rest;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      children,
+      className,
+      as: t1,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = rest;
+    $[4] = t1;
+  } else {
+    children = $[1];
+    className = $[2];
+    rest = $[3];
+    t1 = $[4];
+  }
+  const Component = t1 === undefined ? "div" : t1;
+  if (React.Children.toArray(children).every(_temp)) {
+    let t2;
+    if ($[5] !== children) {
+      t2 = /*#__PURE__*/jsx("span", {
+        className: classes.HeaderChild,
+        children: children
+      });
+      $[5] = children;
+      $[6] = t2;
+    } else {
+      t2 = $[6];
+    }
+    children = t2;
+  }
+  const t2 = rest;
+  let t3;
+  if ($[7] !== className) {
+    t3 = clsx(classes.Header, className);
+    $[7] = className;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== Component || $[10] !== children || $[11] !== rest || $[12] !== t3) {
+    t4 = /*#__PURE__*/jsx(Component, {
+      ...t2,
+      className: t3,
+      children: children
+    });
+    $[9] = Component;
+    $[10] = children;
+    $[11] = rest;
+    $[12] = t3;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
+}
+function _temp(ch) {
+  return typeof ch === "string";
+}
+const Dialog = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
+  const $ = c(25);
+  let children;
+  let className;
+  let initialFocusRef;
+  let isOpen;
+  let props;
+  let returnFocusRef;
+  let t1;
+  let t2;
+  if ($[0] !== t0) {
+    ({
+      children,
+      onDismiss: t1,
+      isOpen,
+      initialFocusRef,
+      returnFocusRef,
+      className,
+      as: t2,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = initialFocusRef;
+    $[4] = isOpen;
+    $[5] = props;
+    $[6] = returnFocusRef;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    children = $[1];
+    className = $[2];
+    initialFocusRef = $[3];
+    isOpen = $[4];
+    props = $[5];
+    returnFocusRef = $[6];
+    t1 = $[7];
+    t2 = $[8];
+  }
+  const onDismiss = t1 === undefined ? noop : t1;
+  const Component = t2 === undefined ? "div" : t2;
+  const overlayRef = useRef(null);
+  const modalRef = useRef(null);
+  useRefObjectAsForwardedRef(forwardedRef, modalRef);
+  const closeButtonRef = useRef(null);
+  let t3;
+  if ($[9] !== onDismiss || $[10] !== returnFocusRef) {
+    t3 = () => {
+      onDismiss();
+      if (returnFocusRef && returnFocusRef.current) {
+        returnFocusRef.current.focus();
+      }
+    };
+    $[9] = onDismiss;
+    $[10] = returnFocusRef;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  const onCloseClick = t3;
+  let t4;
+  if ($[12] !== initialFocusRef || $[13] !== isOpen || $[14] !== onCloseClick || $[15] !== returnFocusRef) {
+    t4 = {
+      modalRef,
+      onDismiss: onCloseClick,
+      isOpen,
+      initialFocusRef,
+      closeButtonRef,
+      returnFocusRef,
+      overlayRef
+    };
+    $[12] = initialFocusRef;
+    $[13] = isOpen;
+    $[14] = onCloseClick;
+    $[15] = returnFocusRef;
+    $[16] = t4;
+  } else {
+    t4 = $[16];
+  }
+  const {
+    getDialogProps
+  } = useDialog(t4);
+  let t5;
+  if ($[17] !== Component || $[18] !== children || $[19] !== className || $[20] !== getDialogProps || $[21] !== isOpen || $[22] !== onCloseClick || $[23] !== props) {
+    t5 = isOpen ? /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx("span", {
+        className: classes.Overlay,
+        ref: overlayRef
+      }), /*#__PURE__*/jsxs(Component, {
+        tabIndex: -1,
+        ref: modalRef,
+        role: "dialog",
+        "aria-modal": "true",
+        ...props,
+        ...getDialogProps(),
+        className: clsx(classes.Dialog, className),
+        "data-width": props.wide ? "wide" : props.narrow ? "narrow" : "default",
+        children: [/*#__PURE__*/jsx(IconButton, {
+          icon: XIcon,
+          ref: closeButtonRef,
+          onClick: onCloseClick,
+          "aria-label": "Close",
+          variant: "invisible",
+          className: classes.CloseIcon
+        }), children]
+      })]
+    }) : null;
+    $[17] = Component;
+    $[18] = children;
+    $[19] = className;
+    $[20] = getDialogProps;
+    $[21] = isOpen;
+    $[22] = onCloseClick;
+    $[23] = props;
+    $[24] = t5;
+  } else {
+    t5 = $[24];
+  }
+  return t5;
+});
+DialogHeader.displayName = 'Dialog.Header';
+Dialog.displayName = 'Dialog';
+var Dialog$1 = Object.assign(Dialog, {
+  Header: DialogHeader
+});
+
+export { Dialog$1 as default };

package/dist/deprecated/DialogV1/Dialog.module.css.js

@@ -0,0 +1,5 @@
+import './Dialog-dce13989.css';
+
+var classes = {"Overlay":"prc-DialogV1-Overlay-MGryS","CloseIcon":"prc-DialogV1-CloseIcon-7vlJU","Dialog":"prc-DialogV1-Dialog-jJXoP","Header":"prc-DialogV1-Header-RrOAq","HeaderChild":"prc-DialogV1-HeaderChild-plRx5"};
+
+export { classes as default };

package/dist/deprecated/DialogV1/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/deprecated/DialogV1/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAA;AAC1C,YAAY,EAAC,WAAW,EAAE,iBAAiB,EAAC,MAAM,UAAU,CAAA"}

package/dist/deprecated/FilteredSearch/FilteredSearch-d30f5bbc.css

@@ -0,0 +1,2 @@
+.prc-FilteredSearch-FilteredSearch-SlkPS{align-items:stretch;display:flex}.prc-FilteredSearch-FilteredSearch-SlkPS summary,.prc-FilteredSearch-FilteredSearch-SlkPS>button{border-radius:0;border-bottom-left-radius:var(--borderRadius-medium,.375rem);border-right:0;border-top-left-radius:var(--borderRadius-medium,.375rem)}.prc-FilteredSearch-FilteredSearch-SlkPS .TextInput-wrapper{border-radius:0;border-bottom-right-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem)}
+/*# sourceMappingURL=FilteredSearch-d30f5bbc.css.map */

package/dist/deprecated/FilteredSearch/FilteredSearch-d30f5bbc.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/deprecated/FilteredSearch/FilteredSearch.module.css"],"names":[],"mappings":"AAAA,yCAEE,mBAAoB,CADpB,YAiBF,CAdE,iGAEE,eAAgB,CAEhB,4DAAqD,CACrD,cAAe,CAFf,yDAGF,CAGA,4DACE,eAAgB,CAEhB,6DAAsD,CADtD,0DAEF","file":"FilteredSearch-d30f5bbc.css","sourcesContent":[".FilteredSearch {\n  display: flex;\n  align-items: stretch;\n\n  & summary,\n  & > button {\n    border-radius: 0;\n    border-top-left-radius: var(--borderRadius-medium);\n    border-bottom-left-radius: var(--borderRadius-medium);\n    border-right: 0;\n  }\n\n  /* stylelint-disable-next-line selector-class-pattern */\n  & :global(.TextInput-wrapper) {\n    border-radius: 0;\n    border-top-right-radius: var(--borderRadius-medium);\n    border-bottom-right-radius: var(--borderRadius-medium);\n  }\n}\n"]}