@saas-ui/react 3.0.0-next.2 → 3.0.0-next.20

package/dist/password-input/index.js

@@ -1,230 +0,0 @@
-'use client'
-import {
-  Input,
-  InputGroup
-} from "../chunk-BFWNUE2X.js";
-import {
-  IconButton
-} from "../chunk-A4CVFWTP.js";
-import "../chunk-RTMS5TJN.js";
-
-// src/components/password-input/password-input.tsx
-import { forwardRef, useRef } from "react";
-import { mergeRefs, useControllableState } from "@chakra-ui/react";
-
-// ../../node_modules/react-icons/lib/iconBase.mjs
-import React2 from "react";
-
-// ../../node_modules/react-icons/lib/iconContext.mjs
-import React from "react";
-var DefaultContext = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-};
-var IconContext = React.createContext && /* @__PURE__ */ React.createContext(DefaultContext);
-
-// ../../node_modules/react-icons/lib/iconBase.mjs
-var _excluded = ["attr", "size", "title"];
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  for (var key in source) {
-    if (Object.prototype.hasOwnProperty.call(source, key)) {
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : i + "";
-}
-function _toPrimitive(t, r) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-function Tree2Element(tree) {
-  return tree && tree.map((node, i) => /* @__PURE__ */ React2.createElement(node.tag, _objectSpread({
-    key: i
-  }, node.attr), Tree2Element(node.child)));
-}
-function GenIcon(data) {
-  return (props) => /* @__PURE__ */ React2.createElement(IconBase, _extends({
-    attr: _objectSpread({}, data.attr)
-  }, props), Tree2Element(data.child));
-}
-function IconBase(props) {
-  var elem = (conf) => {
-    var {
-      attr,
-      size,
-      title
-    } = props, svgProps = _objectWithoutProperties(props, _excluded);
-    var computedSize = size || conf.size || "1em";
-    var className;
-    if (conf.className) className = conf.className;
-    if (props.className) className = (className ? className + " " : "") + props.className;
-    return /* @__PURE__ */ React2.createElement("svg", _extends({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, conf.attr, attr, svgProps, {
-      className,
-      style: _objectSpread(_objectSpread({
-        color: props.color || conf.color
-      }, conf.style), props.style),
-      height: computedSize,
-      width: computedSize,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), title && /* @__PURE__ */ React2.createElement("title", null, title), props.children);
-  };
-  return IconContext !== void 0 ? /* @__PURE__ */ React2.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
-}
-
-// ../../node_modules/react-icons/lu/index.mjs
-function LuEyeOff(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }, "child": [] }, { "tag": "path", "attr": { "d": "M14.084 14.158a3 3 0 0 1-4.242-4.242" }, "child": [] }, { "tag": "path", "attr": { "d": "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }, "child": [] }, { "tag": "path", "attr": { "d": "m2 2 20 20" }, "child": [] }] })(props);
-}
-function LuEye(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }, "child": [] }, { "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "3" }, "child": [] }] })(props);
-}
-
-// src/components/password-input/password-input.tsx
-import { jsx } from "react/jsx-runtime";
-var PasswordInput = forwardRef(
-  function PasswordInput2(props, ref) {
-    const {
-      rootProps,
-      defaultVisible,
-      visible: visibleProp,
-      onVisibleChange,
-      visibilityIcon = { on: /* @__PURE__ */ jsx(LuEye, {}), off: /* @__PURE__ */ jsx(LuEyeOff, {}) },
-      ...rest
-    } = props;
-    const [visible, setVisible] = useControllableState({
-      value: visibleProp,
-      defaultValue: defaultVisible || false,
-      onChange: onVisibleChange
-    });
-    const inputRef = useRef(null);
-    return /* @__PURE__ */ jsx(
-      InputGroup,
-      {
-        width: "full",
-        endElement: /* @__PURE__ */ jsx(
-          VisibilityTrigger,
-          {
-            disabled: rest.disabled,
-            onPointerDown: (e) => {
-              if (rest.disabled) return;
-              if (e.button !== 0) return;
-              e.preventDefault();
-              setVisible(!visible);
-            },
-            children: visible ? visibilityIcon.off : visibilityIcon.on
-          }
-        ),
-        ...rootProps,
-        children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            ...rest,
-            ref: mergeRefs(ref, inputRef),
-            type: visible ? "text" : "password"
-          }
-        )
-      }
-    );
-  }
-);
-var VisibilityTrigger = forwardRef(
-  function VisibilityTrigger2(props, ref) {
-    return /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        tabIndex: -1,
-        ref,
-        me: "-2",
-        aspectRatio: "square",
-        size: "sm",
-        variant: "ghost",
-        colorPalette: "gray",
-        height: "calc(100% - {spacing.2})",
-        "aria-label": "Toggle password visibility",
-        ...props
-      }
-    );
-  }
-);
-export {
-  PasswordInput
-};

package/dist/persona/index.cjs

@@ -1,247 +0,0 @@
-'use client'
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/persona/index.ts
-var persona_exports = {};
-__export(persona_exports, {
-  Persona: () => Persona,
-  PersonaAvatar: () => PersonaAvatar2,
-  defaultPersonaPresenceOptions: () => defaultPersonaPresenceOptions
-});
-module.exports = __toCommonJS(persona_exports);
-
-// src/components/persona/persona.tsx
-var React2 = __toESM(require("react"), 1);
-
-// src/components/persona/persona-primitive.tsx
-var import_react3 = require("react");
-var import_react4 = require("@chakra-ui/react");
-var import_utils = require("@saas-ui/core/utils");
-
-// src/components/avatar/avatar.tsx
-var import_react = require("react");
-var import_avatar = require("@chakra-ui/react/avatar");
-var import_group = require("@chakra-ui/react/group");
-var import_jsx_runtime = require("react/jsx-runtime");
-var Avatar = (0, import_react.forwardRef)(
-  function Avatar2(props, ref) {
-    const { name, src, srcSet, loading, icon, fallback, children, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_avatar.Avatar.Root, { ref, ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFallback, { name, icon, children: fallback }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_avatar.Avatar.Image, { src, srcSet, loading }),
-      children
-    ] });
-  }
-);
-var AvatarFallback = (0, import_react.forwardRef)(
-  function AvatarFallback2(props, ref) {
-    const { name, icon, children, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_avatar.Avatar.Fallback, { ref, ...rest, children: [
-      children,
-      name != null && children == null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: getInitials(name) }),
-      name == null && children == null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_avatar.Avatar.Icon, { asChild: !!icon, children: icon })
-    ] });
-  }
-);
-function getInitials(name) {
-  const names = name.trim().split(" ");
-  const firstName = names[0] != null ? names[0] : "";
-  const lastName = names.length > 1 ? names[names.length - 1] : "";
-  return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);
-}
-var AvatarGroup = (0, import_react.forwardRef)(
-  function AvatarGroup2(props, ref) {
-    const { size, variant, borderless, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_avatar.Avatar.PropsProvider, { value: { size, variant, borderless }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_group.Group, { gap: "0", spaceX: "-3", ref, ...rest }) });
-  }
-);
-
-// src/components/persona/persona.context.ts
-var import_react2 = require("@chakra-ui/react");
-var {
-  useStyles: usePersonaStyles,
-  withProvider,
-  withContext
-} = (0, import_react2.createSlotRecipeContext)({
-  key: "suiPersona"
-});
-
-// src/components/persona/persona-primitive.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var PersonaRoot = withProvider(
-  (0, import_react3.forwardRef)((props, ref) => {
-    const { outOfOffice, presence, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_react4.chakra.div,
-      {
-        ref,
-        ...rest,
-        "data-out-of-office": (0, import_utils.dataAttr)(outOfOffice),
-        "data-presence": presence,
-        css: [
-          presence ? {
-            "--persona-presence": `colors.presence.${presence}`
-          } : void 0,
-          rest.css
-        ]
-      }
-    );
-  }),
-  "root"
-);
-var PersonaAvatar = (0, import_react3.forwardRef)(
-  (props, ref) => {
-    const {
-      name,
-      getInitials: getInitials2 = (name2) => name2 == null ? void 0 : name2[0],
-      icon,
-      loading,
-      onError,
-      src,
-      srcSet,
-      children,
-      ...rest
-    } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Avatar, { ref, ...rest, children });
-  }
-);
-var PersonaPresenceBadge = withContext("span", "presence");
-var PersonaDetails = withContext(
-  "div",
-  "details"
-);
-var PersonaLabel = withContext(
-  "span",
-  "label"
-);
-PersonaLabel.displayName = "PersonaLabel";
-var PersonaSecondaryLabel = withContext(
-  "span",
-  "secondaryLabel"
-);
-var PersonaTertiaryLabel = withContext(
-  "span",
-  "tertiaryLabel"
-);
-
-// src/components/persona/persona.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Persona = React2.forwardRef(
-  (props, ref) => {
-    const {
-      name,
-      presence,
-      presenceIcon,
-      isOutOfOffice,
-      label,
-      secondaryLabel,
-      tertiaryLabel,
-      size,
-      hideDetails,
-      children,
-      /** Avatar props */
-      getInitials: getInitials2,
-      icon,
-      loading,
-      onError,
-      src,
-      srcSet,
-      fallback,
-      ...rest
-    } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-      PersonaRoot,
-      {
-        ref,
-        outOfOffice: isOutOfOffice,
-        presence,
-        size,
-        ...rest,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            PersonaAvatar,
-            {
-              name,
-              size,
-              getInitials: getInitials2,
-              icon,
-              loading,
-              onError,
-              src,
-              srcSet,
-              fallback,
-              children: presence ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PersonaPresenceBadge, { children: presenceIcon }) : null
-            }
-          ),
-          !hideDetails && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(PersonaDetails, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PersonaLabel, { children: label || name }),
-            secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PersonaSecondaryLabel, { children: secondaryLabel }),
-            tertiaryLabel && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PersonaTertiaryLabel, { children: tertiaryLabel }),
-            children
-          ] })
-        ]
-      }
-    );
-  }
-);
-Persona.displayName = "Persona";
-var PersonaAvatar2 = React2.forwardRef(function PersonaAvatar3(props, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Persona, { ref, ...props, hideDetails: true });
-});
-
-// src/components/persona/presence.ts
-var defaultPersonaPresenceOptions = {
-  online: {
-    label: "Online",
-    color: "presence.online"
-  },
-  offline: {
-    label: "Offline",
-    color: "presence.offline"
-  },
-  busy: {
-    label: "Busy",
-    color: "presence.busy"
-  },
-  dnd: {
-    label: "Do-not-disturb",
-    color: "presence.dnd"
-  },
-  away: {
-    label: "Away",
-    color: "presence.away"
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Persona,
-  PersonaAvatar,
-  defaultPersonaPresenceOptions
-});

package/dist/persona/index.d.cts

@@ -1,230 +0,0 @@
-import * as React$1 from 'react';
-import React__default from 'react';
-import * as _chakra_ui_react from '@chakra-ui/react';
-import { ImageProps as ImageProps$1, HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
-import { Avatar } from '@chakra-ui/react/avatar';
-import { RecipeVariantProps } from '@chakra-ui/react/styled-system';
-
-type ImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
-interface AvatarProps extends Avatar.RootProps {
-    name?: string;
-    src?: string;
-    srcSet?: string;
-    loading?: ImageProps['loading'];
-    icon?: React.ReactElement;
-    fallback?: React.ReactNode;
-}
-
-declare const personaSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"details" | "label" | "avatar" | "root" | "presence" | "secondaryLabel" | "tertiaryLabel", {
-    size: {
-        '2xs': {
-            details: {
-                ms: number;
-            };
-            label: {
-                fontSize: "xs";
-            };
-            secondaryLabel: {
-                display: "none";
-            };
-            tertiaryLabel: {
-                display: "none";
-            };
-        };
-        xs: {
-            details: {
-                ms: number;
-            };
-            label: {
-                fontSize: "xs";
-            };
-            secondaryLabel: {
-                display: "none";
-            };
-            tertiaryLabel: {
-                display: "none";
-            };
-        };
-        sm: {
-            details: {
-                ms: number;
-            };
-            label: {
-                fontSize: "sm";
-            };
-            secondaryLabel: {
-                fontSize: "xs";
-            };
-            tertiaryLabel: {
-                display: "none";
-            };
-        };
-        md: {
-            details: {
-                ms: number;
-            };
-            label: {
-                fontSize: "sm";
-            };
-            secondaryLabel: {
-                fontSize: "xs";
-            };
-            tertiaryLabel: {
-                display: "none";
-            };
-        };
-        lg: {
-            details: {
-                ms: number;
-            };
-            label: {
-                fontSize: "md";
-            };
-            secondaryLabel: {
-                fontSize: "sm";
-            };
-            tertiaryLabel: {
-                fontSize: "sm";
-            };
-        };
-        xl: {
-            details: {
-                ms: number;
-            };
-            label: {
-                fontSize: "lg";
-            };
-            secondaryLabel: {
-                fontSize: "md";
-            };
-            tertiaryLabel: {
-                fontSize: "md";
-            };
-        };
-        '2xl': {
-            details: {
-                ms: number;
-            };
-            label: {
-                fontSize: "xl";
-            };
-            secondaryLabel: {
-                fontSize: "lg";
-            };
-            tertiaryLabel: {
-                fontSize: "lg";
-            };
-        };
-    };
-}>;
-type PersonaVariantProps = RecipeVariantProps<typeof personaSlotRecipe>;
-
-type PersonaPresence = 'online' | 'offline' | 'busy' | 'dnd' | 'away';
-interface PersonaPresenceConfig {
-    label: string;
-    color: string;
-}
-type PersonaPresenceOptions<P extends string = PersonaPresence> = Record<P, PersonaPresenceConfig>;
-/**
- * The presence configuration object.
- *
- * Default presence values: online, offline, busy, dnd, away
- *
- * You can overwrite colors in the theme semantic tokens.
- * theme.semanticTokens.colors['presence.online'] = 'cyan.500'
- *
- * Or add a custom presence value
- * theme.semanticTokens.colors['presence.vacay'] = 'blue.500'
- *
- * @see Docs https://saas-ui.dev/docs/components/data-display/persona
- */
-declare const defaultPersonaPresenceOptions: PersonaPresenceOptions;
-
-interface PersonaRootProps extends HTMLChakraProps<'div'>, SlotRecipeProps<'suiPersona'>, PersonaVariantProps {
-    /**
-     * Indicates that a person is out of office. Changes the presence badge style.
-     */
-    outOfOffice?: boolean;
-    /**
-     * The presence status of the person
-     */
-    presence?: PersonaPresence;
-}
-interface PersonaAvatarOptions {
-    /**
-     * The name of the person in the avatar.
-     *
-     * - if `src` has loaded, the name will be used as the `alt` attribute of the `img`
-     * - If `src` is not loaded, the name will be used to create the initials
-     */
-    name?: string;
-}
-interface PersonaAvatarProps$1 extends PersonaAvatarOptions, AvatarProps {
-    src?: string;
-    srcSet?: string;
-    loading?: ImageProps$1['loading'];
-    icon?: React__default.ReactElement;
-    fallback?: React__default.ReactNode;
-    getInitials?: (name?: string | null) => string | null;
-}
-
-interface PersonaOptions {
-    /**
-     * The name of the person in the avatar.
-     *
-     * - if `src` has loaded, the name will be used as the `alt` attribute of the `img`
-     * - If `src` is not loaded, the name will be used to create the initials
-     */
-    name?: string;
-    /**
-     * The presence status of the person
-     *
-     * If set will add an AvatarBadge with color configured in `Presence`
-     * Default presence options:
-     * - online
-     * - offline
-     * - busy
-     * - dnd
-     * - away
-     */
-    presence?: PersonaPresence;
-    /**
-     * The icon shown in the AvatarBadge
-     */
-    presenceIcon?: React$1.ReactNode;
-    /**
-     * Indicates that a person is out of office. Changes the presence badge style.
-     */
-    isOutOfOffice?: boolean;
-    /**
-     * Primary label of the persona, defaults to the name
-     */
-    label?: React$1.ReactNode;
-    /**
-     * Secondary label, usually the role of the person
-     * Only visible from md size and up.
-     */
-    secondaryLabel?: React$1.ReactNode;
-    /**
-     * Tertiary label, usually the status of the person.
-     * Only visible from lg size and up.
-     */
-    tertiaryLabel?: React$1.ReactNode;
-    /**
-     * Hide the persona details next to the avatar.
-     */
-    hideDetails?: boolean;
-}
-interface PersonaProps extends PersonaOptions, Omit<PersonaAvatarProps$1, 'size'>, Omit<PersonaRootProps, 'presence'>, PersonaVariantProps {
-}
-/**
- * The wrapper component that handles default composition.
- *
- * @see Docs https://saas-ui.dev/docs/components/data-display/persona
- */
-declare const Persona: React$1.ForwardRefExoticComponent<PersonaProps & React$1.RefAttributes<HTMLDivElement>>;
-interface PersonaAvatarProps extends Omit<PersonaProps, 'hideDetails' | 'label' | 'secondaryLabel' | 'tertiaryLabel' | 'children'> {
-}
-declare const PersonaAvatar: React$1.ForwardRefExoticComponent<PersonaAvatarProps & React$1.RefAttributes<HTMLDivElement>>;
-
-export { Persona, PersonaAvatar, type PersonaAvatarProps, type PersonaPresence, type PersonaPresenceConfig, type PersonaProps, defaultPersonaPresenceOptions };