@planningcenter/tapestry-react 2.9.2 → 2.10.0-rc.2

package/dist/types/index.d.ts

@@ -1,415 +0,0 @@
-import * as React from 'react'
-import { LiteralUnion } from 'type-fest'
-
-import { BoxProps } from './Box'
-import { NativeStyleNames, ColorStyleNames } from './system/style-names'
-
-export interface BoxSizes {}
-
-export interface Breakpoints {}
-
-export interface DefaultBreakpoints {
-  xs: number
-  sm: number
-  md: number
-  lg: number
-  xl: number
-}
-
-export interface SpinnerSizes {
-  xxs: number
-  xs: number
-  sm: number
-  md: number
-  lg: number
-  xl: number
-  xxl: number
-}
-
-export interface SpinnerThickness {
-  xxs: number
-  xs: number
-  sm: number
-  md: number
-  lg: number
-  xl: number
-  xxl: number
-}
-
-export interface Colors {
-  foreground: string
-  foregroundSecondary: string
-  foregroundTertiary: string
-  background: string
-  backgroundSecondary: string
-  backgroundTertiary: string
-  surface: string
-  surfaceSecondary: string
-  surfaceTertiary: string
-  separator: string
-  separatorSecondary: string
-  separatorTertiary: string
-  separatorHover: string
-  separatorFocus: string
-  separatorFocusSecondary: string
-  highlight: string
-  highlightSecondary: string
-  linkForeground: string
-  linkBackground: string
-  primary: string
-  'primary-light': string
-  'primary-lighter': string
-  'primary-lightest': string
-  'primary-dark': string
-  'primary-darker': string
-  'primary-darkest': string
-  warning: string
-  'warning-light': string
-  'warning-lighter': string
-  'warning-lightest': string
-  'warning-dark': string
-  'warning-darker': string
-  'warning-darkest': string
-  error: string
-  'error-light': string
-  'error-lighter': string
-  'error-lightest': string
-  'error-dark': string
-  'error-darker': string
-  'error-darkest': string
-  success: string
-  'success-light': string
-  'success-lighter': string
-  'success-lightest': string
-  'success-dark': string
-  'success-darker': string
-  'success-darkest': string
-  sunday: string
-  monday: string
-  tuesday: string
-  wednesday: string
-  thursday: string
-  friday: string
-  saturday: string
-  'check-ins': string
-  giving: string
-  groups: string
-  'music-stand': string
-  pco: string
-  people: string
-  'planning-center': string
-  projector: string
-  registrations: string
-  calendar: string
-  services: string
-  'red-0': string
-  'red-1': string
-  'red-2': string
-  'red-3': string
-  'red-4': string
-  'red-5': string
-  'red-6': string
-  'red-7': string
-  'red-8': string
-  'red-9': string
-  'blue-0': string
-  'blue-1': string
-  'blue-2': string
-  'blue-3': string
-  'blue-4': string
-  'blue-5': string
-  'blue-6': string
-  'blue-7': string
-  'blue-8': string
-  'blue-9': string
-  'green-0': string
-  'green-1': string
-  'green-2': string
-  'green-3': string
-  'green-4': string
-  'green-5': string
-  'green-6': string
-  'green-7': string
-  'green-8': string
-  'green-9': string
-  'yellow-0': string
-  'yellow-1': string
-  'yellow-2': string
-  'yellow-3': string
-  'yellow-4': string
-  'yellow-5': string
-  'yellow-6': string
-  'yellow-7': string
-  'yellow-8': string
-  'yellow-9': string
-  'light-0': string
-  'light-1': string
-  'light-2': string
-  'light-3': string
-  'light-4': string
-  'light-5': string
-  'light-6': string
-  'light-7': string
-  'light-8': string
-  'light-9': string
-  'dark-0': string
-  'dark-1': string
-  'dark-2': string
-  'dark-3': string
-  'dark-4': string
-  'dark-5': string
-  'dark-6': string
-  'dark-7': string
-  'dark-8': string
-  'dark-9': string
-  'grey-0': string
-  'grey-1': string
-  'grey-2': string
-  'grey-3': string
-  'grey-4': string
-  'grey-5': string
-  'grey-6': string
-  'grey-7': string
-  'grey-8': string
-  'grey-9': string
-  transparent: string
-}
-
-export type ColorProp = LiteralUnion<keyof Colors, string>
-
-export interface ButtonTheme {
-  fill: any
-  outline: any
-  naked: any
-}
-
-export interface Theme {
-  id?: string
-  boxSizes?: Record<keyof BoxSizes, BoxProps>
-  breakpoints?: Partial<Breakpoints>
-  button?: { themes?: { [key: string]: ButtonTheme } }
-  calendar?: any
-  checkbox?: any
-  colors?: Partial<Colors>
-  elevations?: Array<string>
-  fontSizes?: Array<number>
-  group?: { radius?: number }
-  pageBody?: BoxProps
-  pageButton?: any
-  pageDropdown?: any
-  pageHeader?: BoxProps
-  pageTitle?: any
-  icons?: object
-  lineHeights?: Array<number>
-  radio?: any
-  spinner?: {
-    color?: ColorProp
-    sizes?: Partial<SpinnerSizes>
-    thickness?: Partial<SpinnerThickness>
-    trackColor?: ColorProp
-  }
-  toggleSwitch?: {
-    backgroundColor?: ColorProp
-  }
-}
-
-export interface MediaQueries<T> {
-  mediaQueries?: Partial<Record<keyof Breakpoints, T>>
-}
-
-export interface Variants<T> {
-  variants?: {
-    [key in any]?: T
-  }
-}
-
-type CustomStyles = {
-  css?: any
-  paddingHorizontal?: number | string
-  paddingVertical?: number | string
-  marginHorizontal?: number | string
-  marginVertical?: number | string
-  column?: React.CSSProperties['gridColumn']
-  columnStart?: React.CSSProperties['gridColumnStart']
-  columnEnd?: React.CSSProperties['gridColumnEnd']
-  row?: React.CSSProperties['gridRow']
-  rowStart?: React.CSSProperties['gridRowStart']
-  rowEnd?: React.CSSProperties['gridRowEnd']
-  basis?: React.CSSProperties['flexBasis']
-  grow?: React.CSSProperties['flexGrow']
-  shrink?: React.CSSProperties['flexShrink']
-  wrap?: boolean | string
-  radius?: React.CSSProperties['borderRadius']
-  radiusTop?: number | string
-  radiusRight?: number | string
-  radiusBottom?: number | string
-  radiusLeft?: number | string
-  strokeAlign?: 'inside' | 'center' | 'outside'
-  strokeWeight?: number
-  elevation?: number
-  x?: number | string
-  y?: number | string
-  rotate?: number
-  scale?: number
-  uppercase?: boolean
-}
-
-export type StyleProps = Pick<React.CSSProperties, NativeStyleNames> &
-  Partial<Record<ColorStyleNames, ColorProp>> &
-  CustomStyles
-
-export type CommonProps = React.RefAttributes<any> &
-  React.HTMLAttributes<any> &
-  any
-
-export type CommonComponent = React.FC<CommonProps>
-export type CommonPropsWith<T extends object> = Omit<CommonProps, keyof T> & T
-export type CommonComponentWith<T extends object> = React.FC<CommonPropsWith<T>>
-
-export const designSystem: any
-export const hooks: any
-export const server: any
-export const utils: any
-
-export const Avatar: React.FC<CommonProps>
-export const Badge: React.FC<CommonProps>
-export const Calendar: React.FC<CommonProps>
-export const CheckboxCard: React.FC<CommonProps>
-export const CheckboxGroup: React.FC<CommonProps>
-export const ChurchCenterStatus: React.FC<CommonProps>
-export const Collapse: React.FC<CommonProps>
-export const ColumnView: React.FC<CommonProps>
-export const Combobox: React.FC<CommonProps>
-export const DataTable: React.FC<CommonProps>
-export const DateField: React.FC<CommonProps>
-export const DragDrop: React.FC<CommonProps>
-export const Drawer: React.FC<CommonProps>
-export const Dropdown: React.FC<CommonProps>
-export const EditActions: React.FC<CommonProps>
-export const Field: React.FC<CommonProps>
-export const Form: React.FC<CommonProps>
-export const FieldSet: React.FC<CommonProps>
-export const Heading: React.FC<CommonProps>
-export const HelperDrawer: React.FC<CommonProps>
-export const Highlight: React.FC<CommonProps>
-export const Icon: React.FC<CommonProps>
-export const Link: React.FC<CommonProps>
-export const LinkList: React.FC<CommonProps>
-export const Logo: React.FC<CommonProps>
-export const Menu: React.FC<CommonProps>
-export const Modal: React.FC<CommonProps>
-export const NumberField: React.FC<CommonProps>
-export const PageActions: CommonComponent
-export const PageBody: CommonComponent
-export const PageButton: CommonComponent
-export const PageDropdown: CommonComponent
-export const PageHeader: CommonComponent
-export const PageTab: CommonComponent
-export const PageTabList: CommonComponent
-export const PageTitle: CommonComponent
-export const PageToolbar: CommonComponent
-export const PagerView: React.FC<CommonProps>
-export const Pagination: React.FC<CommonProps>
-export const Progress: React.FC<CommonProps>
-export const Radio: React.FC<CommonProps>
-export const RangeSlider: React.FC<CommonProps>
-export const ScreenReader: React.FC<CommonProps>
-export const Section: React.FC<CommonProps>
-export const HeadingUppercase: React.FC<CommonProps>
-export const SegmentedControl: React.FC<CommonProps>
-export const SegmentedTabs: React.FC<CommonProps>
-export const Sidebar: React.FC<CommonProps>
-export const StepperField: React.FC<CommonProps>
-export const StepperProgress: React.FC<CommonProps>
-export const Summary: React.FC<CommonProps>
-export const Table: React.FC<CommonProps>
-export const Tabs: React.FC<CommonProps>
-export const TextArea: React.FC<CommonProps>
-export const TimeField: React.FC<CommonProps>
-export const ToggleSwitch: React.FC<CommonProps>
-export const Toolbar: React.FC<CommonProps>
-export const TokenInput: React.FC<CommonProps>
-export const Tooltip: React.FC<CommonProps>
-export const VariantProvider: React.FC<CommonProps>
-export const Wizard: React.FC<CommonProps>
-
-// ============
-// Manual Types
-// ===========
-// These are components written in JS, where we can provide very small (one prop at a time) useful
-// typings for consumers.
-// ============
-
-type HTMLInputWrapperComponent = CommonComponentWith<{
-  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void
-}>
-
-// ========
-// Checkbox
-// ========
-
-export const Checkbox: HTMLInputWrapperComponent
-
-// =====
-// Input
-// =====
-
-export const Input: HTMLInputWrapperComponent & {
-  Inline: HTMLInputWrapperComponent
-  Input: HTMLInputWrapperComponent
-  InputBox: CommonComponent
-  InputField: HTMLInputWrapperComponent
-  InputLabel: CommonComponent
-}
-
-// ====
-// List
-// ====
-
-export const List: CommonComponent & { Item: CommonComponent }
-
-// ======
-// Select
-// ======
-
-export const Select: CommonComponent & {
-  Inline: CommonComponent
-  Option: CommonComponent
-  OptionGroup: CommonComponent
-  Value: CommonComponent
-  toggleValue: (...args: unknown) => unknown
-}
-
-// ========
-// Sortable
-// ========
-
-export const Sortable: CommonComponent & {
-  SortableManager: CommonComponent
-  SortableList: CommonComponent
-  SortableItem: CommonComponent
-}
-
-// =====================
-// Typescript Components
-// =====================
-
-export * from './Alert'
-export * from './Box'
-export * from './Button'
-export * from './Card'
-export * from './Divider'
-export * from './FilterLayout'
-export * from './GridView'
-export * from './Group'
-export * from './Popover'
-export * from './Portal'
-export * from './Scrim'
-export * from './Spinner'
-export * from './StackView'
-export * from './Tab'
-export * from './Text'
-export * from './TileView'
-export * from './ToggleSwitch'
-export * from './ThemeProvider'
-export * from './WrapView'

package/dist/types/system/default-theme.d.ts

@@ -1,3 +0,0 @@
-import { Theme } from '../index';
-declare const defaultTheme: Theme;
-export default defaultTheme;

package/dist/types/system/style-names.d.ts

@@ -1,8 +0,0 @@
-export declare const nativeStyleNames: readonly ["alignContent", "alignItems", "alignSelf", "alignmentBaseline", "animation", "animationDelay", "animationDirection", "animationDuration", "animationFillMode", "animationIterationCount", "animationName", "animationPlayState", "animationTimingFunction", "backfaceVisibility", "background", "backgroundAttachment", "backgroundBlendMode", "backgroundClip", "backgroundImage", "backgroundOrigin", "backgroundPosition", "backgroundPositionX", "backgroundPositionY", "backgroundRepeat", "backgroundSize", "baselineShift", "border", "borderBottom", "borderBottomLeftRadius", "borderBottomRightRadius", "borderBottomStyle", "borderBottomWidth", "borderCollapse", "borderImage", "borderImageOutset", "borderImageRepeat", "borderImageSlice", "borderImageSource", "borderImageWidth", "borderLeft", "borderLeftStyle", "borderLeftWidth", "borderRadius", "borderRight", "borderRightStyle", "borderRightWidth", "borderSpacing", "borderStyle", "borderTop", "borderTopLeftRadius", "borderTopRightRadius", "borderTopStyle", "borderTopWidth", "borderWidth", "bottom", "boxShadow", "boxSizing", "breakAfter", "breakBefore", "breakInside", "clear", "clip", "clipPath", "clipRule", "columnCount", "columnFill", "columnGap", "columnRule", "columnRuleColor", "columnRuleStyle", "columnRuleWidth", "columnSpan", "columnWidth", "columns", "contain", "content", "counterIncrement", "counterReset", "cursor", "direction", "display", "fillOpacity", "fillRule", "filter", "flex", "flexBasis", "flexDirection", "flexFlow", "flexGrow", "flexShrink", "flexWrap", "font", "fontFamily", "fontFeatureSettings", "fontKerning", "fontSize", "fontStretch", "fontStyle", "fontVariant", "fontVariantCaps", "fontVariantLigatures", "fontVariantNumeric", "fontWeight", "gap", "gridArea", "gridAutoColumns", "gridAutoFlow", "gridAutoRows", "gridColumn", "gridColumnEnd", "gridColumnGap", "gridColumnStart", "gridGap", "gridRow", "gridRowEnd", "gridRowGap", "gridRowStart", "gridTemplate", "gridTemplateAreas", "gridTemplateColumns", "gridTemplateRows", "height", "imageRendering", "isolation", "justifyContent", "justifyItems", "justifySelf", "left", "letterSpacing", "lightingColor", "lineHeight", "listStyle", "listStyleImage", "listStylePosition", "listStyleType", "margin", "marginBottom", "marginLeft", "marginRight", "marginTop", "mask", "maskType", "maxHeight", "maxWidth", "minHeight", "minWidth", "mixBlendMode", "motion", "objectFit", "objectPosition", "opacity", "order", "outline", "outlineColor", "outlineOffset", "outlineStyle", "outlineWidth", "overflow", "overflowWrap", "overflowX", "overflowY", "padding", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop", "pageBreakAfter", "pageBreakBefore", "pageBreakInside", "perspective", "perspectiveOrigin", "placeItems", "placeSelf", "pointerEvents", "position", "resize", "right", "strokeDasharray", "strokeDashoffset", "strokeLinecap", "strokeLinejoin", "strokeMiterlimit", "strokeOpacity", "strokeWidth", "tabSize", "tableLayout", "textAlign", "textDecoration", "textIndent", "textOrientation", "textOverflow", "textRendering", "textShadow", "textTransform", "top", "touchAction", "transform", "transformOrigin", "transformStyle", "transition", "transitionDelay", "transitionDuration", "transitionProperty", "transitionTimingFunction", "verticalAlign", "visibility", "clipPath", "filter", "userSelect", "WebkitOverflowScrolling", "writingMode", "whiteSpace", "width", "willChange", "wordBreak", "wordSpacing", "wordWrap", "zIndex"];
-export declare type NativeStyleNames = typeof nativeStyleNames[number];
-export declare const colorStyleNames: readonly ["backgroundColor", "borderColor", "borderBottomColor", "borderLeftColor", "borderRightColor", "borderTopColor", "color", "fill", "outlineColor", "stroke"];
-export declare type ColorStyleNames = typeof colorStyleNames[number];
-export declare const customStyleNames: readonly ["css", "column", "columnStart", "columnEnd", "row", "rowStart", "rowEnd", "basis", "elevation", "grow", "marginHorizontal", "marginVertical", "paddingHorizontal", "paddingVertical", "radius", "radiusTop", "radiusRight", "radiusBottom", "radiusLeft", "x", "y", "rotate", "scale", "uppercase", "shrink", "wrap", "strokeAlign", "strokeWeight"];
-export declare type CustomStyleNames = typeof customStyleNames[number];
-export declare const stylePropNames: readonly ["alignContent", "alignItems", "alignSelf", "alignmentBaseline", "animation", "animationDelay", "animationDirection", "animationDuration", "animationFillMode", "animationIterationCount", "animationName", "animationPlayState", "animationTimingFunction", "backfaceVisibility", "background", "backgroundAttachment", "backgroundBlendMode", "backgroundClip", "backgroundImage", "backgroundOrigin", "backgroundPosition", "backgroundPositionX", "backgroundPositionY", "backgroundRepeat", "backgroundSize", "baselineShift", "border", "borderBottom", "borderBottomLeftRadius", "borderBottomRightRadius", "borderBottomStyle", "borderBottomWidth", "borderCollapse", "borderImage", "borderImageOutset", "borderImageRepeat", "borderImageSlice", "borderImageSource", "borderImageWidth", "borderLeft", "borderLeftStyle", "borderLeftWidth", "borderRadius", "borderRight", "borderRightStyle", "borderRightWidth", "borderSpacing", "borderStyle", "borderTop", "borderTopLeftRadius", "borderTopRightRadius", "borderTopStyle", "borderTopWidth", "borderWidth", "bottom", "boxShadow", "boxSizing", "breakAfter", "breakBefore", "breakInside", "clear", "clip", "clipPath", "clipRule", "columnCount", "columnFill", "columnGap", "columnRule", "columnRuleColor", "columnRuleStyle", "columnRuleWidth", "columnSpan", "columnWidth", "columns", "contain", "content", "counterIncrement", "counterReset", "cursor", "direction", "display", "fillOpacity", "fillRule", "filter", "flex", "flexBasis", "flexDirection", "flexFlow", "flexGrow", "flexShrink", "flexWrap", "font", "fontFamily", "fontFeatureSettings", "fontKerning", "fontSize", "fontStretch", "fontStyle", "fontVariant", "fontVariantCaps", "fontVariantLigatures", "fontVariantNumeric", "fontWeight", "gap", "gridArea", "gridAutoColumns", "gridAutoFlow", "gridAutoRows", "gridColumn", "gridColumnEnd", "gridColumnGap", "gridColumnStart", "gridGap", "gridRow", "gridRowEnd", "gridRowGap", "gridRowStart", "gridTemplate", "gridTemplateAreas", "gridTemplateColumns", "gridTemplateRows", "height", "imageRendering", "isolation", "justifyContent", "justifyItems", "justifySelf", "left", "letterSpacing", "lightingColor", "lineHeight", "listStyle", "listStyleImage", "listStylePosition", "listStyleType", "margin", "marginBottom", "marginLeft", "marginRight", "marginTop", "mask", "maskType", "maxHeight", "maxWidth", "minHeight", "minWidth", "mixBlendMode", "motion", "objectFit", "objectPosition", "opacity", "order", "outline", "outlineColor", "outlineOffset", "outlineStyle", "outlineWidth", "overflow", "overflowWrap", "overflowX", "overflowY", "padding", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop", "pageBreakAfter", "pageBreakBefore", "pageBreakInside", "perspective", "perspectiveOrigin", "placeItems", "placeSelf", "pointerEvents", "position", "resize", "right", "strokeDasharray", "strokeDashoffset", "strokeLinecap", "strokeLinejoin", "strokeMiterlimit", "strokeOpacity", "strokeWidth", "tabSize", "tableLayout", "textAlign", "textDecoration", "textIndent", "textOrientation", "textOverflow", "textRendering", "textShadow", "textTransform", "top", "touchAction", "transform", "transformOrigin", "transformStyle", "transition", "transitionDelay", "transitionDuration", "transitionProperty", "transitionTimingFunction", "verticalAlign", "visibility", "clipPath", "filter", "userSelect", "WebkitOverflowScrolling", "writingMode", "whiteSpace", "width", "willChange", "wordBreak", "wordSpacing", "wordWrap", "zIndex", "backgroundColor", "borderColor", "borderBottomColor", "borderLeftColor", "borderRightColor", "borderTopColor", "color", "fill", "outlineColor", "stroke", "css", "column", "columnStart", "columnEnd", "row", "rowStart", "rowEnd", "basis", "elevation", "grow", "marginHorizontal", "marginVertical", "paddingHorizontal", "paddingVertical", "radius", "radiusTop", "radiusRight", "radiusBottom", "radiusLeft", "x", "y", "rotate", "scale", "uppercase", "shrink", "wrap", "strokeAlign", "strokeWeight"];
-export declare const pseudoPropNames: readonly ["active", "focus", "hover"];

package/src/ActionsDropdown/ActionsDropdown.mdx

@@ -1,69 +0,0 @@
----
-title: ActionsDropdown
-category: General
-summary: A shared implementation for the Profile actions dropdown.
----
-
-## Default State
-
-```jsx live
-render(
-  <ActionsDropdown isBelowManager>
-    <Dropdown.Link to="#">Permissions</Dropdown.Link>
-  </ActionsDropdown>
-)
-```
-
-## Duplicates State
-
-```jsx live
-render(
-  <ActionsDropdown
-    duplicates={{
-      amount: 1,
-      url: '#',
-    }}
-    onDeleteProfile={() => alert('Delete profile 🗑')}
-  >
-    <Dropdown.Link to="#">Edit profile</Dropdown.Link>
-    <Dropdown.Link to="#">Permissions</Dropdown.Link>
-    <Dropdown.Link to="#">Perform action</Dropdown.Link>
-    <Dropdown.Link to="#">Merge profile</Dropdown.Link>
-    <Dropdown.Link to="#">Set inactive</Dropdown.Link>
-  </ActionsDropdown>
-)
-```
-
-## Inactive State
-
-```jsx live
-render(
-  <ActionsDropdown
-    inactive={{
-      date: new Date('Sep 19, 2019'),
-      reason: 'Deceased',
-      linkProps: { onClick: () => alert('Reactivate 🎚') },
-    }}
-    isPeopleProduct
-  >
-    <Dropdown.Link to="#">Permissions</Dropdown.Link>
-  </ActionsDropdown>
-)
-```
-
-## Custom Styles
-
-```jsx live
-render(
-  <ActionsDropdown
-    defaultButtonProps={{
-      backgroundColor: 'hotpink',
-      color: 'white',
-      hover: { backgroundColor: '#f25ca7' },
-      active: { backgroundColor: '#ea539e' },
-    }}
-  >
-    <Dropdown.Link to="#">Edit profile</Dropdown.Link>
-  </ActionsDropdown>
-)
-```

package/src/ActionsDropdown/ActionsDropdown.tsx

@@ -1,180 +0,0 @@
-import * as React from 'react'
-import { format } from 'date-fns'
-
-import Box from '../Box'
-import defaultTheme from '../system/default-theme'
-import Divider from '../Divider'
-import Dropdown from '../Dropdown'
-import Icon from '../Icon'
-import Link from '../Link'
-import StackView from '../StackView'
-import Text from '../Text'
-import { cloneChildren } from '../utils'
-
-type ActionsDropdownProps = {
-  /** Accepts [Dropdown.Item](/dropdown) and [Dropdown.Link](/dropdown) elements. */
-  children?: React.ReactNode
-
-  /** Props for default button state. */
-  defaultButtonProps?: object
-
-  /** Provide amount of duplicates as well as a link to resolve them. */
-  duplicates?: {
-    /** Amount of duplicates. */
-    amount: number
-
-    /** [Link](/link) props. */
-    linkProps: object
-  }
-
-  /** Props for duplicates button state. Activated when `duplicates.amount` is greater than 0. */
-  duplicatesButtonProps?: object
-
-  /** Provide date and reason user became inactive as well as a link to reactivate them. */
-  inactive?: {
-    /** Valid JavaScript Date. */
-    date?: Date
-
-    /** Reason user was inactivated. */
-    reason: string
-
-    /** [Link](/link) props. */
-    linkProps: object
-  }
-
-  /** Props for inactive button state. Activated when `inactive.date` is present. */
-  inactiveButtonProps?: object
-
-  /** Determines logic for when user is below manager role. */
-  isBelowManager?: boolean
-
-  /** Determines logic for when used in People product. */
-  isPeopleProduct?: boolean
-
-  /** Callback when "Delete Profile" item is selected. */
-  onDeleteProfile?: boolean
-}
-
-export function ActionsDropdown({
-  children,
-  defaultButtonProps = defaultTheme.button.themes.primary.fill,
-  duplicates,
-  duplicatesButtonProps = {
-    backgroundColor: 'hsl(42deg 87% 94%)',
-    color: 'hsl(0deg 0% 24%)',
-    hover: { backgroundColor: 'hsl(42deg 87% 90%)' },
-    active: { backgroundColor: 'hsl(42deg 87% 87%)' },
-  },
-  inactive,
-  inactiveButtonProps = {
-    color: 'white',
-    backgroundColor: '#999B96',
-  },
-  isBelowManager,
-  isPeopleProduct,
-  onDeleteProfile,
-}: ActionsDropdownProps) {
-  const hasDuplicates = duplicates?.amount > 0
-  const hasInactiveDate = Boolean(inactive?.date)
-  return (
-    <Dropdown
-      title="Actions"
-      iconLeft={
-        hasDuplicates || hasInactiveDate
-          ? {
-              color: hasDuplicates ? '#E6A714' : 'white',
-              name: hasDuplicates ? 'general.exclamationTriangle' : 'general.inactive',
-              size: 'md',
-            }
-          : undefined
-      }
-      fontSize="14px"
-      fontWeight={400}
-      paddingLeft={hasDuplicates || hasInactiveDate ? 1 : undefined}
-      paddingVertical={0.25}
-      theme={false}
-      popoverProps={{ maxWidth: '280px' }}
-      placement="bottom-start"
-      {...(hasDuplicates
-        ? duplicatesButtonProps
-        : hasInactiveDate
-        ? inactiveButtonProps
-        : defaultButtonProps)}
-    >
-      {hasDuplicates ? (
-        <>
-          <StackView axis="horizontal" padding={2} spacing={1}>
-            <Icon
-              color="#E6A714"
-              marginTop="3px"
-              name="general.exclamationTriangle"
-            />
-            <Text size={4}>
-              There {duplicates.amount > 1 ? 'are' : 'is'} {duplicates.amount}{' '}
-              potential {duplicates.amount > 1 ? 'duplicates' : 'duplicate'} for
-              this profile.{' '}
-              {isBelowManager ? (
-                `An administrator can resolve ${
-                  duplicates.amount > 1 ? `them` : `it`
-                } in People.`
-              ) : (
-                <Link {...duplicates.linkProps}>
-                  {isPeopleProduct ? 'Review' : 'Review in People'}
-                </Link>
-              )}
-            </Text>
-          </StackView>
-          <Divider />
-        </>
-      ) : null}
-      {hasInactiveDate ? (
-        <>
-          <StackView axis="horizontal" padding={2} spacing={1}>
-            <Icon name="general.inactive" color="grey-8" marginTop="3px" />
-            <Text size={4}>
-              Set inactive on {format(inactive.date, 'MMM dd, yyyy')}
-              {inactive.reason && ` (${inactive.reason})`}.{' '}
-              {isBelowManager ? (
-                'An administrator can reactivate them in People.'
-              ) : (
-                <Link {...inactive.linkProps}>
-                  {isPeopleProduct ? 'Reactivate' : 'Reactivate in People'}
-                </Link>
-              )}
-            </Text>
-          </StackView>
-          <Divider />
-        </>
-      ) : null}
-      {(hasDuplicates || hasInactiveDate) && <Box height={1.5} />}
-      {cloneChildren(children, () => ({
-        paddingHorizontal: 2,
-      }))}
-      {onDeleteProfile ? (
-        <Dropdown.Item
-          disabled={isBelowManager}
-          paddingHorizontal={2}
-          onSelect={onDeleteProfile}
-        >
-          {isPeopleProduct ? 'Delete profile' : 'Delete profile…'}
-        </Dropdown.Item>
-      ) : null}
-      {onDeleteProfile && isBelowManager ? (
-        <Box
-          marginHorizontal={2}
-          padding={1}
-          backgroundColor="surfaceTertiary"
-          color="foregroundSecondary"
-        >
-          <Text size={5} lineHeight={2}>
-            To delete this profile, an administrator must remove them from
-            People.
-          </Text>
-        </Box>
-      ) : null}
-      {(hasDuplicates ||
-        hasInactiveDate ||
-        (onDeleteProfile && isBelowManager)) && <Box height={1} />}
-    </Dropdown>
-  )
-}