@conveyorhq/arrow-ds 2.0.0-beta.5 → 2.0.0-beta.9

package/src/tokens/width.ts

@@ -1,36 +1,10 @@
+import { positiveScale } from "./sizing-scale";
+
+/**
+ * @deprecated Please use style-dictionary/width
+ */
 export const width = {
-  auto: "auto",
-  px: "1px",
-  "1": "4px",
-  "2": "8px",
-  "3": "12px",
-  "4": "16px",
-  "5": "20px",
-  "6": "24px",
-  "7": "28px",
-  "8": "32px",
-  "9": "36px",
-  "10": "40px",
-  "12": "48px",
-  "14": "56px",
-  "16": "64px",
-  "18": "72px",
-  "20": "80px",
-  "22": "88px",
-  "24": "96px",
-  "28": "112px",
-  "30": "120px",
-  "32": "128px",
-  "34": "136px",
-  "36": "144px",
-  "38": "152px",
-  "40": "160px",
-  "42": "168px",
-  "44": "176px",
-  "46": "184px",
-  "48": "192px",
-  "56": "224px",
-  "64": "256px",
+  ...positiveScale,
   "1/2": "50%",
   "1/3": "33.33333%",
   "2/3": "66.66667%",
@@ -42,47 +16,26 @@ export const width = {
   "4/5": "80%",
   "1/6": "16.66667%",
   "5/6": "83.33333%",
+  auto: "auto",
+  px: "1px",
   full: "100%",
   screen: "100vw",
   "max-content": "max-content",
 };
 
+/**
+ * @deprecated Please use style-dictionary/width
+ */
 export const minWidth = {
-  "0": "0",
-  "1": "4px",
-  "2": "8px",
-  "3": "12px",
-  "4": "16px",
-  "5": "20px",
-  "6": "24px",
-  "7": "28px",
-  "8": "32px",
-  "9": "36px",
-  "10": "40px",
-  "12": "48px",
-  "14": "56px",
-  "16": "64px",
-  "18": "72px",
-  "20": "80px",
-  "22": "88px",
-  "24": "96px",
-  "28": "112px",
-  "30": "120px",
-  "32": "128px",
-  "34": "136px",
-  "36": "144px",
-  "38": "152px",
-  "40": "160px",
-  "42": "168px",
-  "44": "176px",
-  "46": "184px",
-  "48": "192px",
-  "56": "224px",
-  "64": "256px",
+  ...positiveScale,
   full: "100%",
 };
 
+/**
+ * @deprecated Please use style-dictionary/width
+ */
 export const maxWidth = {
+  ...positiveScale,
   xs: "20rem",
   sm: "30rem",
   md: "40rem",

package/src/tokens/will-change.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated
+ */
 export const willChange = {
   auto: "auto",
   scroll: "scroll-position",

package/src/tokens/z-index.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated Please use style-dictionary/z-index
+ */
 export const zIndex = {
   auto: "auto",
   "0": 0,

package/src/types/index.ts

@@ -1,13 +1,11 @@
 import { ComputedPlacement, AutoPlacement } from "@popperjs/core";
-import { padding } from "../tokens/padding";
+import { positiveScale } from "../tokens/sizing-scale";
 
 export type ClassName = string | Array<string | ClassName>;
 
-export enum COMPLY_COMPANY_NAME {
-  APTIBLE = "aptible",
-  CONVEYOR = "conveyor",
-}
-
+/**
+ * @deprecated
+ */
 export enum THEME {
   PRODUCT = "product",
   BRAND = "brand",
@@ -54,8 +52,37 @@ export type Action = {
   external?: boolean;
 };
 
-const paddingValues = Object.keys(padding)
-  .filter((val) => val !== "px")
-  .map((val) => parseInt(val, 10));
+const sizingValues = Object.keys(positiveScale).map((val) => parseInt(val, 10));
+
+/**
+ * @deprecated Use SizingKeys instead
+ */
+export type Spacing = typeof sizingValues[number];
+
+export type SizingKeys = typeof sizingValues[number];
+
+export type DisclosureProps = {
+  isOpen: boolean;
+  onOpen(): void;
+  onClose(): void;
+  onToggle(): void;
+};
+
+export type RequiredToasterProps = {
+  /**
+   * ID of the toaster instance; auto-generated
+   */
+  id: number;
+  /**
+   * Method to dismiss the toaster instance; auto-generated
+   */
+  onClose: () => void;
+};
 
-export type Spacing = typeof paddingValues[number];
+export type ToasterPositionOptions =
+  | "top-left"
+  | "top"
+  | "top-right"
+  | "bottom-left"
+  | "bottom"
+  | "bottom-right";

package/src/utilities/index.ts

@@ -1,4 +1,5 @@
 export { bem, bemHOF } from "./bem";
+export { mergeEventHandlers } from "./mergeEventHandlers";
 export { toNumber } from "./toNumber";
 export * from "./isValidDate";
 export * from "./parseDate";

package/src/utilities/mergeEventHandlers.ts

@@ -0,0 +1,20 @@
+/**
+ * Borrowed from https://github.com/radix-ui/primitives/blob/main/packages/core/primitive/src/primitive.tsx
+ */
+export function mergeEventHandlers<E>(
+  originalEventHandler?: (event: E) => void,
+  ourEventHandler?: (event: E) => void,
+  { checkForDefaultPrevented = true } = {},
+) {
+  // eslint-disable-next-line consistent-return
+  return function handleEvent(event: E) {
+    originalEventHandler?.(event);
+
+    if (
+      checkForDefaultPrevented === false ||
+      !((event as unknown) as Event).defaultPrevented
+    ) {
+      return ourEventHandler?.(event);
+    }
+  };
+}

package/public/components/Absolute/Absolute.d.ts

@@ -1,2 +0,0 @@
-import { BoxProps } from "../Box";
-export declare const Absolute: (props: BoxProps) => JSX.Element;

package/public/components/Absolute/Absolute.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Absolute = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Box_1 = require("../Box");
-const Absolute = (props) => {
-    const { className, ...rest } = props;
-    return react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default("absolute", className) }, rest));
-};
-exports.Absolute = Absolute;

package/public/components/Absolute/index.d.ts

@@ -1 +0,0 @@
-export { Absolute } from "./Absolute";

package/public/components/Absolute/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Absolute = void 0;
-var Absolute_1 = require("./Absolute");
-Object.defineProperty(exports, "Absolute", { enumerable: true, get: function () { return Absolute_1.Absolute; } });

package/public/components/Appbar/Appbar.d.ts

@@ -1,60 +0,0 @@
-import React, { ReactNode } from "react";
-import { COMPLY_COMPANY_NAME } from "../../types";
-import { BoxProps } from "../Box";
-import { LinkProps } from "../Link";
-declare type NavComponent = ReactNode;
-declare type UserComponent = ReactNode;
-declare type OrganizationComponent = ReactNode;
-export interface AppbarProps extends BoxProps {
-    company?: COMPLY_COMPANY_NAME;
-    nav?: NavComponent;
-    user?: UserComponent;
-    organization?: OrganizationComponent;
-    logoProps?: LinkProps;
-    isDemoEnvironment?: boolean;
-    isProductMenuDisabled?: boolean;
-}
-export declare const Appbar: {
-    (props: AppbarProps): JSX.Element;
-    Tabs: (props: BoxProps) => JSX.Element;
-    Tab: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<{
-        children: React.ReactNode;
-        as?: any;
-        active?: boolean | undefined;
-    }>>;
-    User: ({ name, avatar }: {
-        avatar: React.ReactElement<import("../Avatar").AvatarProps, string | React.JSXElementConstructor<any>>;
-        name?: string | undefined;
-    }) => JSX.Element;
-    UserDropdown: ({ name, avatar, children, onClose, }: {
-        avatar: React.ReactElement<import("../Avatar").AvatarProps, string | React.JSXElementConstructor<any>>;
-        children: React.ReactNode;
-        name?: string | undefined;
-        onClose?: (() => void) | undefined;
-    }) => JSX.Element;
-    UserDropdownMenu: ({ children, }: {
-        children: React.ReactNode;
-    }) => JSX.Element;
-    UserDropdownMenuItem: ({ children, onClick, as, className, ...rest }: {
-        [key: string]: any;
-        as?: any;
-        onClick?: (() => void) | undefined;
-        selected?: boolean | undefined;
-    }) => JSX.Element;
-    LogInButton: (props: LinkProps) => JSX.Element;
-    ClaimProfileButton: ({ onClick }: import("../Button").ButtonProps) => JSX.Element;
-    Organizations: ({ children, className, }: {
-        children: React.ReactNode;
-        className?: string | undefined;
-    }) => JSX.Element;
-    Organization: ({ name, status, logoSrc, hideLogo, onClick, className, }: {
-        name: string;
-        status?: ("claimed" | "unclaimed" | "pending") | undefined;
-        logoSrc?: string | undefined;
-        hideLogo?: boolean | undefined;
-        onClick?: (() => void) | undefined;
-        className?: string | undefined;
-    }) => JSX.Element;
-    UserAvatar: (props: import("../Avatar").AvatarProps) => JSX.Element;
-};
-export {};

package/public/components/Appbar/Appbar.js

@@ -1,42 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Appbar = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const types_1 = require("../../types");
-const Box_1 = require("../Box");
-const Flex_1 = require("../Flex");
-const AppbarLogInButton_1 = require("./AppbarLogInButton");
-const AppbarLogo_1 = require("./AppbarLogo");
-const AppbarTabs_1 = require("./AppbarTabs");
-const AppbarUser_1 = require("./AppbarUser");
-const AppbarOrganization_1 = require("./AppbarOrganization");
-const AppbarClaimProfileButton_1 = require("./AppbarClaimProfileButton");
-const config_1 = require("./config");
-const context_1 = require("./context");
-const Appbar = (props) => {
-    const { company = types_1.COMPLY_COMPANY_NAME.CONVEYOR, logoProps, nav, user, organization, className, isDemoEnvironment, isProductMenuDisabled, ...rest } = props;
-    return (react_1.default.createElement(context_1.AppbarContext.Provider, { value: { company } },
-        react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default(config_1.cn(), className, { isDemoEnvironment }) }, rest),
-            react_1.default.createElement(AppbarLogo_1.AppbarLogo, Object.assign({}, logoProps)),
-            nav,
-            (organization || user) && (react_1.default.createElement(Box_1.Box, { className: "h-full ml-auto mr-3" },
-                react_1.default.createElement(Flex_1.Flex, { className: "items-center h-full" },
-                    organization && react_1.default.createElement(Box_1.Box, { className: "mr-2" }, organization),
-                    user))))));
-};
-exports.Appbar = Appbar;
-exports.Appbar.Tabs = AppbarTabs_1.AppbarTabs;
-exports.Appbar.Tab = AppbarTabs_1.AppbarTab;
-exports.Appbar.User = AppbarUser_1.AppbarUser;
-exports.Appbar.UserDropdown = AppbarUser_1.AppbarUserDropdown;
-exports.Appbar.UserDropdownMenu = AppbarUser_1.AppbarUserDropdownMenu;
-exports.Appbar.UserDropdownMenuItem = AppbarUser_1.AppbarUserDropdownMenuItem;
-exports.Appbar.LogInButton = AppbarLogInButton_1.AppbarLogInButton;
-exports.Appbar.ClaimProfileButton = AppbarClaimProfileButton_1.AppbarClaimProfileButton;
-exports.Appbar.Organizations = AppbarOrganization_1.AppbarOrganizations;
-exports.Appbar.Organization = AppbarOrganization_1.AppbarOrganization;
-exports.Appbar.UserAvatar = AppbarUser_1.AppbarUserAvatar;

package/public/components/Appbar/AppbarClaimProfileButton.d.ts

@@ -1,2 +0,0 @@
-import { ButtonProps } from "../Button";
-export declare const AppbarClaimProfileButton: ({ onClick }: ButtonProps) => JSX.Element;

package/public/components/Appbar/AppbarClaimProfileButton.js

@@ -1,10 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppbarClaimProfileButton = void 0;
-const react_1 = __importDefault(require("react"));
-const Button_1 = require("../Button");
-const AppbarClaimProfileButton = ({ onClick }) => (react_1.default.createElement(Button_1.Button, { className: "text-body", size: Button_1.BUTTON_SIZE.MEDIUM, variant: Button_1.BUTTON_VARIANT.PRIMARY, onClick: onClick }, "Claim Your Page"));
-exports.AppbarClaimProfileButton = AppbarClaimProfileButton;

package/public/components/Appbar/AppbarDropdownIcon.d.ts

@@ -1 +0,0 @@
-export declare const AppbarDropdownIcon: () => JSX.Element;

package/public/components/Appbar/AppbarDropdownIcon.js

@@ -1,10 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppbarDropdownIcon = void 0;
-const react_1 = __importDefault(require("react"));
-const Icon_1 = require("../Icon");
-const AppbarDropdownIcon = () => (react_1.default.createElement(Icon_1.Icon, { className: "text-h6 ml-2 text-gray-500", icon: Icon_1.ICON_TYPE.CHEVRON_DOWN }));
-exports.AppbarDropdownIcon = AppbarDropdownIcon;

package/public/components/Appbar/AppbarLogInButton.d.ts

@@ -1,2 +0,0 @@
-import { LinkProps } from "../Link";
-export declare const AppbarLogInButton: (props: LinkProps) => JSX.Element;

package/public/components/Appbar/AppbarLogInButton.js

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppbarLogInButton = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Link_1 = require("../Link");
-const AppbarLogInButton = (props) => {
-    const { onClick, href, ...rest } = props;
-    return (react_1.default.createElement(Link_1.Link, Object.assign({ className: classnames_1.default([
-            "py-1",
-            "px-2",
-            "text-gray-500",
-            "text-body",
-            "ease-all-fast",
-            "no-underline",
-            "rounded",
-            "hover:text-white",
-            "focus:text-white",
-            "focus:bg-gray-800",
-            "focus:outline-none",
-        ]), noStyles: true }, rest), "Log in"));
-};
-exports.AppbarLogInButton = AppbarLogInButton;

package/public/components/Appbar/AppbarLogo.d.ts

@@ -1,2 +0,0 @@
-import { LinkProps } from "../Link";
-export declare const AppbarLogo: (props: LinkProps) => JSX.Element;

package/public/components/Appbar/AppbarLogo.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppbarLogo = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Flex_1 = require("../Flex");
-const Link_1 = require("../Link");
-const ConveyorLogo_1 = require("../ConveyorLogo");
-const config_1 = require("./config");
-const types_1 = require("../../types");
-const AppbarLogo = (props) => {
-    const { href, onClick, className, noStyles, ...rest } = props;
-    return (react_1.default.createElement(Flex_1.Flex, { className: config_1.cn({ e: "logo" }) }, href || onClick ? (react_1.default.createElement(Link_1.Link, Object.assign({ className: classnames_1.default(config_1.cn({ e: "logoLink" }), className), href: href, onClick: onClick, noStyles: true }, rest),
-        react_1.default.createElement(ConveyorLogo_1.ConveyorLogo, { theme: types_1.THEME.BRAND, height: 20 }))) : (react_1.default.createElement(ConveyorLogo_1.ConveyorLogo, { theme: types_1.THEME.BRAND, height: 20 }))));
-};
-exports.AppbarLogo = AppbarLogo;

package/public/components/Appbar/AppbarOrganization.d.ts

@@ -1,17 +0,0 @@
-import { ReactNode } from "react";
-declare type OrganizationStatus = "claimed" | "unclaimed" | "pending";
-declare type AppbarOrganizationProps = {
-    name: string;
-    status?: OrganizationStatus;
-    logoSrc?: string;
-    hideLogo?: boolean;
-    onClick?: () => void;
-    className?: string;
-};
-declare type AppbarOrganizationsProps = {
-    children: ReactNode;
-    className?: string;
-};
-export declare const AppbarOrganizations: ({ children, className, }: AppbarOrganizationsProps) => JSX.Element;
-export declare const AppbarOrganization: ({ name, status, logoSrc, hideLogo, onClick, className, }: AppbarOrganizationProps) => JSX.Element;
-export {};

package/public/components/Appbar/AppbarOrganization.js

@@ -1,35 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppbarOrganization = exports.AppbarOrganizations = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Flex_1 = require("../Flex");
-const Icon_1 = require("../Icon");
-const Text_1 = require("../Text");
-const VendorLogo_1 = require("../VendorLogo");
-const config_1 = require("./config");
-const AppbarOrganizationLogo = ({ src, name, status, className, }) => {
-    if (status === "pending") {
-        return (react_1.default.createElement(Flex_1.Flex, { className: classnames_1.default(config_1.cn({ e: "organizationLogo" }), className) },
-            react_1.default.createElement(Icon_1.Icon, { icon: Icon_1.ICON_TYPE.ELLIPSIS_H })));
-    }
-    if (!src || status === "unclaimed") {
-        return null;
-    }
-    return (react_1.default.createElement(VendorLogo_1.VendorLogo, { className: "ml-2", vendorName: name, src: src, size: 6 },
-        react_1.default.createElement(VendorLogo_1.VendorLogo.Badge, { icon: Icon_1.ICON_TYPE.CHECK })));
-};
-const AppbarOrganizations = ({ children, className, }) => {
-    return (react_1.default.createElement(Flex_1.Flex, { className: classnames_1.default(config_1.cn({ e: "organizations" }), className) }, children));
-};
-exports.AppbarOrganizations = AppbarOrganizations;
-const AppbarOrganization = ({ name, status = "claimed", logoSrc, hideLogo, onClick, className, }) => {
-    const Component = onClick ? "button" : "div";
-    return (react_1.default.createElement(Component, { className: classnames_1.default(config_1.cn({ e: "organization" }), onClick && config_1.cn({ e: "organization", m: "switcher" }), className), type: onClick ? "button" : undefined, onClick: onClick },
-        react_1.default.createElement(Text_1.Text, { as: "span", className: "text-body" }, name),
-        !hideLogo && (react_1.default.createElement(AppbarOrganizationLogo, { name: name, src: logoSrc, status: status }))));
-};
-exports.AppbarOrganization = AppbarOrganization;

package/public/components/Appbar/AppbarTabMarker.d.ts

@@ -1 +0,0 @@
-export declare const AppbarTabMarker: () => JSX.Element;

package/public/components/Appbar/AppbarTabMarker.js

@@ -1,11 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppbarTabMarker = void 0;
-const react_1 = __importDefault(require("react"));
-const Box_1 = require("../Box");
-const config_1 = require("./config");
-const AppbarTabMarker = () => react_1.default.createElement(Box_1.Box, { className: config_1.cn({ e: "tabMarker" }) });
-exports.AppbarTabMarker = AppbarTabMarker;

package/public/components/Appbar/AppbarTabs.d.ts

@@ -1,10 +0,0 @@
-import React, { ReactNode } from "react";
-import { BoxProps } from "../Box";
-declare type AppbarTabProps = {
-    children: ReactNode;
-    as?: any;
-    active?: boolean;
-};
-export declare const AppbarTabs: (props: BoxProps) => JSX.Element;
-export declare const AppbarTab: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<AppbarTabProps>>;
-export {};

package/public/components/Appbar/AppbarTabs.js

@@ -1,42 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppbarTab = exports.AppbarTabs = void 0;
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Box_1 = require("../Box");
-const AppbarTabMarker_1 = require("./AppbarTabMarker");
-const config_1 = require("./config");
-const AppbarTabs = (props) => {
-    return (react_1.default.createElement(Box_1.Box, Object.assign({ as: "nav", className: config_1.cn({ e: "tabs" }), role: "navigation" }, props)));
-};
-exports.AppbarTabs = AppbarTabs;
-exports.AppbarTab = react_1.forwardRef(({ children, renderAs: Component = "a", active, ...rest }, ref) => {
-    if (react_1.Children.count(children) > 1) {
-        throw new Error(`Only one child node may be passed to Appbar.Tab, but ${react_1.Children.count(children)} were passed.`);
-    }
-    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, tabIndex: 0, className: classnames_1.default(config_1.cn({ e: "tab" }), "hasTabMarker", active && config_1.cn({ e: "tab", m: "active" })) }),
-        children,
-        react_1.default.createElement(AppbarTabMarker_1.AppbarTabMarker, null)));
-});

package/public/components/Appbar/AppbarUser.d.ts

@@ -1,27 +0,0 @@
-import { ReactElement, ReactNode } from "react";
-import { AvatarProps } from "../Avatar";
-declare type AppbarUserDropdownProps = {
-    avatar: ReactElement<AvatarProps>;
-    children: ReactNode;
-    name?: string;
-    onClose?: () => void;
-};
-declare type AppbarUserDropdownMenuProps = {
-    children: ReactNode;
-};
-declare type AppbarUserProps = {
-    avatar: ReactElement<AvatarProps>;
-    name?: string;
-};
-declare type AppbarUserDropdownMenuItemProps = {
-    as?: any;
-    onClick?: () => void;
-    selected?: boolean;
-    [key: string]: any;
-};
-export declare const AppbarUserAvatar: (props: AvatarProps) => JSX.Element;
-export declare const AppbarUserDropdown: ({ name, avatar, children, onClose, }: AppbarUserDropdownProps) => JSX.Element;
-export declare const AppbarUserDropdownMenu: ({ children, }: AppbarUserDropdownMenuProps) => JSX.Element;
-export declare const AppbarUserDropdownMenuItem: ({ children, onClick, as, className, ...rest }: AppbarUserDropdownMenuItemProps) => JSX.Element;
-export declare const AppbarUser: ({ name, avatar }: AppbarUserProps) => JSX.Element;
-export {};