@persona/design-system 0.1.8 → 0.2.0

package/dist/ListBox-QaeRQBSC.d.cts

@@ -1,138 +0,0 @@
-import { r as ButtonProps } from "./Button-C_3p5Xfi.cjs";
-import { l as MenuItemProps } from "./Menu-fUnbIYr5.cjs";
-import { ComponentPropsWithoutRef, PropsWithChildren, ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-import * as _$react_aria_components0 from "react-aria-components";
-import { GridList, GridListItem, Header } from "react-aria-components";
-
-//#region components/ListBox/ListBox.d.ts
-interface ListBoxContextValue {
-  size: 'sm' | 'md';
-  listBoxId: string;
-  setItemHasActionsOrDelete: (value: boolean) => void;
-}
-/**
- * Hook to access ListBox context values (like size) from child components
- */
-declare const useListBoxContext: () => ListBoxContextValue | null;
-interface ListBoxProps<T extends object> extends Omit<ComponentPropsWithoutRef<typeof GridList<T>>, 'slot' | 'autoFocus' | 'orientation' | 'shouldFocusWrap' | 'dragAndDropHooks' | 'layout'> {
-  /**
-   * Called when "Add" button is clicked. Only renders "Add" button if this prop is present.
-   */
-  onAdd?: ButtonProps['onClick'];
-  /**
-   * Called when "Delete" button is clicked. Only renders "Delete" button if this prop is present.
-   */
-  onDelete?: (selectedKeys: ListBoxProps<T>['selectedKeys']) => void;
-  /**
-   * Whether or not delete button should be disabled.
-   */
-  deleteDisabled?: boolean;
-  /**
-   * Whether or not the Add/Delete buttons should be shown.
-   */
-  editable?: boolean;
-  /**
-   * Text to display if no options are available.
-   */
-  emptyText?: string;
-  /**
-   * Whether or not to expand the box to the full width of the container.
-   */
-  fullWidth?: boolean;
-  /**
-   * When provided, enables drag and drop functionality.
-   */
-  reorderConfig?: {
-    /**
-     * Called when items are reordered via drag and drop. Receives the reordered
-     * array of items when an item is dropped.
-     */
-    onReorder: (reorderedItems: T[]) => void;
-    /**
-     * The name of the property on the item that was passed as the key to
-     * `ListBox.Item`. For exanple, if the item is`{ id: '1', name: 'First Item' }`,
-     * and you passed ListBox.Item `key={item.id}`, then the `itemKeyPath`
-     * should be `'id'`.
-     */
-    itemKeyPath: string;
-  };
-  /**
-   * Size of the list box.
-   */
-  size?: 'sm' | 'md';
-}
-declare const ListBox: {
-  <T extends object>({
-    children,
-    onAdd,
-    onDelete,
-    emptyText,
-    deleteDisabled,
-    selectedKeys,
-    onSelectionChange,
-    editable,
-    size,
-    reorderConfig,
-    items,
-    ...props
-  }: PropsWithChildren<ListBoxProps<T>>): _$react_jsx_runtime0.JSX.Element;
-  Item: ({
-    children,
-    actions,
-    onDelete,
-    size,
-    dropdownHeadingText,
-    dropdownFormFields,
-    dropdownContent,
-    dropdownFooter,
-    ...props
-  }: ListBoxItemProps) => _$react_jsx_runtime0.JSX.Element;
-  Section: <T extends object>(props: _$react_aria_components0.ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
-  Header: (props: ComponentPropsWithoutRef<typeof Header>) => _$react_jsx_runtime0.JSX.Element;
-};
-interface ListBoxItemProps extends ComponentPropsWithoutRef<typeof GridListItem> {
-  /**
-   * Actions to display in a dropdown menu.
-   * Supports all props from `MenuItem`.
-   */
-  actions?: Array<{
-    label: string;
-    onClick: () => void;
-  } & Omit<MenuItemProps, 'children'>>;
-  /**
-   * Called when the delete (X) icon is clicked. Only renders item-level delete icon if this prop is present.
-   * Receives the item's id and the click event as parameters.
-   */
-  onDelete?: (id: string | number, e: React.MouseEvent<HTMLButtonElement>) => void;
-  /**
-   * Size of the list box item.
-   */
-  size?: 'sm' | 'md';
-  /**
-   * Form fields to be rendered inside a row dropdown popover.
-   * The configField prop will be set to true for all fields via FormGroupContext.
-   * Dropdown will be opened when the item is selected.
-   */
-  dropdownFormFields?: ReactNode;
-  /**
-   * Content to be rendered inside the row dropdown popover.
-   * Dropdown will be opened when the item is selected.
-   */
-  dropdownContent?: ReactNode;
-  /**
-   * Optional heading text to display in the row dropdown popover.
-   * Either dropdownFormFields or dropdownContent must also be provided,
-   * otherwise the dropdown will not be rendered.
-   */
-  dropdownHeadingText?: string;
-  /**
-   * Footer to be rendered inside the row dropdown popover.
-   * Either dropdownFormFields or dropdownContent must also be provided,
-   * otherwise the dropdown will not be rendered.
-   */
-  dropdownFooter?: ReactNode;
-}
-//#endregion
-export { useListBoxContext as i, ListBoxItemProps as n, ListBoxProps as r, ListBox as t };
-//# sourceMappingURL=ListBox-QaeRQBSC.d.cts.map

package/dist/ListBox.d.cts

@@ -1,2 +0,0 @@
-import { i as useListBoxContext, n as ListBoxItemProps, r as ListBoxProps, t as ListBox } from "./ListBox-QaeRQBSC.cjs";
-export { ListBox, ListBox as default, ListBoxItemProps, ListBoxProps, useListBoxContext };

package/dist/ListBoxField.d.cts

@@ -1,46 +0,0 @@
-import { l as MenuItemProps } from "./Menu-fUnbIYr5.cjs";
-import { ImplementsFormField } from "./inputFields.cjs";
-import { r as ListBoxProps } from "./ListBox-QaeRQBSC.cjs";
-import { ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-
-//#region components/FormField/ListBoxField.d.ts
-interface ListBoxFieldAction extends Omit<MenuItemProps, 'children'> {
-  label: string;
-  onClick: (selectedKeys: ListBoxProps<any>['selectedKeys']) => void;
-}
-interface AddDropdownConfig {
-  options: ({
-    label: ReactNode;
-    value: string;
-  } & Omit<MenuItemProps, 'children'>)[];
-  onSelection: (value: string) => void;
-}
-interface ListBoxFieldProps<T extends object> extends ImplementsFormField, ListBoxProps<T> {
-  actions?: ListBoxFieldAction[];
-  addDropdownConfig?: AddDropdownConfig;
-}
-declare const ListBoxField: <T extends object>({
-  label,
-  helperText,
-  errorText,
-  warningText,
-  labelProps,
-  helperProps,
-  errorProps,
-  warningProps,
-  inputId,
-  onAdd,
-  onDelete,
-  deleteDisabled,
-  configField: configFieldProp,
-  size,
-  actions,
-  addDropdownConfig,
-  selectedKeys: selectedKeysProp,
-  onSelectionChange,
-  defaultSelectedKeys,
-  ...props
-}: ListBoxFieldProps<T>) => _$react_jsx_runtime0.JSX.Element;
-export = ListBoxField;
-//# sourceMappingURL=ListBoxField.d.cts.map

package/dist/LoadingShimmer-Dx6ncVUV.cjs

@@ -1,92 +0,0 @@
-const require_chunk = require("./chunk-CKQMccvm.cjs");
-let _persona_design_tokens = require("@persona/design-tokens");
-let styled_components = require("styled-components");
-styled_components = require_chunk.__toESM(styled_components);
-let react_jsx_runtime = require("react/jsx-runtime");
-let framer_motion = require("framer-motion");
-//#region components/LoadingShimmer/LoadingShimmer.tsx
-const ShimmerContainer = styled_components.default.span`
-  position: relative;
-  display: inline-block;
-  /* Using a one off color since our current color tokens are not quite what we need */
-  background-color: ${({ $variant }) => $variant === "secondary" ? "#eaeaea" : _persona_design_tokens.Color.CoreSlate50};
-  width: ${({ width }) => width ?? "100px"};
-  height: ${({ height }) => height ?? "auto"};
-  border-radius: ${_persona_design_tokens.BorderRadius.Md};
-  overflow: hidden;
-`;
-const Shimmer = (0, styled_components.default)(framer_motion.motion.span)`
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  background: ${({ $variant }) => `linear-gradient(90deg, transparent 0%, ${$variant === "secondary" ? _persona_design_tokens.Color.CoreSlate50 : _persona_design_tokens.Color.CoreSlate25} 50%, transparent 100%)`};
-  filter: blur(4px);
-`;
-/**
-* Base class of all Loading Shimmer components.
-*/
-function LoadingShimmer({ width, height, variant = "primary", ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShimmerContainer, {
-		width,
-		height,
-		$variant: variant,
-		"aria-live": "polite",
-		"aria-busy": "true",
-		"data-test": "loading-shimmer",
-		"data-loading-indicator": "true",
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Shimmer, {
-			initial: {
-				x: "-100%",
-				skew: -30
-			},
-			animate: {
-				x: "100%",
-				skew: -30
-			},
-			$variant: variant,
-			transition: {
-				repeat: Infinity,
-				duration: 1,
-				ease: "easeOut"
-			}
-		})
-	});
-}
-const LoadingShimmerHeading = (0, styled_components.default)(LoadingShimmer)`
-  height: ${({ theme, size = "lg" }) => theme.text.heading[size].fontSize};
-`;
-const LoadingShimmerParagraph = (0, styled_components.default)(LoadingShimmer)`
-  height: ${({ theme, size = "md" }) => theme.text.paragraph[size].fontSize};
-`;
-const MaybeLoadingShimmer = ({ isLoading, children, height, width }) => isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoadingShimmer, {
-	height,
-	width
-}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
-//#endregion
-Object.defineProperty(exports, "LoadingShimmer", {
-	enumerable: true,
-	get: function() {
-		return LoadingShimmer;
-	}
-});
-Object.defineProperty(exports, "LoadingShimmerHeading", {
-	enumerable: true,
-	get: function() {
-		return LoadingShimmerHeading;
-	}
-});
-Object.defineProperty(exports, "LoadingShimmerParagraph", {
-	enumerable: true,
-	get: function() {
-		return LoadingShimmerParagraph;
-	}
-});
-Object.defineProperty(exports, "MaybeLoadingShimmer", {
-	enumerable: true,
-	get: function() {
-		return MaybeLoadingShimmer;
-	}
-});
-
-//# sourceMappingURL=LoadingShimmer-Dx6ncVUV.cjs.map

package/dist/LoadingShimmer-Dx6ncVUV.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingShimmer-Dx6ncVUV.cjs","names":["Color","BorderRadius","motion"],"sources":["../components/LoadingShimmer/LoadingShimmer.tsx"],"sourcesContent":["import { motion } from 'framer-motion';\nimport type { ComponentPropsWithoutRef, FC } from 'react';\nimport styled from 'styled-components';\n\nimport { BorderRadius, Color } from '@persona/design-tokens';\nimport type { HeadingSize, ParagraphSize } from 'design-system/mixins/text';\n\ninterface LoadingShimmerProps extends ComponentPropsWithoutRef<'span'> {\n  height?: string;\n  width?: string;\n  variant?: 'primary' | 'secondary';\n}\n\ntype ShimmerContainerProps = {\n  width?: string;\n  height?: string;\n  $variant: 'primary' | 'secondary';\n};\nconst ShimmerContainer = styled.span<ShimmerContainerProps>`\n  position: relative;\n  display: inline-block;\n  /* Using a one off color since our current color tokens are not quite what we need */\n  background-color: ${({ $variant }) => ($variant === 'secondary' ? '#eaeaea' : Color.CoreSlate50)};\n  width: ${({ width }) => width ?? '100px'};\n  height: ${({ height }) => height ?? 'auto'};\n  border-radius: ${BorderRadius.Md};\n  overflow: hidden;\n`;\n\ntype ShimmerProps = {\n  $variant: 'primary' | 'secondary';\n};\nconst Shimmer = styled(motion.span)<ShimmerProps>`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background: ${({ $variant }) =>\n    `linear-gradient(90deg, transparent 0%, ${$variant === 'secondary' ? Color.CoreSlate50 : Color.CoreSlate25} 50%, transparent 100%)`};\n  filter: blur(4px);\n`;\n\n/**\n * Base class of all Loading Shimmer components.\n */\nexport function LoadingShimmer({\n  width,\n  height,\n  variant = 'primary',\n  ...props\n}: LoadingShimmerProps) {\n  return (\n    <ShimmerContainer\n      width={width}\n      height={height}\n      $variant={variant}\n      aria-live='polite'\n      aria-busy='true'\n      data-test='loading-shimmer'\n      data-loading-indicator='true'\n      {...props}\n    >\n      <Shimmer\n        initial={{ x: '-100%', skew: -30 }}\n        animate={{ x: '100%', skew: -30 }}\n        $variant={variant}\n        transition={{ repeat: Infinity, duration: 1, ease: 'easeOut' }}\n      />\n    </ShimmerContainer>\n  );\n}\n\nexport interface LoadingShimmerHeadingProps extends LoadingShimmerProps {\n  size?: HeadingSize;\n}\n\nexport const LoadingShimmerHeading = styled(LoadingShimmer)<LoadingShimmerHeadingProps>`\n  height: ${({ theme, size = 'lg' }) => theme.text.heading[size].fontSize};\n`;\n\ninterface LoadingShimmerParagraphProps extends LoadingShimmerProps {\n  size?: ParagraphSize;\n  // eg. 200px\n  width?: string;\n}\n\nexport const LoadingShimmerParagraph = styled(LoadingShimmer)<LoadingShimmerParagraphProps>`\n  height: ${({ theme, size = 'md' }) => theme.text.paragraph[size].fontSize};\n`;\n\n// A \"maybe\" shimmer block that is shimmering if the `isLoading`\n// value is set to true and otherwise just displays its children\ninterface MaybeLoadingShimmerProps {\n  isLoading: boolean;\n  height?: string;\n  width?: string;\n}\n\nexport const MaybeLoadingShimmer: FC<MaybeLoadingShimmerProps> = ({\n  isLoading,\n  children,\n  height,\n  width,\n}) => (isLoading ? <LoadingShimmer height={height} width={width} /> : <>{children}</>);\n"],"mappings":";;;;;;;AAkBA,MAAM,mBAAmB,kBAAA,QAAO,IAA2B;;;;uBAIpC,EAAE,eAAgB,aAAa,cAAc,YAAYA,uBAAAA,MAAM,YAAa;YACvF,EAAE,YAAY,SAAS,QAAQ;aAC9B,EAAE,aAAa,UAAU,OAAO;mBAC1BC,uBAAAA,aAAa,GAAG;;;AAOnC,MAAM,UAAU,CAAA,GAAA,kBAAA,SAAOC,cAAAA,OAAO,KAAK;;;;iBAIlB,EAAE,eACf,0CAA0C,aAAa,cAAcF,uBAAAA,MAAM,cAAcA,uBAAAA,MAAM,YAAY,yBAAyB;;;;;;AAOxI,SAAgB,eAAe,EAC7B,OACA,QACA,UAAU,WACV,GAAG,SACmB;AACtB,QACE,iBAAA,GAAA,kBAAA,KAAC,kBAAD;EACS;EACC;EACR,UAAU;EACV,aAAU;EACV,aAAU;EACV,aAAU;EACV,0BAAuB;EACvB,GAAI;YAEJ,iBAAA,GAAA,kBAAA,KAAC,SAAD;GACE,SAAS;IAAE,GAAG;IAAS,MAAM;IAAK;GAClC,SAAS;IAAE,GAAG;IAAQ,MAAM;IAAK;GACjC,UAAU;GACV,YAAY;IAAE,QAAQ;IAAU,UAAU;IAAG,MAAM;IAAW;GAC9D,CAAA;EACe,CAAA;;AAQvB,MAAa,wBAAwB,CAAA,GAAA,kBAAA,SAAO,eAAe;aAC9C,EAAE,OAAO,OAAO,WAAW,MAAM,KAAK,QAAQ,MAAM,SAAS;;AAS1E,MAAa,0BAA0B,CAAA,GAAA,kBAAA,SAAO,eAAe;aAChD,EAAE,OAAO,OAAO,WAAW,MAAM,KAAK,UAAU,MAAM,SAAS;;AAW5E,MAAa,uBAAqD,EAChE,WACA,UACA,QACA,YACK,YAAY,iBAAA,GAAA,kBAAA,KAAC,gBAAD;CAAwB;CAAe;CAAS,CAAA,GAAG,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAG,UAAY,CAAA"}

package/dist/LoadingShimmer.d.cts

@@ -1,38 +0,0 @@
-import { i as ParagraphSize, n as HeadingSize } from "./text-PmH5oc61.cjs";
-import { ComponentPropsWithoutRef, FC } from "react";
-import * as _$styled_components0 from "styled-components";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-
-//#region components/LoadingShimmer/LoadingShimmer.d.ts
-interface LoadingShimmerProps extends ComponentPropsWithoutRef<'span'> {
-  height?: string;
-  width?: string;
-  variant?: 'primary' | 'secondary';
-}
-/**
- * Base class of all Loading Shimmer components.
- */
-declare function LoadingShimmer({
-  width,
-  height,
-  variant,
-  ...props
-}: LoadingShimmerProps): _$react_jsx_runtime0.JSX.Element;
-interface LoadingShimmerHeadingProps extends LoadingShimmerProps {
-  size?: HeadingSize;
-}
-declare const LoadingShimmerHeading: _$styled_components0.StyledComponent<typeof LoadingShimmer, any, LoadingShimmerHeadingProps, never>;
-interface LoadingShimmerParagraphProps extends LoadingShimmerProps {
-  size?: ParagraphSize;
-  width?: string;
-}
-declare const LoadingShimmerParagraph: _$styled_components0.StyledComponent<typeof LoadingShimmer, any, LoadingShimmerParagraphProps, never>;
-interface MaybeLoadingShimmerProps {
-  isLoading: boolean;
-  height?: string;
-  width?: string;
-}
-declare const MaybeLoadingShimmer: FC<MaybeLoadingShimmerProps>;
-//#endregion
-export { LoadingShimmer, LoadingShimmerHeading, LoadingShimmerHeadingProps, LoadingShimmerParagraph, MaybeLoadingShimmer };
-//# sourceMappingURL=LoadingShimmer.d.cts.map

package/dist/LogicRow-C6lrFIq0.d.cts

@@ -1,40 +0,0 @@
-import { n as InputSizes } from "./input-DPB0cX2m.cjs";
-import { n as ListBoxItemProps } from "./ListBox-QaeRQBSC.cjs";
-import { ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-
-//#region components/ListBox/LogicRow.d.ts
-interface LogicRowProps extends ListBoxItemProps {
-  condition: string;
-  attributeName?: string;
-  operator?: string;
-  matchLevelName?: string;
-  editable?: boolean;
-  id: string | number;
-  dropdownHeadingText?: string;
-  /** Form fields rendered inside the row dropdown. */
-  dropdownFormFields?: ReactNode;
-  size?: InputSizes;
-  /**
-   * Removes the condition column when the surrounding group already communicates
-   * the conjunction.
-   */
-  hideCondition?: boolean;
-}
-declare const LogicRow: ({
-  condition,
-  attributeName,
-  operator,
-  matchLevelName,
-  editable,
-  id,
-  onDelete,
-  dropdownHeadingText,
-  dropdownFormFields,
-  size,
-  hideCondition,
-  ...listBoxItemProps
-}: LogicRowProps) => _$react_jsx_runtime0.JSX.Element;
-//#endregion
-export { LogicRowProps as n, LogicRow as t };
-//# sourceMappingURL=LogicRow-C6lrFIq0.d.cts.map

package/dist/LogicRow.d.cts

@@ -1,2 +0,0 @@
-import { n as LogicRowProps, t as LogicRow } from "./LogicRow-C6lrFIq0.cjs";
-export { LogicRowProps, LogicRow as default };

package/dist/MaskedInput.d.cts

@@ -1,10 +0,0 @@
-import { a as InputProps } from "./Input-BM0DzWEf.cjs";
-import * as _$react from "react";
-import { IMaskInputProps } from "react-imask/mixin";
-
-//#region components/MaskedInput/MaskedInput.d.ts
-type MaskedInputProps = Omit<IMaskInputProps<HTMLInputElement>, 'inputRef' | 'componentProps' | 'size' | 'ref'> & InputProps;
-declare const MaskedInput: _$react.ForwardRefExoticComponent<Omit<IMaskInputProps<HTMLInputElement>, "size" | "ref" | "inputRef" | "componentProps"> & InputProps & _$react.RefAttributes<HTMLInputElement>>;
-//#endregion
-export { MaskedInput, MaskedInput as default, MaskedInputProps };
-//# sourceMappingURL=MaskedInput.d.cts.map

package/dist/MatchHighlight.d.cts

@@ -1,11 +0,0 @@
-import { ComponentPropsWithoutRef } from "react";
-import * as _$styled_components0 from "styled-components";
-
-//#region components/MatchHighlight/MatchHighlight.d.ts
-interface MatchHighlightProps extends Omit<ComponentPropsWithoutRef<'p'>, 'color'> {
-  matchStrength?: 'none' | 'partial' | 'full';
-}
-declare const MatchHighlight: _$styled_components0.StyledComponent<"span", any, MatchHighlightProps, never>;
-//#endregion
-export { MatchHighlight, MatchHighlight as default, MatchHighlightProps };
-//# sourceMappingURL=MatchHighlight.d.cts.map

package/dist/Menu-fUnbIYr5.d.cts

@@ -1,70 +0,0 @@
-import { r as _default } from "./Card-CJPEmUvg.cjs";
-import { ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentType, ElementType, FC, ReactNode, RefObject } from "react";
-import { DefaultTheme, StyledComponent, StyledComponentPropsWithRef } from "styled-components";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-import { Spacing } from "@persona/design-tokens";
-
-//#region components/Menu/Menu.d.ts
-declare const FloatingCard: StyledComponent<ComponentType<StyledComponentPropsWithRef<typeof _default>>, DefaultTheme>;
-declare const MenuList: StyledComponent<"div", any, {
-  padding?: Spacing;
-}, never>;
-interface MenuItemProps<T extends ElementType = 'div'> {
-  children: ReactNode;
-  prefixIcon?: ReactNode;
-  suffixIcon?: ReactNode;
-  disabled?: boolean;
-  variant?: 'basic' | 'danger';
-  as?: T;
-  stretchLabel?: boolean;
-  subtitle?: string;
-  focused?: boolean;
-  selected?: boolean;
-  size?: 'sm' | 'md';
-}
-declare const ListItem: StyledComponent<"li", any, Pick<MenuItemProps<"div">, "size" | "disabled" | "selected" | "variant" | "focused">, never>;
-declare const IconContainer: StyledComponent<"div", any, {
-  suffix?: boolean;
-}, never>;
-/**
- * https://stackoverflow.com/a/73795494
- */
-interface MenuItemType<T extends ElementType = 'div'> extends FC<MenuItemProps<T> & ComponentPropsWithRef<T>> {
-  <T extends ElementType = 'div'>(props: MenuItemProps<T> & ComponentPropsWithoutRef<T>): ReturnType<FC<MenuItemProps<T> & ComponentPropsWithoutRef<T>>>;
-}
-declare const MenuItem: MenuItemType;
-declare const MenuDivider: (props: ComponentPropsWithoutRef<"hr">) => _$react_jsx_runtime0.JSX.Element;
-interface MenuHeadingProps {
-  size?: 'sm' | 'md';
-}
-declare const MenuHeading: StyledComponent<"li", any, MenuHeadingProps, never>;
-interface MenuProps<T extends ElementType = 'div'> {
-  children?: ReactNode;
-  className?: string;
-  variant?: 'light' | 'dark';
-  as?: T;
-  doNotSetRole?: boolean;
-  containerProps?: ComponentPropsWithRef<'div'>;
-  listRef?: RefObject<T>;
-  itemProps?: ComponentPropsWithoutRef<'li'> | ((props: ComponentPropsWithoutRef<'li'>, index: number) => Partial<ComponentPropsWithRef<'li'>>);
-  onClose?: VoidFunction;
-}
-declare const Menu: {
-  <T extends ElementType = "div">({
-    children,
-    variant,
-    containerProps,
-    itemProps,
-    listRef,
-    className,
-    onClose,
-    as,
-    ...props
-  }: MenuProps<T> & ComponentPropsWithoutRef<T>): _$react_jsx_runtime0.JSX.Element;
-  Heading: StyledComponent<"li", any, MenuHeadingProps, never>;
-  Divider: (props: ComponentPropsWithoutRef<"hr">) => _$react_jsx_runtime0.JSX.Element;
-  Item: MenuItemType<"div">;
-};
-//#endregion
-export { MenuDivider as a, MenuItem as c, MenuList as d, MenuProps as f, Menu as i, MenuItemProps as l, IconContainer as n, MenuHeading as o, ListItem as r, MenuHeadingProps as s, FloatingCard as t, MenuItemType as u };
-//# sourceMappingURL=Menu-fUnbIYr5.d.cts.map