@sanity/ui 0.36.13 → 0.36.16

package/lib/esm/primitives/avatar/avatar.js

@@ -1,154 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { useId } from "@reach/auto-id";
-import React, { forwardRef, useCallback, useEffect, useState } from "react";
-import ReactIs from "react-is";
-import styled from "styled-components";
-import { useResponsiveProp } from "../../hooks";
-import { useTheme } from "../../theme";
-import { Text } from "../text";
-import { avatarStyle, responsiveAvatarSizeStyle } from "./styles";
-const Root = styled.div(responsiveAvatarSizeStyle, avatarStyle.root);
-const Arrow = styled.div(avatarStyle.arrow);
-const BgStroke = styled.ellipse(avatarStyle.bgStroke);
-const Stroke = styled.ellipse(avatarStyle.stroke);
-const Initials = styled.div(avatarStyle.initials);
-const Avatar = forwardRef(function Avatar2(props, ref) {
-  const _a = props, {
-    as: asProp,
-    color: colorKey = "gray",
-    src,
-    title,
-    initials,
-    onImageLoadError,
-    arrowPosition: arrowPositionProp,
-    animateArrowFrom,
-    status = "online",
-    size: sizeProp
-  } = _a, restProps = __objRest(_a, [
-    "as",
-    "color",
-    "src",
-    "title",
-    "initials",
-    "onImageLoadError",
-    "arrowPosition",
-    "animateArrowFrom",
-    "status",
-    "size"
-  ]);
-  const as = ReactIs.isValidElementType(asProp) ? asProp : "div";
-  const size = useResponsiveProp(sizeProp, [0]);
-  const theme = useTheme();
-  const color = theme.sanity.color.spot[colorKey] || theme.sanity.color.spot.gray;
-  const avatarSize = theme.sanity.avatar.sizes[size[0]] || theme.sanity.avatar.sizes[0];
-  const _sizeRem = avatarSize.size;
-  const _radius = _sizeRem / 2;
-  const elementId = useId() || "";
-  const [arrowPosition, setArrowPosition] = useState(animateArrowFrom || arrowPositionProp || "inside");
-  const [imageFailed, setImageFailed] = useState(false);
-  const imageId = `avatar-image-${elementId}`;
-  useEffect(() => {
-    if (arrowPosition === arrowPositionProp)
-      return void 0;
-    const raf = requestAnimationFrame(() => setArrowPosition(arrowPositionProp));
-    return () => cancelAnimationFrame(raf);
-  }, [arrowPosition, arrowPositionProp]);
-  useEffect(() => {
-    if (src)
-      setImageFailed(false);
-  }, [src]);
-  const handleImageError = useCallback(() => {
-    setImageFailed(true);
-    if (onImageLoadError) {
-      onImageLoadError(new Error("Avatar: the image failed to load"));
-    }
-  }, [onImageLoadError]);
-  return /* @__PURE__ */ React.createElement(Root, __spreadProps(__spreadValues({
-    as,
-    "data-as": typeof as === "string" ? as : void 0,
-    "data-ui": "Avatar"
-  }, restProps), {
-    $size: size,
-    $color: color,
-    "aria-label": title,
-    "data-arrow-position": arrowPosition,
-    "data-status": status,
-    ref,
-    title
-  }), /* @__PURE__ */ React.createElement(Arrow, null, /* @__PURE__ */ React.createElement("svg", {
-    width: "11",
-    height: "7",
-    viewBox: "0 0 11 7",
-    fill: "none"
-  }, /* @__PURE__ */ React.createElement("path", {
-    d: "M6.67948 1.50115L11 7L0 7L4.32052 1.50115C4.92109 0.736796 6.07891 0.736795 6.67948 1.50115Z",
-    fill: color
-  }))), !imageFailed && src && /* @__PURE__ */ React.createElement("svg", {
-    viewBox: `0 0 ${_sizeRem} ${_sizeRem}`,
-    fill: "none"
-  }, /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("pattern", {
-    id: imageId,
-    patternContentUnits: "objectBoundingBox",
-    width: "1",
-    height: "1"
-  }, /* @__PURE__ */ React.createElement("image", {
-    href: src,
-    width: "1",
-    height: "1",
-    onError: handleImageError
-  }))), /* @__PURE__ */ React.createElement("circle", {
-    cx: _radius,
-    cy: _radius,
-    r: _radius,
-    fill: `url(#${imageId})`
-  }), /* @__PURE__ */ React.createElement(BgStroke, {
-    cx: _radius,
-    cy: _radius,
-    rx: _radius,
-    ry: _radius,
-    vectorEffect: "non-scaling-stroke"
-  }), /* @__PURE__ */ React.createElement(Stroke, {
-    cx: _radius,
-    cy: _radius,
-    rx: _radius,
-    ry: _radius,
-    stroke: color,
-    vectorEffect: "non-scaling-stroke"
-  })), (imageFailed || !src) && initials && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Initials, null, /* @__PURE__ */ React.createElement(Text, {
-    as: "span",
-    size: size.map((s) => s === 0 ? 0 : s + 1)
-  }, /* @__PURE__ */ React.createElement("strong", null, initials)))));
-});
-export {
-  Avatar
-};

package/lib/esm/primitives/avatar/avatar.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/primitives/avatar/avatar.tsx"],
-  "sourcesContent": ["import {useId} from '@reach/auto-id'\nimport React, {forwardRef, useCallback, useEffect, useState} from 'react'\nimport ReactIs from 'react-is'\nimport styled from 'styled-components'\nimport {useResponsiveProp} from '../../hooks'\nimport {ThemeColorSpotKey, useTheme} from '../../theme'\nimport {AvatarPosition, AvatarSize, AvatarStatus} from '../../types'\nimport {Text} from '../text'\nimport {avatarStyle, responsiveAvatarSizeStyle} from './styles'\n\n/**\n * @public\n */\nexport interface AvatarProps {\n  animateArrowFrom?: AvatarPosition\n  arrowPosition?: AvatarPosition\n  as?: React.ElementType | keyof JSX.IntrinsicElements\n  color?: ThemeColorSpotKey\n  initials?: string\n  onImageLoadError?: (event: Error) => void\n  size?: AvatarSize | AvatarSize[]\n  src?: string\n  /**\n   * The status of the entity this Avatar represents.\n   * @alpha\n   */\n  status?: AvatarStatus\n  title?: string\n}\n\nconst Root = styled.div<{$color: string; $size: AvatarSize[]}>(\n  responsiveAvatarSizeStyle,\n  avatarStyle.root\n)\n\nconst Arrow = styled.div(avatarStyle.arrow)\n\nconst BgStroke = styled.ellipse(avatarStyle.bgStroke)\n\nconst Stroke = styled.ellipse(avatarStyle.stroke)\n\nconst Initials = styled.div(avatarStyle.initials)\n\n/**\n * @public\n */\nexport const Avatar = forwardRef(function Avatar(\n  props: AvatarProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'ref'>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const {\n    as: asProp,\n    color: colorKey = 'gray',\n    src,\n    title,\n    initials,\n    onImageLoadError,\n    arrowPosition: arrowPositionProp,\n    animateArrowFrom,\n    status = 'online',\n    size: sizeProp,\n    ...restProps\n  } = props\n  const as = ReactIs.isValidElementType(asProp) ? asProp : 'div'\n  const size: AvatarSize[] = useResponsiveProp(sizeProp, [0])\n  const theme = useTheme()\n  const color = theme.sanity.color.spot[colorKey] || theme.sanity.color.spot.gray\n\n  // @todo: remove this\n  const avatarSize = theme.sanity.avatar.sizes[size[0]] || theme.sanity.avatar.sizes[0]\n  const _sizeRem = avatarSize.size\n  const _radius = _sizeRem / 2\n\n  const elementId = useId() || ''\n  const [arrowPosition, setArrowPosition] = useState<AvatarPosition | undefined>(\n    animateArrowFrom || arrowPositionProp || 'inside'\n  )\n\n  const [imageFailed, setImageFailed] = useState<boolean>(false)\n\n  const imageId = `avatar-image-${elementId}`\n\n  useEffect(() => {\n    if (arrowPosition === arrowPositionProp) return undefined\n\n    // Start animation in the next frame\n    const raf = requestAnimationFrame(() => setArrowPosition(arrowPositionProp))\n\n    return () => cancelAnimationFrame(raf)\n  }, [arrowPosition, arrowPositionProp])\n\n  useEffect(() => {\n    if (src) setImageFailed(false)\n  }, [src])\n\n  const handleImageError = useCallback(() => {\n    setImageFailed(true)\n\n    if (onImageLoadError) {\n      onImageLoadError(new Error('Avatar: the image failed to load'))\n    }\n  }, [onImageLoadError])\n\n  return (\n    <Root\n      as={as}\n      data-as={typeof as === 'string' ? as : undefined}\n      data-ui=\"Avatar\"\n      {...restProps}\n      $size={size}\n      $color={color}\n      aria-label={title}\n      data-arrow-position={arrowPosition}\n      data-status={status}\n      ref={ref}\n      title={title}\n    >\n      <Arrow>\n        <svg width=\"11\" height=\"7\" viewBox=\"0 0 11 7\" fill=\"none\">\n          <path\n            d=\"M6.67948 1.50115L11 7L0 7L4.32052 1.50115C4.92109 0.736796 6.07891 0.736795 6.67948 1.50115Z\"\n            fill={color}\n          />\n        </svg>\n      </Arrow>\n\n      {!imageFailed && src && (\n        <svg viewBox={`0 0 ${_sizeRem} ${_sizeRem}`} fill=\"none\">\n          <defs>\n            <pattern id={imageId} patternContentUnits=\"objectBoundingBox\" width=\"1\" height=\"1\">\n              <image href={src} width=\"1\" height=\"1\" onError={handleImageError} />\n            </pattern>\n          </defs>\n\n          <circle cx={_radius} cy={_radius} r={_radius} fill={`url(#${imageId})`} />\n          <BgStroke\n            cx={_radius}\n            cy={_radius}\n            rx={_radius}\n            ry={_radius}\n            vectorEffect=\"non-scaling-stroke\"\n          />\n          <Stroke\n            cx={_radius}\n            cy={_radius}\n            rx={_radius}\n            ry={_radius}\n            stroke={color}\n            vectorEffect=\"non-scaling-stroke\"\n          />\n        </svg>\n      )}\n\n      {(imageFailed || !src) && initials && (\n        <>\n          <Initials>\n            <Text as=\"span\" size={size.map((s) => (s === 0 ? 0 : s + 1))}>\n              <strong>{initials}</strong>\n            </Text>\n          </Initials>\n        </>\n      )}\n    </Root>\n  )\n})\n"],
-  "mappings": "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",
-  "names": []
-}

package/lib/esm/primitives/avatar/avatarCounter.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { AvatarSize } from '../../types';
-/**
- * @public
- */
-export interface AvatarCounterProps {
-    count: number;
-    size?: AvatarSize | AvatarSize[];
-    tone?: 'navbar';
-}
-/**
- * @public
- */
-export declare const AvatarCounter: React.ForwardRefExoticComponent<AvatarCounterProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=avatarCounter.d.ts.map

package/lib/esm/primitives/avatar/avatarCounter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatarCounter.d.ts","sourceRoot":"","sources":["../../../../src/primitives/avatar/avatarCounter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,EAAC,UAAU,EAAC,MAAM,aAAa,CAAA;AA6CtC;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAA;IAChC,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,2FAcxB,CAAA"}

package/lib/esm/primitives/avatar/avatarCounter.js

@@ -1,54 +0,0 @@
-import React, { forwardRef } from "react";
-import styled, { css } from "styled-components";
-import { EMPTY_RECORD } from "../../constants";
-import { useResponsiveProp } from "../../hooks";
-import { rem, responsive } from "../../styles";
-import { Text } from "../text";
-function responsiveAvatarCounterSizeStyle(props) {
-  const { theme } = props;
-  const { avatar, media } = theme.sanity;
-  return responsive(media, props.$size, (size) => {
-    const avatarSize = avatar.sizes[size];
-    if (!avatarSize)
-      return EMPTY_RECORD;
-    return {
-      borderRadius: rem(avatarSize.size / 2),
-      minWidth: rem(avatarSize.size),
-      height: rem(avatarSize.size)
-    };
-  });
-}
-function avatarCounterBaseStyle(props) {
-  const { theme } = props;
-  return css`
-    align-items: center;
-    justify-content: center;
-    box-sizing: border-box;
-    user-select: none;
-    color: inherit;
-    color: var(--card-fg-color);
-    background: var(--card-bg-color);
-    box-shadow: 0 0 0 1px var(--card-bg-color), inset 0 0 0 1.5px var(--card-hairline-hard-color);
-    padding: 0 ${rem(theme.sanity.space[2])};
-
-    &:not([hidden]) {
-      display: flex;
-    }
-  `;
-}
-const Root = styled.div(responsiveAvatarCounterSizeStyle, avatarCounterBaseStyle);
-const AvatarCounter = forwardRef(function AvatarCounter2(props, ref) {
-  const { count, size: sizeProp = 0, tone } = props;
-  const size = useResponsiveProp(sizeProp, [0]);
-  return /* @__PURE__ */ React.createElement(Root, {
-    $size: size,
-    "data-tone": tone,
-    ref
-  }, /* @__PURE__ */ React.createElement(Text, {
-    as: "span",
-    size: size.map((s) => s === 0 ? 0 : s + 1)
-  }, /* @__PURE__ */ React.createElement("strong", null, count)));
-});
-export {
-  AvatarCounter
-};

package/lib/esm/primitives/avatar/avatarCounter.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/primitives/avatar/avatarCounter.tsx"],
-  "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled, {css} from 'styled-components'\nimport {EMPTY_RECORD} from '../../constants'\nimport {useResponsiveProp} from '../../hooks'\nimport {rem, responsive, ThemeProps} from '../../styles'\nimport {AvatarSize} from '../../types'\nimport {Text} from '../text'\n\nfunction responsiveAvatarCounterSizeStyle(props: {$size: AvatarSize[]} & ThemeProps) {\n  const {theme} = props\n  const {avatar, media} = theme.sanity\n\n  return responsive(media, props.$size, (size) => {\n    const avatarSize = avatar.sizes[size]\n\n    if (!avatarSize) return EMPTY_RECORD\n\n    return {\n      borderRadius: rem(avatarSize.size / 2),\n      minWidth: rem(avatarSize.size),\n      height: rem(avatarSize.size),\n    }\n  })\n}\n\nfunction avatarCounterBaseStyle(props: ThemeProps) {\n  const {theme} = props\n\n  return css`\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    user-select: none;\n    color: inherit;\n    color: var(--card-fg-color);\n    background: var(--card-bg-color);\n    box-shadow: 0 0 0 1px var(--card-bg-color), inset 0 0 0 1.5px var(--card-hairline-hard-color);\n    padding: 0 ${rem(theme.sanity.space[2])};\n\n    &:not([hidden]) {\n      display: flex;\n    }\n  `\n}\n\nconst Root = styled.div<{$size: AvatarSize[]}>(\n  responsiveAvatarCounterSizeStyle,\n  avatarCounterBaseStyle\n)\n\n/**\n * @public\n */\nexport interface AvatarCounterProps {\n  count: number\n  size?: AvatarSize | AvatarSize[]\n  tone?: 'navbar'\n}\n\n/**\n * @public\n */\nexport const AvatarCounter = forwardRef(function AvatarCounter(\n  props: AvatarCounterProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const {count, size: sizeProp = 0, tone} = props\n  const size: AvatarSize[] = useResponsiveProp(sizeProp, [0])\n\n  return (\n    <Root $size={size} data-tone={tone} ref={ref}>\n      <Text as=\"span\" size={size.map((s) => (s === 0 ? 0 : s + 1))}>\n        <strong>{count}</strong>\n      </Text>\n    </Root>\n  )\n})\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AACA;AAEA;AAEA,0CAA0C,OAA2C;AACnF,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,QAAQ,UAAS,MAAM;AAE9B,SAAO,WAAW,OAAO,MAAM,OAAO,CAAC,SAAS;AAC9C,UAAM,aAAa,OAAO,MAAM;AAEhC,QAAI,CAAC;AAAY,aAAO;AAExB,WAAO;AAAA,MACL,cAAc,IAAI,WAAW,OAAO;AAAA,MACpC,UAAU,IAAI,WAAW;AAAA,MACzB,QAAQ,IAAI,WAAW;AAAA;AAAA;AAAA;AAK7B,gCAAgC,OAAmB;AACjD,QAAM,EAAC,UAAS;AAEhB,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBASQ,IAAI,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQxC,MAAM,OAAO,OAAO,IAClB,kCACA;AAeK,MAAM,gBAAgB,WAAW,wBACtC,OACA,KACA;AACA,QAAM,EAAC,OAAO,MAAM,WAAW,GAAG,SAAQ;AAC1C,QAAM,OAAqB,kBAAkB,UAAU,CAAC;AAExD,SACE,oCAAC,MAAD;AAAA,IAAM,OAAO;AAAA,IAAM,aAAW;AAAA,IAAM;AAAA,KAClC,oCAAC,MAAD;AAAA,IAAM,IAAG;AAAA,IAAO,MAAM,KAAK,IAAI,CAAC,MAAO,MAAM,IAAI,IAAI,IAAI;AAAA,KACvD,oCAAC,UAAD,MAAS;AAAA;",
-  "names": []
-}

package/lib/esm/primitives/avatar/avatarStack.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { AvatarSize } from '../../types';
-/**
- * @public
- */
-export interface AvatarStackProps {
-    children: React.ReactNode;
-    maxLength?: number;
-    size?: AvatarSize | AvatarSize[];
-    tone?: 'navbar';
-}
-/**
- * @public
- */
-export declare const AvatarStack: React.ForwardRefExoticComponent<AvatarStackProps & Omit<React.HTMLProps<HTMLDivElement>, "ref" | "as"> & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=avatarStack.d.ts.map

package/lib/esm/primitives/avatar/avatarStack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatarStack.d.ts","sourceRoot":"","sources":["../../../../src/primitives/avatar/avatarStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAIrD,OAAO,EAAC,UAAU,EAAC,MAAM,aAAa,CAAA;AA0CtC;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAA;IAChC,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,+IAiCtB,CAAA"}

package/lib/esm/primitives/avatar/avatarStack.js

@@ -1,93 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import React, { cloneElement, forwardRef } from "react";
-import styled, { css } from "styled-components";
-import { EMPTY_RECORD } from "../../constants";
-import { getResponsiveProp, rem, responsive } from "../../styles";
-import { childrenToElementArray } from "../helpers";
-import { AvatarCounter } from "./avatarCounter";
-const BASE_STYLES = css`
-  white-space: nowrap;
-
-  & > div {
-    vertical-align: top;
-
-    &:not([hidden]) {
-      display: inline-block;
-    }
-  }
-`;
-function avatarStackStyle() {
-  return BASE_STYLES;
-}
-function responsiveAvatarStackSizeStyle(props) {
-  const { theme } = props;
-  const { avatar, media } = theme.sanity;
-  return responsive(media, getResponsiveProp(props.size), (size) => {
-    const avatarSize = avatar.sizes[size];
-    if (!avatarSize)
-      return EMPTY_RECORD;
-    return {
-      "& > div + div": {
-        marginLeft: rem(avatarSize.distance)
-      }
-    };
-  });
-}
-const Root = styled.div(responsiveAvatarStackSizeStyle, avatarStackStyle);
-const AvatarStack = forwardRef(function AvatarStack2(props, ref) {
-  const _a = props, { children: childrenProp, maxLength: maxLengthProp = 4, size = 0, tone } = _a, restProps = __objRest(_a, ["children", "maxLength", "size", "tone"]);
-  const maxLength = Math.max(maxLengthProp, 0);
-  const children = childrenToElementArray(childrenProp).filter((child) => typeof child !== "string");
-  const len = children.length;
-  const visibleCount = maxLength - 1;
-  const extraCount = len - visibleCount;
-  const visibleChildren = extraCount > 1 ? children.slice(extraCount, len) : children;
-  return /* @__PURE__ */ React.createElement(Root, __spreadProps(__spreadValues({
-    "data-ui": "AvatarStack"
-  }, restProps), {
-    ref,
-    size
-  }), len === 0 && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(AvatarCounter, {
-    count: len,
-    tone
-  })), len !== 0 && extraCount > 1 && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(AvatarCounter, {
-    count: extraCount,
-    size,
-    tone
-  })), visibleChildren.map((child, childIndex) => /* @__PURE__ */ React.createElement("div", {
-    key: String(childIndex)
-  }, cloneElement(child, { size, tone }))));
-});
-export {
-  AvatarStack
-};

package/lib/esm/primitives/avatar/avatarStack.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/primitives/avatar/avatarStack.tsx"],
-  "sourcesContent": ["import React, {cloneElement, forwardRef} from 'react'\nimport styled, {css} from 'styled-components'\nimport {EMPTY_RECORD} from '../../constants'\nimport {getResponsiveProp, rem, responsive, ThemeProps} from '../../styles'\nimport {AvatarSize} from '../../types'\nimport {childrenToElementArray} from '../helpers'\nimport {AvatarCounter} from './avatarCounter'\n\nconst BASE_STYLES = css`\n  white-space: nowrap;\n\n  & > div {\n    vertical-align: top;\n\n    &:not([hidden]) {\n      display: inline-block;\n    }\n  }\n`\n\nfunction avatarStackStyle() {\n  return BASE_STYLES\n}\n\nfunction responsiveAvatarStackSizeStyle(props: {size: AvatarSize | AvatarSize[]} & ThemeProps) {\n  const {theme} = props\n  const {avatar, media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.size), (size) => {\n    const avatarSize = avatar.sizes[size]\n\n    if (!avatarSize) return EMPTY_RECORD\n\n    return {\n      '& > div + div': {\n        marginLeft: rem(avatarSize.distance),\n      },\n    }\n  })\n}\n\nconst Root = styled.div<{size: AvatarSize | AvatarSize[]}>(\n  responsiveAvatarStackSizeStyle,\n  avatarStackStyle\n)\n\n/**\n * @public\n */\nexport interface AvatarStackProps {\n  children: React.ReactNode\n  maxLength?: number\n  size?: AvatarSize | AvatarSize[]\n  tone?: 'navbar'\n}\n\n/**\n * @public\n */\nexport const AvatarStack = forwardRef(function AvatarStack(\n  props: AvatarStackProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'ref'>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const {children: childrenProp, maxLength: maxLengthProp = 4, size = 0, tone, ...restProps} = props\n  const maxLength = Math.max(maxLengthProp, 0)\n  const children = childrenToElementArray(childrenProp).filter(\n    (child) => typeof child !== 'string'\n  ) as React.ReactElement[]\n  const len = children.length\n  const visibleCount = maxLength - 1\n  const extraCount = len - visibleCount\n  const visibleChildren = extraCount > 1 ? children.slice(extraCount, len) : children\n\n  return (\n    <Root data-ui=\"AvatarStack\" {...restProps} ref={ref} size={size}>\n      {len === 0 && (\n        <div>\n          <AvatarCounter count={len} tone={tone} />\n        </div>\n      )}\n\n      {len !== 0 && extraCount > 1 && (\n        <div>\n          <AvatarCounter count={extraCount} size={size} tone={tone} />\n        </div>\n      )}\n\n      {visibleChildren.map((child, childIndex) => (\n        <div key={String(childIndex)}>{cloneElement(child, {size, tone})}</div>\n      ))}\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AACA;AAEA,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYpB,4BAA4B;AAC1B,SAAO;AAAA;AAGT,wCAAwC,OAAuD;AAC7F,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,QAAQ,UAAS,MAAM;AAE9B,SAAO,WAAW,OAAO,kBAAkB,MAAM,OAAO,CAAC,SAAS;AAChE,UAAM,aAAa,OAAO,MAAM;AAEhC,QAAI,CAAC;AAAY,aAAO;AAExB,WAAO;AAAA,MACL,iBAAiB;AAAA,QACf,YAAY,IAAI,WAAW;AAAA;AAAA;AAAA;AAAA;AAMnC,MAAM,OAAO,OAAO,IAClB,gCACA;AAgBK,MAAM,cAAc,WAAW,sBACpC,OACA,KACA;AACA,QAA6F,YAAtF,YAAU,cAAc,WAAW,gBAAgB,GAAG,OAAO,GAAG,SAAsB,IAAb,sBAAa,IAAb,CAAzE,YAAwB,aAA8B,QAAU;AACvE,QAAM,YAAY,KAAK,IAAI,eAAe;AAC1C,QAAM,WAAW,uBAAuB,cAAc,OACpD,CAAC,UAAU,OAAO,UAAU;AAE9B,QAAM,MAAM,SAAS;AACrB,QAAM,eAAe,YAAY;AACjC,QAAM,aAAa,MAAM;AACzB,QAAM,kBAAkB,aAAa,IAAI,SAAS,MAAM,YAAY,OAAO;AAE3E,SACE,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KAAkB,YAAhC;AAAA,IAA2C;AAAA,IAAU;AAAA,MAClD,QAAQ,KACP,oCAAC,OAAD,MACE,oCAAC,eAAD;AAAA,IAAe,OAAO;AAAA,IAAK;AAAA,OAI9B,QAAQ,KAAK,aAAa,KACzB,oCAAC,OAAD,MACE,oCAAC,eAAD;AAAA,IAAe,OAAO;AAAA,IAAY;AAAA,IAAY;AAAA,OAIjD,gBAAgB,IAAI,CAAC,OAAO,eAC3B,oCAAC,OAAD;AAAA,IAAK,KAAK,OAAO;AAAA,KAAc,aAAa,OAAO,EAAC,MAAM;AAAA;",
-  "names": []
-}

package/lib/esm/primitives/avatar/index.d.ts

@@ -1,5 +0,0 @@
-export * from './avatar';
-export * from './avatarCounter';
-export * from './avatarStack';
-export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/primitives/avatar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA"}

package/lib/esm/primitives/avatar/index.js

@@ -1,4 +0,0 @@
-export * from "./avatar";
-export * from "./avatarCounter";
-export * from "./avatarStack";
-export * from "./types";

package/lib/esm/primitives/avatar/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/primitives/avatar/index.ts"],
-  "sourcesContent": ["export * from './avatar'\nexport * from './avatarCounter'\nexport * from './avatarStack'\nexport * from './types'\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;",
-  "names": []
-}

package/lib/esm/primitives/avatar/styles.d.ts

@@ -1,18 +0,0 @@
-import { CSSObject } from 'styled-components';
-import { ThemeProps } from '../../styles';
-import { AvatarRootStyleProps, ResponsiveAvatarSizeStyleProps } from './types';
-export declare const avatarStyle: {
-    root: typeof avatarRootStyle;
-    arrow: typeof avatarArrowStyle;
-    bgStroke: typeof avatarBgStrokeStyle;
-    stroke: typeof avatarStrokeStyle;
-    initials: typeof avatarInitialsStyle;
-};
-declare function avatarArrowStyle(): CSSObject;
-export declare function avatarRootStyle(props: AvatarRootStyleProps & ThemeProps): CSSObject;
-export declare function responsiveAvatarSizeStyle(props: ResponsiveAvatarSizeStyleProps & ThemeProps): CSSObject[];
-export declare function avatarInitialsStyle(props: ThemeProps): CSSObject;
-declare function avatarBgStrokeStyle(): CSSObject;
-declare function avatarStrokeStyle(): CSSObject;
-export {};
-//# sourceMappingURL=styles.d.ts.map

package/lib/esm/primitives/avatar/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/primitives/avatar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAkB,UAAU,EAAC,MAAM,cAAc,CAAA;AAExD,OAAO,EAAC,oBAAoB,EAAE,8BAA8B,EAAC,MAAM,SAAS,CAAA;AAE5E,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAA;AAED,iBAAS,gBAAgB,IAAI,SAAS,CAyCrC;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,UAAU,GAAG,SAAS,CAyCnF;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,GAAG,UAAU,GACjD,SAAS,EAAE,CAmBb;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,CAkBhE;AAED,iBAAS,mBAAmB,IAAI,SAAS,CAKxC;AAED,iBAAS,iBAAiB,IAAI,SAAS,CAStC"}

package/lib/esm/primitives/avatar/styles.js

@@ -1,136 +0,0 @@
-import { rem, responsive } from "../../styles";
-import { focusRingStyle } from "../../styles/internal";
-const avatarStyle = {
-  root: avatarRootStyle,
-  arrow: avatarArrowStyle,
-  bgStroke: avatarBgStrokeStyle,
-  stroke: avatarStrokeStyle,
-  initials: avatarInitialsStyle
-};
-function avatarArrowStyle() {
-  return {
-    position: "absolute",
-    boxSizing: "border-box",
-    zIndex: 0,
-    opacity: 0,
-    transition: "all 0.2s linear",
-    transform: "rotate(-90deg) translate3d(0, 6px, 0)",
-    left: 0,
-    right: 0,
-    top: 0,
-    bottom: 0,
-    "& > svg": {
-      width: "11px",
-      height: "7px",
-      position: "absolute",
-      top: "-5px",
-      left: "50%",
-      transform: "translateX(-6px)",
-      "&:not([hidden])": {
-        display: "block"
-      }
-    },
-    "[data-arrow-position='inside'] > &": {
-      transform: "rotate(-90deg) translate3d(0, 6px, 0)",
-      opacity: 0
-    },
-    "[data-arrow-position='top'] > &": {
-      opacity: 1,
-      transform: "rotate(0deg)"
-    },
-    "[data-arrow-position='bottom'] > &": {
-      opacity: 1,
-      transform: "rotate(-180deg)"
-    }
-  };
-}
-function avatarRootStyle(props) {
-  const { $color, theme } = props;
-  const { focusRing } = theme.sanity;
-  return {
-    backgroundColor: $color,
-    position: "relative",
-    boxSizing: "border-box",
-    userSelect: "none",
-    boxShadow: "0 0 0 1px var(--card-bg-color)",
-    '&[data-status="inactive"]': {
-      opacity: 0.5
-    },
-    "&>svg": {
-      "&:not([hidden])": {
-        display: "block"
-      }
-    },
-    '&[data-as="button"]': {
-      "-webkit-font-smoothing": "inherit",
-      appearance: "none",
-      margin: 0,
-      padding: 0,
-      border: 0,
-      font: "inherit",
-      color: "inherit",
-      outline: "none",
-      "&:focus": {
-        boxShadow: focusRingStyle({ focusRing })
-      },
-      "&:focus:not(:focus-visible)": {
-        boxShadow: "none"
-      }
-    }
-  };
-}
-function responsiveAvatarSizeStyle(props) {
-  const { theme } = props;
-  const { avatar, media } = theme.sanity;
-  return responsive(media, props.$size, (size) => {
-    const avatarSize = avatar.sizes[size] || avatar.sizes[0];
-    return {
-      width: rem(avatarSize.size),
-      height: rem(avatarSize.size),
-      borderRadius: rem(avatarSize.size / 2),
-      "&>svg": {
-        width: rem(avatarSize.size),
-        height: rem(avatarSize.size),
-        borderRadius: rem(avatarSize.size / 2)
-      }
-    };
-  });
-}
-function avatarInitialsStyle(props) {
-  const { theme } = props;
-  const { base } = theme.sanity.color;
-  return {
-    width: "100%",
-    height: "100%",
-    color: base.fg,
-    alignItems: "center",
-    justifyContent: "center",
-    textTransform: "uppercase",
-    textAlign: "center",
-    borderRadius: "50%",
-    "&:not([hidden])": {
-      display: "flex"
-    }
-  };
-}
-function avatarBgStrokeStyle() {
-  return {
-    strokeWidth: "4px",
-    stroke: "var(--card-bg-color)"
-  };
-}
-function avatarStrokeStyle() {
-  return {
-    strokeWidth: "3px",
-    '[data-status="editing"] &': {
-      strokeSasharray: "2 4",
-      strokeLinecap: "round"
-    }
-  };
-}
-export {
-  avatarInitialsStyle,
-  avatarRootStyle,
-  avatarStyle,
-  responsiveAvatarSizeStyle
-};

package/lib/esm/primitives/avatar/styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/primitives/avatar/styles.ts"],
-  "sourcesContent": ["import {CSSObject} from 'styled-components'\nimport {rem, responsive, ThemeProps} from '../../styles'\nimport {focusRingStyle} from '../../styles/internal'\nimport {AvatarRootStyleProps, ResponsiveAvatarSizeStyleProps} from './types'\n\nexport const avatarStyle = {\n  root: avatarRootStyle,\n  arrow: avatarArrowStyle,\n  bgStroke: avatarBgStrokeStyle,\n  stroke: avatarStrokeStyle,\n  initials: avatarInitialsStyle,\n}\n\nfunction avatarArrowStyle(): CSSObject {\n  return {\n    position: 'absolute',\n    boxSizing: 'border-box',\n    zIndex: 0,\n    opacity: 0,\n    transition: 'all 0.2s linear',\n    transform: 'rotate(-90deg) translate3d(0, 6px, 0)',\n    left: 0,\n    right: 0,\n    top: 0,\n    bottom: 0,\n\n    '& > svg': {\n      width: '11px',\n      height: '7px',\n      position: 'absolute',\n      top: '-5px',\n      left: '50%',\n      transform: 'translateX(-6px)',\n\n      '&:not([hidden])': {\n        display: 'block',\n      },\n    },\n\n    \"[data-arrow-position='inside'] > &\": {\n      transform: 'rotate(-90deg) translate3d(0, 6px, 0)',\n      opacity: 0,\n    },\n\n    \"[data-arrow-position='top'] > &\": {\n      opacity: 1,\n      transform: 'rotate(0deg)',\n    },\n\n    \"[data-arrow-position='bottom'] > &\": {\n      opacity: 1,\n      transform: 'rotate(-180deg)',\n    },\n  }\n}\n\nexport function avatarRootStyle(props: AvatarRootStyleProps & ThemeProps): CSSObject {\n  const {$color, theme} = props\n  const {focusRing} = theme.sanity\n\n  return {\n    backgroundColor: $color,\n    position: 'relative',\n    boxSizing: 'border-box',\n    userSelect: 'none',\n    boxShadow: '0 0 0 1px var(--card-bg-color)',\n\n    '&[data-status=\"inactive\"]': {\n      opacity: 0.5,\n    },\n\n    '&>svg': {\n      '&:not([hidden])': {\n        display: 'block',\n      },\n    },\n\n    /* &:is(button) */\n    '&[data-as=\"button\"]': {\n      '-webkit-font-smoothing': 'inherit',\n      appearance: 'none',\n      margin: 0,\n      padding: 0,\n      border: 0,\n      font: 'inherit',\n      color: 'inherit',\n      outline: 'none',\n\n      '&:focus': {\n        boxShadow: focusRingStyle({focusRing}),\n      },\n\n      '&:focus:not(:focus-visible)': {\n        boxShadow: 'none',\n      },\n    },\n  }\n}\n\nexport function responsiveAvatarSizeStyle(\n  props: ResponsiveAvatarSizeStyleProps & ThemeProps\n): CSSObject[] {\n  const {theme} = props\n  const {avatar, media} = theme.sanity\n\n  return responsive(media, props.$size, (size) => {\n    const avatarSize = avatar.sizes[size] || avatar.sizes[0]\n\n    return {\n      width: rem(avatarSize.size),\n      height: rem(avatarSize.size),\n      borderRadius: rem(avatarSize.size / 2),\n\n      '&>svg': {\n        width: rem(avatarSize.size),\n        height: rem(avatarSize.size),\n        borderRadius: rem(avatarSize.size / 2),\n      },\n    }\n  })\n}\n\nexport function avatarInitialsStyle(props: ThemeProps): CSSObject {\n  const {theme} = props\n  const {base} = theme.sanity.color\n\n  return {\n    width: '100%',\n    height: '100%',\n    color: base.fg,\n    alignItems: 'center',\n    justifyContent: 'center',\n    textTransform: 'uppercase',\n    textAlign: 'center',\n    borderRadius: '50%',\n\n    '&:not([hidden])': {\n      display: 'flex',\n    },\n  }\n}\n\nfunction avatarBgStrokeStyle(): CSSObject {\n  return {\n    strokeWidth: '4px',\n    stroke: 'var(--card-bg-color)',\n  }\n}\n\nfunction avatarStrokeStyle(): CSSObject {\n  return {\n    strokeWidth: '3px',\n\n    '[data-status=\"editing\"] &': {\n      strokeSasharray: '2 4',\n      strokeLinecap: 'round',\n    },\n  }\n}\n"],
-  "mappings": "AACA;AACA;AAGO,MAAM,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AAAA;AAGZ,4BAAuC;AACrC,SAAO;AAAA,IACL,UAAU;AAAA,IACV,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,IAER,WAAW;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA,MACN,WAAW;AAAA,MAEX,mBAAmB;AAAA,QACjB,SAAS;AAAA;AAAA;AAAA,IAIb,sCAAsC;AAAA,MACpC,WAAW;AAAA,MACX,SAAS;AAAA;AAAA,IAGX,mCAAmC;AAAA,MACjC,SAAS;AAAA,MACT,WAAW;AAAA;AAAA,IAGb,sCAAsC;AAAA,MACpC,SAAS;AAAA,MACT,WAAW;AAAA;AAAA;AAAA;AAKV,yBAAyB,OAAqD;AACnF,QAAM,EAAC,QAAQ,UAAS;AACxB,QAAM,EAAC,cAAa,MAAM;AAE1B,SAAO;AAAA,IACL,iBAAiB;AAAA,IACjB,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,WAAW;AAAA,IAEX,6BAA6B;AAAA,MAC3B,SAAS;AAAA;AAAA,IAGX,SAAS;AAAA,MACP,mBAAmB;AAAA,QACjB,SAAS;AAAA;AAAA;AAAA,IAKb,uBAAuB;AAAA,MACrB,0BAA0B;AAAA,MAC1B,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MAET,WAAW;AAAA,QACT,WAAW,eAAe,EAAC;AAAA;AAAA,MAG7B,+BAA+B;AAAA,QAC7B,WAAW;AAAA;AAAA;AAAA;AAAA;AAMZ,mCACL,OACa;AACb,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,QAAQ,UAAS,MAAM;AAE9B,SAAO,WAAW,OAAO,MAAM,OAAO,CAAC,SAAS;AAC9C,UAAM,aAAa,OAAO,MAAM,SAAS,OAAO,MAAM;AAEtD,WAAO;AAAA,MACL,OAAO,IAAI,WAAW;AAAA,MACtB,QAAQ,IAAI,WAAW;AAAA,MACvB,cAAc,IAAI,WAAW,OAAO;AAAA,MAEpC,SAAS;AAAA,QACP,OAAO,IAAI,WAAW;AAAA,QACtB,QAAQ,IAAI,WAAW;AAAA,QACvB,cAAc,IAAI,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAMrC,6BAA6B,OAA8B;AAChE,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,SAAQ,MAAM,OAAO;AAE5B,SAAO;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO,KAAK;AAAA,IACZ,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,WAAW;AAAA,IACX,cAAc;AAAA,IAEd,mBAAmB;AAAA,MACjB,SAAS;AAAA;AAAA;AAAA;AAKf,+BAA0C;AACxC,SAAO;AAAA,IACL,aAAa;AAAA,IACb,QAAQ;AAAA;AAAA;AAIZ,6BAAwC;AACtC,SAAO;AAAA,IACL,aAAa;AAAA,IAEb,6BAA6B;AAAA,MAC3B,iBAAiB;AAAA,MACjB,eAAe;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/lib/esm/primitives/avatar/types.d.ts

@@ -1,14 +0,0 @@
-import { AvatarSize } from '../../types';
-/**
- * @internal
- */
-export interface AvatarRootStyleProps {
-    $color: string;
-}
-/**
- * @internal
- */
-export interface ResponsiveAvatarSizeStyleProps {
-    $size: AvatarSize[];
-}
-//# sourceMappingURL=types.d.ts.map

package/lib/esm/primitives/avatar/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/primitives/avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,aAAa,CAAA;AAEtC;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAA;CACf;AAED;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,UAAU,EAAE,CAAA;CACpB"}

package/lib/esm/primitives/avatar/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}