@sanity/ui 0.36.9 → 0.36.13-next.12

package/lib/esm/components/menu/menuGroup.js

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)

package/lib/esm/components/menu/menuGroup.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/menu/menuGroup.tsx"],
   "sourcesContent": ["import {ChevronRightIcon} from '@sanity/icons'\nimport React, {useCallback, useEffect, useRef, useState} from 'react'\nimport styled from 'styled-components'\nimport {Box, Popover, PopoverProps, Text} from '../../primitives'\nimport {Selectable} from '../../primitives/_selectable'\nimport {SelectableTone} from '../../types/selectable'\nimport {Menu} from './menu'\nimport {useMenu} from './useMenu'\n\n/**\n * @public\n */\nexport interface MenuGroupProps {\n  as?: React.ElementType | keyof JSX.IntrinsicElements\n  fontSize?: number | number[]\n  padding?: number | number[]\n  popover?: Omit<PopoverProps, 'content' | 'open'>\n  radius?: number | number[]\n  text: React.ReactNode\n  tone?: SelectableTone\n}\n\nconst MOUSE_LEAVE_TIMEOUT = 1000\n\nconst TextContainer = styled.span`\n  &:not([hidden]) {\n    display: flex;\n  }\n\n  & > div:first-child {\n    flex: 1;\n    min-width: 0;\n  }\n`\n\n/**\n * @public\n */\nexport function MenuGroup(\n  props: MenuGroupProps &\n    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'tabIndex'>\n): React.ReactElement {\n  const {\n    as = 'button',\n    children,\n    fontSize,\n    onClick,\n    padding = 3,\n    popover = {},\n    radius = 2,\n    text,\n    tone = 'default',\n    ...restProps\n  } = props\n  const [open, setOpen] = useState(false)\n  const {\n    activeElement,\n    mount,\n    onClickOutside,\n    onEscape,\n    onItemClick,\n    onMouseEnter,\n    onMouseLeave,\n    registerElement,\n  } = useMenu()\n  const [rootElement, setRootElement] = useState<HTMLButtonElement | null>(null)\n  const mouseLeaveTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n  const shouldFocusRef = useRef<'first' | 'last' | null>(null)\n  const active = Boolean(activeElement) && activeElement === rootElement\n  // const selected = active || open\n\n  // Register the element\n  useEffect(() => mount(rootElement), [mount, rootElement])\n\n  const handleMouseEnter = useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (mouseLeaveTimeoutRef.current) {\n        clearTimeout(mouseLeaveTimeoutRef.current)\n        mouseLeaveTimeoutRef.current = null\n      }\n\n      onMouseEnter(event)\n      setOpen(true)\n    },\n    [onMouseEnter]\n  )\n\n  const handleMouseLeave = useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      onMouseLeave(event)\n\n      mouseLeaveTimeoutRef.current = setTimeout(() => {\n        setOpen(false)\n      }, MOUSE_LEAVE_TIMEOUT)\n    },\n    [onMouseLeave]\n  )\n\n  const handleMenuKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === 'ArrowLeft') {\n        event.stopPropagation()\n\n        setOpen(false)\n\n        requestAnimationFrame(() => {\n          rootElement?.focus()\n        })\n      }\n    },\n    [rootElement]\n  )\n\n  const handleMenuMouseEnter = useCallback(() => {\n    if (mouseLeaveTimeoutRef.current) {\n      clearTimeout(mouseLeaveTimeoutRef.current)\n      mouseLeaveTimeoutRef.current = null\n    }\n  }, [])\n\n  const handleMenuMouseLeave = useCallback(() => {\n    mouseLeaveTimeoutRef.current = setTimeout(() => {\n      setOpen(false)\n    }, MOUSE_LEAVE_TIMEOUT)\n  }, [])\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      if (onClick) onClick(event)\n\n      shouldFocusRef.current = 'first'\n\n      setOpen(true)\n\n      requestAnimationFrame(() => {\n        shouldFocusRef.current = null\n      })\n    },\n    [onClick]\n  )\n\n  const handleItemClick = useCallback(() => {\n    setOpen(false)\n    if (onItemClick) onItemClick()\n  }, [onItemClick])\n\n  useEffect(() => {\n    return () => {\n      if (mouseLeaveTimeoutRef.current !== null) {\n        clearTimeout(mouseLeaveTimeoutRef.current)\n        mouseLeaveTimeoutRef.current = null\n      }\n    }\n  }, [])\n\n  const content = (\n    <Menu\n      onClickOutside={onClickOutside}\n      onEscape={onEscape}\n      onItemClick={handleItemClick}\n      onKeyDown={handleMenuKeyDown}\n      onMouseEnter={handleMenuMouseEnter}\n      onMouseLeave={handleMenuMouseLeave}\n      registerElement={registerElement}\n      shouldFocus={shouldFocusRef.current}\n    >\n      {children}\n    </Menu>\n  )\n\n  const handleKeyDown = useCallback((event: React.KeyboardEvent<HTMLDivElement>) => {\n    const target = event.currentTarget\n\n    if (document.activeElement !== target) {\n      return\n    }\n\n    if (event.key === 'ArrowRight') {\n      shouldFocusRef.current = 'first'\n\n      setOpen(true)\n\n      requestAnimationFrame(() => {\n        shouldFocusRef.current = null\n      })\n\n      return\n    }\n  }, [])\n\n  return (\n    <Popover {...popover} content={content} data-ui=\"MenuGroup__popover\" open={open}>\n      <Selectable\n        data-as={as}\n        data-ui=\"MenuGroup\"\n        forwardedAs={as}\n        {...restProps}\n        aria-pressed={as === 'button' ? !active && open : undefined}\n        data-pressed={as !== 'button' ? !active && open : undefined}\n        data-selected={active ? '' : undefined}\n        $radius={radius}\n        $tone={tone}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        ref={setRootElement}\n        tabIndex={-1}\n        type={as === 'button' ? 'button' : undefined}\n      >\n        <Box padding={padding}>\n          <TextContainer>\n            <Text size={fontSize}>{text}</Text>\n            <Text size={fontSize}>\n              <ChevronRightIcon />\n            </Text>\n          </TextContainer>\n        </Box>\n      </Selectable>\n    </Popover>\n  )\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/lib/esm/components/menu/menuItem.js

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)

package/lib/esm/components/menu/menuItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/menu/menuItem.tsx"],
   "sourcesContent": ["import React, {\n  createElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport {isValidElementType} from 'react-is'\nimport {useForwardedRef} from '../../hooks'\nimport {Box, Flex, Text} from '../../primitives'\nimport {Selectable} from '../../primitives/_selectable'\nimport {ResponsivePaddingProps, ResponsiveRadiusProps} from '../../primitives/types'\nimport {SelectableTone} from '../../types/selectable'\nimport {Hotkeys} from '../hotkeys'\nimport {useMenu} from './useMenu'\n\n/**\n * @public\n */\nexport interface MenuItemProps extends ResponsivePaddingProps, ResponsiveRadiusProps {\n  as?: React.ElementType | keyof JSX.IntrinsicElements\n  fontSize?: number | number[]\n  hotkeys?: string[]\n  icon?: React.ComponentType | React.ReactNode\n  iconRight?: React.ComponentType | React.ReactNode\n  pressed?: boolean\n  selected?: boolean\n  space?: number | number[]\n  text?: React.ReactNode\n  tone?: SelectableTone\n}\n\n/**\n * @public\n */\nexport const MenuItem = forwardRef(function MenuItem(\n  props: MenuItemProps &\n    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'selected' | 'tabIndex'>,\n  forwardedRef: React.ForwardedRef<HTMLDivElement>\n) {\n  const {\n    as = 'button',\n    children,\n    disabled,\n    fontSize = 2,\n    hotkeys,\n    icon,\n    iconRight,\n    onClick,\n    padding = 3,\n    paddingX,\n    paddingY,\n    paddingTop,\n    paddingRight,\n    paddingBottom,\n    paddingLeft,\n    pressed,\n    radius = 2,\n    selected: selectedProp,\n    space = 3,\n    text,\n    tone = 'default',\n    ...restProps\n  } = props\n  const {activeElement, mount, onItemClick, onMouseEnter, onMouseLeave} = useMenu()\n  const [rootElement, setRootElement] = useState<HTMLDivElement | null>(null)\n  const selected = Boolean(activeElement) && rootElement === activeElement\n\n  useEffect(() => mount(rootElement, selectedProp), [mount, rootElement, selectedProp])\n\n  const ref = useForwardedRef(forwardedRef)\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      if (disabled) return\n      if (onClick) onClick(event)\n      if (onItemClick) onItemClick()\n    },\n    [disabled, onClick, onItemClick]\n  )\n\n  const paddingProps = useMemo(\n    () => ({\n      padding,\n      paddingX,\n      paddingY,\n      paddingTop,\n      paddingRight,\n      paddingBottom,\n      paddingLeft,\n    }),\n    [padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft]\n  )\n\n  const setRef = useCallback(\n    (el: HTMLDivElement | null) => {\n      ref.current = el\n      setRootElement(el)\n    },\n    [ref]\n  )\n\n  return (\n    <Selectable\n      data-as={as}\n      data-ui=\"MenuItem\"\n      forwardedAs={as}\n      {...restProps}\n      aria-pressed={as === 'button' && pressed}\n      data-pressed={as !== 'button' && pressed ? '' : undefined}\n      data-selected={selected ? '' : undefined}\n      $radius={radius}\n      $tone={tone}\n      disabled={disabled}\n      onClick={handleClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      padding={0}\n      ref={setRef}\n      role=\"menuitem\"\n      tabIndex={-1}\n      type={as === 'button' ? 'button' : undefined}\n    >\n      {(icon || text || iconRight) && (\n        <Box as=\"span\" {...paddingProps}>\n          <Flex as=\"span\">\n            {icon && (\n              <Text size={fontSize}>\n                {isValidElement(icon) && icon}\n                {isValidElementType(icon) && createElement(icon)}\n              </Text>\n            )}\n\n            {text && (\n              <Box\n                flex={1}\n                marginLeft={icon ? space : undefined}\n                marginRight={iconRight ? space : undefined}\n              >\n                <Text size={fontSize} textOverflow=\"ellipsis\">\n                  {text}\n                </Text>\n              </Box>\n            )}\n\n            {hotkeys && (\n              <Box marginLeft={space} style={{marginTop: -4, marginBottom: -4}}>\n                <Hotkeys fontSize={fontSize} keys={hotkeys} />\n              </Box>\n            )}\n\n            {iconRight && (\n              <Text size={fontSize}>\n                {isValidElement(iconRight) && iconRight}\n                {isValidElementType(iconRight) && createElement(iconRight)}\n              </Text>\n            )}\n          </Flex>\n        </Box>\n      )}\n\n      {children && (\n        <Box as=\"span\" {...paddingProps}>\n          {children}\n        </Box>\n      )}\n    </Selectable>\n  )\n})\n"],
-  "mappings": "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",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AACA;AACA;AACA;AAGA;AACA;AAqBO,MAAM,WAAW,WAAW,mBACjC,OAEA,cACA;AACA,QAuBI,YAtBF;AAAA,SAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,UAAU;AAAA,IACV,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,MAEL,IADC,sBACD,IADC;AAAA,IArBH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,EAAC,eAAe,OAAO,aAAa,cAAc,iBAAgB;AACxE,QAAM,CAAC,aAAa,kBAAkB,SAAgC;AACtE,QAAM,WAAW,QAAQ,kBAAkB,gBAAgB;AAE3D,YAAU,MAAM,MAAM,aAAa,eAAe,CAAC,OAAO,aAAa;AAEvE,QAAM,MAAM,gBAAgB;AAE5B,QAAM,cAAc,YAClB,CAAC,UAA4C;AAC3C,QAAI;AAAU;AACd,QAAI;AAAS,cAAQ;AACrB,QAAI;AAAa;AAAA,KAEnB,CAAC,UAAU,SAAS;AAGtB,QAAM,eAAe,QACnB,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,SAAS,UAAU,UAAU,YAAY,cAAc,eAAe;AAGzE,QAAM,SAAS,YACb,CAAC,OAA8B;AAC7B,QAAI,UAAU;AACd,mBAAe;AAAA,KAEjB,CAAC;AAGH,SACE,oCAAC,YAAD;AAAA,IACE,WAAS;AAAA,IACT,WAAQ;AAAA,IACR,aAAa;AAAA,KACT,YAJN;AAAA,IAKE,gBAAc,OAAO,YAAY;AAAA,IACjC,gBAAc,OAAO,YAAY,UAAU,KAAK;AAAA,IAChD,iBAAe,WAAW,KAAK;AAAA,IAC/B,SAAS;AAAA,IACT,OAAO;AAAA,IACP;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,KAAK;AAAA,IACL,MAAK;AAAA,IACL,UAAU;AAAA,IACV,MAAM,OAAO,WAAW,WAAW;AAAA,MAEjC,SAAQ,QAAQ,cAChB,oCAAC,KAAD;AAAA,IAAK,IAAG;AAAA,KAAW,eACjB,oCAAC,MAAD;AAAA,IAAM,IAAG;AAAA,KACN,QACC,oCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,KACT,eAAe,SAAS,MACxB,mBAAmB,SAAS,cAAc,QAI9C,QACC,oCAAC,KAAD;AAAA,IACE,MAAM;AAAA,IACN,YAAY,OAAO,QAAQ;AAAA,IAC3B,aAAa,YAAY,QAAQ;AAAA,KAEjC,oCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,IAAU,cAAa;AAAA,KAChC,QAKN,WACC,oCAAC,KAAD;AAAA,IAAK,YAAY;AAAA,IAAO,OAAO,EAAC,WAAW,IAAI,cAAc;AAAA,KAC3D,oCAAC,SAAD;AAAA,IAAS;AAAA,IAAoB,MAAM;AAAA,OAItC,aACC,oCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,KACT,eAAe,cAAc,WAC7B,mBAAmB,cAAc,cAAc,eAOzD,YACC,oCAAC,KAAD;AAAA,IAAK,IAAG;AAAA,KAAW,eAChB;AAAA;",
   "names": []
 }

package/lib/esm/components/skeleton/skeleton.js

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)

package/lib/esm/components/skeleton/skeleton.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/skeleton/skeleton.tsx"],
   "sourcesContent": ["import React, {forwardRef, useEffect, useState} from 'react'\nimport styled from 'styled-components'\nimport {Box} from '../../primitives'\nimport {BoxProps, ResponsiveRadiusProps} from '../../primitives'\nimport {responsiveRadiusStyle, ResponsiveRadiusStyleProps} from '../../styles/internal'\nimport {skeletonStyle} from './styles'\n\nconst Root = styled(Box)<{$animated: boolean; $visible: boolean} & ResponsiveRadiusStyleProps>(\n  responsiveRadiusStyle,\n  skeletonStyle\n)\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport interface SkeletonProps extends ResponsiveRadiusProps, Omit<BoxProps, 'children'> {\n  animated?: boolean\n  delay?: number\n}\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport const Skeleton = forwardRef(function Skeleton(\n  props: SkeletonProps & React.HTMLProps<HTMLDivElement>,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const {animated = false, delay, radius, ...restProps} = props\n  const [visible, setVisible] = useState<boolean>(delay ? false : true)\n\n  useEffect(() => {\n    if (!delay) {\n      return setVisible(true)\n    }\n\n    const timeout = setTimeout(() => {\n      setVisible(true)\n    }, delay)\n\n    return () => {\n      clearTimeout(timeout)\n    }\n  }, [delay])\n\n  return <Root {...restProps} $animated={animated} $radius={radius} $visible={visible} ref={ref} />\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAEA,MAAM,OAAO,OAAO,KAClB,uBACA;AAgBK,MAAM,WAAW,WAAW,mBACjC,OACA,KACA;AACA,QAAwD,YAAjD,aAAW,OAAO,OAAO,WAAwB,IAAb,sBAAa,IAAb,CAApC,YAAkB,SAAO;AAChC,QAAM,CAAC,SAAS,cAAc,SAAkB,QAAQ,QAAQ;AAEhE,YAAU,MAAM;AACd,QAAI,CAAC,OAAO;AACV,aAAO,WAAW;AAAA;AAGpB,UAAM,UAAU,WAAW,MAAM;AAC/B,iBAAW;AAAA,OACV;AAEH,WAAO,MAAM;AACX,mBAAa;AAAA;AAAA,KAEd,CAAC;AAEJ,SAAO,oCAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB,WAAW;AAAA,IAAU,SAAS;AAAA,IAAQ,UAAU;AAAA,IAAS;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAEA,MAAM,OAAO,OAAO,KAClB,uBACA;AAgBK,MAAM,WAAW,WAAW,mBACjC,OACA,KACA;AACA,QAAwD,YAAjD,aAAW,OAAO,OAAO,WAAwB,IAAb,sBAAa,IAAb,CAApC,YAAkB,SAAO;AAChC,QAAM,CAAC,SAAS,cAAc,SAAkB,QAAQ,QAAQ;AAEhE,YAAU,MAAM;AACd,QAAI,CAAC,OAAO;AACV,aAAO,WAAW;AAAA;AAGpB,UAAM,UAAU,WAAW,MAAM;AAC/B,iBAAW;AAAA,OACV;AAEH,WAAO,MAAM;AACX,mBAAa;AAAA;AAAA,KAEd,CAAC;AAEJ,SAAO,oCAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB,WAAW;AAAA,IAAU,SAAS;AAAA,IAAQ,UAAU;AAAA,IAAS;AAAA;AAAA;",
   "names": []
 }

package/lib/esm/components/skeleton/textSkeleton.js

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)

package/lib/esm/components/skeleton/textSkeleton.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/skeleton/textSkeleton.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\nimport {useResponsiveProp} from '../../hooks'\nimport {responsive} from '../../styles'\nimport {Theme, ThemeFontKey} from '../../theme'\nimport {Skeleton, SkeletonProps} from './skeleton'\n\nconst Root = styled(Skeleton)<{$size: number[]; $style: ThemeFontKey}>(\n  ({$size, $style, theme}: {$size: number[]; $style: ThemeFontKey; theme: Theme}) => {\n    const {media} = theme.sanity\n    const font = theme.sanity.fonts[$style]\n\n    const styles = responsive(media, $size, (sizeIndex) => {\n      const fontSize = font.sizes[sizeIndex]\n      const capHeight = fontSize.lineHeight - fontSize.ascenderHeight - fontSize.descenderHeight\n\n      return {height: capHeight}\n    })\n\n    return styles\n  }\n)\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport interface TextSkeletonProps extends SkeletonProps {\n  size?: number | number[]\n}\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport interface LabelSkeletonProps extends SkeletonProps {\n  size?: number | number[]\n}\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport interface HeadingSkeletonProps extends SkeletonProps {\n  size?: number | number[]\n}\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport interface CodeSkeletonProps extends SkeletonProps {\n  size?: number | number[]\n}\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport const TextSkeleton = forwardRef(function TextSkeleton(\n  props: TextSkeletonProps &\n    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'height' | 'size'>,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const {size = 2, ...restProps} = props\n  const $size = useResponsiveProp(size)\n\n  return <Root {...restProps} $size={$size} ref={ref} $style=\"text\" />\n})\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport const LabelSkeleton = forwardRef(function TextSkeleton(\n  props: LabelSkeletonProps &\n    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'height' | 'size'>,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const {size = 2, ...restProps} = props\n  const $size = useResponsiveProp(size)\n\n  return <Root {...restProps} $size={$size} ref={ref} $style=\"label\" />\n})\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport const HeadingSkeleton = forwardRef(function TextSkeleton(\n  props: HeadingSkeletonProps &\n    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'height' | 'size'>,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const {size = 2, ...restProps} = props\n  const $size = useResponsiveProp(size)\n\n  return <Root {...restProps} $size={$size} ref={ref} $style=\"heading\" />\n})\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport const CodeSkeleton = forwardRef(function TextSkeleton(\n  props: CodeSkeletonProps &\n    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'height' | 'size'>,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const {size = 2, ...restProps} = props\n  const $size = useResponsiveProp(size)\n\n  return <Root {...restProps} $size={$size} ref={ref} $style=\"code\" />\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AAEA,MAAM,OAAO,OAAO,UAClB,CAAC,EAAC,OAAO,QAAQ,YAAkE;AACjF,QAAM,EAAC,UAAS,MAAM;AACtB,QAAM,OAAO,MAAM,OAAO,MAAM;AAEhC,QAAM,SAAS,WAAW,OAAO,OAAO,CAAC,cAAc;AACrD,UAAM,WAAW,KAAK,MAAM;AAC5B,UAAM,YAAY,SAAS,aAAa,SAAS,iBAAiB,SAAS;AAE3E,WAAO,EAAC,QAAQ;AAAA;AAGlB,SAAO;AAAA;AAwCJ,MAAM,eAAe,WAAW,uBACrC,OAEA,KACA;AACA,QAAiC,YAA1B,SAAO,MAAmB,IAAb,sBAAa,IAAb,CAAb;AACP,QAAM,QAAQ,kBAAkB;AAEhC,SAAO,oCAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAc;AAAA,IAAU,QAAO;AAAA;AAAA;AAOtD,MAAM,gBAAgB,WAAW,uBACtC,OAEA,KACA;AACA,QAAiC,YAA1B,SAAO,MAAmB,IAAb,sBAAa,IAAb,CAAb;AACP,QAAM,QAAQ,kBAAkB;AAEhC,SAAO,oCAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAc;AAAA,IAAU,QAAO;AAAA;AAAA;AAOtD,MAAM,kBAAkB,WAAW,uBACxC,OAEA,KACA;AACA,QAAiC,YAA1B,SAAO,MAAmB,IAAb,sBAAa,IAAb,CAAb;AACP,QAAM,QAAQ,kBAAkB;AAEhC,SAAO,oCAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAc;AAAA,IAAU,QAAO;AAAA;AAAA;AAOtD,MAAM,eAAe,WAAW,uBACrC,OAEA,KACA;AACA,QAAiC,YAA1B,SAAO,MAAmB,IAAb,sBAAa,IAAb,CAAb;AACP,QAAM,QAAQ,kBAAkB;AAEhC,SAAO,oCAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAc;AAAA,IAAU,QAAO;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AAEA,MAAM,OAAO,OAAO,UAClB,CAAC,EAAC,OAAO,QAAQ,YAAkE;AACjF,QAAM,EAAC,UAAS,MAAM;AACtB,QAAM,OAAO,MAAM,OAAO,MAAM;AAEhC,QAAM,SAAS,WAAW,OAAO,OAAO,CAAC,cAAc;AACrD,UAAM,WAAW,KAAK,MAAM;AAC5B,UAAM,YAAY,SAAS,aAAa,SAAS,iBAAiB,SAAS;AAE3E,WAAO,EAAC,QAAQ;AAAA;AAGlB,SAAO;AAAA;AAwCJ,MAAM,eAAe,WAAW,uBACrC,OAEA,KACA;AACA,QAAiC,YAA1B,SAAO,MAAmB,IAAb,sBAAa,IAAb,CAAb;AACP,QAAM,QAAQ,kBAAkB;AAEhC,SAAO,oCAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAc;AAAA,IAAU,QAAO;AAAA;AAAA;AAOtD,MAAM,gBAAgB,WAAW,uBACtC,OAEA,KACA;AACA,QAAiC,YAA1B,SAAO,MAAmB,IAAb,sBAAa,IAAb,CAAb;AACP,QAAM,QAAQ,kBAAkB;AAEhC,SAAO,oCAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAc;AAAA,IAAU,QAAO;AAAA;AAAA;AAOtD,MAAM,kBAAkB,WAAW,uBACxC,OAEA,KACA;AACA,QAAiC,YAA1B,SAAO,MAAmB,IAAb,sBAAa,IAAb,CAAb;AACP,QAAM,QAAQ,kBAAkB;AAEhC,SAAO,oCAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAc;AAAA,IAAU,QAAO;AAAA;AAAA;AAOtD,MAAM,eAAe,WAAW,uBACrC,OAEA,KACA;AACA,QAAiC,YAA1B,SAAO,MAAmB,IAAb,sBAAa,IAAb,CAAb;AACP,QAAM,QAAQ,kBAAkB;AAEhC,SAAO,oCAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAc;AAAA,IAAU,QAAO;AAAA;AAAA;",
   "names": []
 }

package/lib/esm/components/tab/tab.js

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)

package/lib/esm/components/tab/tab.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/tab/tab.tsx"],
   "sourcesContent": ["import React, {forwardRef, useCallback, useEffect, useRef} from 'react'\nimport {useForwardedRef} from '../../hooks'\nimport {Button} from '../../primitives'\nimport {ButtonTone} from '../../types'\n\n/**\n * @public\n */\nexport interface TabProps {\n  /**\n   * The `id` of the correlating `TabPanel` component.\n   */\n  'aria-controls': string\n  id: string\n  icon?: React.ComponentType | React.ReactNode\n  focused?: boolean\n  fontSize?: number | number[]\n  label?: React.ReactNode\n  padding?: number | number[]\n  selected?: boolean\n  tone?: ButtonTone\n}\n\n/**\n * @public\n */\nexport const Tab = forwardRef(function Tab(\n  props: TabProps &\n    Omit<React.HTMLProps<HTMLButtonElement>, 'aria-controls' | 'as' | 'id' | 'type'>,\n  forwardedRef: React.ForwardedRef<HTMLButtonElement>\n) {\n  const {\n    icon,\n    id,\n    focused,\n    fontSize,\n    label,\n    onClick,\n    onFocus,\n    padding = 2,\n    selected,\n    ...restProps\n  } = props\n  const elementRef = useRef<HTMLButtonElement | null>(null)\n  const focusedRef = useRef(false)\n\n  const handleBlur = useCallback(() => {\n    focusedRef.current = false\n  }, [])\n\n  const handleFocus = useCallback(\n    (event: React.FocusEvent<HTMLButtonElement>) => {\n      focusedRef.current = true\n      if (onFocus) onFocus(event)\n    },\n    [onFocus]\n  )\n\n  const ref = useForwardedRef(forwardedRef)\n\n  useEffect(() => {\n    if (focused && !focusedRef.current) {\n      if (elementRef.current) elementRef.current.focus()\n      focusedRef.current = true\n    }\n  }, [focused])\n\n  const setRef = (el: HTMLButtonElement | null) => {\n    elementRef.current = el\n    ref.current = el\n  }\n\n  return (\n    <Button\n      data-ui=\"Tab\"\n      {...restProps}\n      aria-selected={selected ? 'true' : 'false'}\n      fontSize={fontSize}\n      icon={icon}\n      id={id}\n      mode=\"bleed\"\n      onClick={onClick}\n      onBlur={handleBlur}\n      onFocus={handleFocus}\n      padding={padding}\n      ref={setRef}\n      role=\"tab\"\n      selected={selected}\n      tabIndex={selected ? 0 : -1}\n      text={label}\n      type=\"button\"\n    />\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAwBO,MAAM,MAAM,WAAW,cAC5B,OAEA,cACA;AACA,QAWI,YAVF;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,MAEE,IADC,sBACD,IADC;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,aAAa,OAAiC;AACpD,QAAM,aAAa,OAAO;AAE1B,QAAM,aAAa,YAAY,MAAM;AACnC,eAAW,UAAU;AAAA,KACpB;AAEH,QAAM,cAAc,YAClB,CAAC,UAA+C;AAC9C,eAAW,UAAU;AACrB,QAAI;AAAS,cAAQ;AAAA,KAEvB,CAAC;AAGH,QAAM,MAAM,gBAAgB;AAE5B,YAAU,MAAM;AACd,QAAI,WAAW,CAAC,WAAW,SAAS;AAClC,UAAI,WAAW;AAAS,mBAAW,QAAQ;AAC3C,iBAAW,UAAU;AAAA;AAAA,KAEtB,CAAC;AAEJ,QAAM,SAAS,CAAC,OAAiC;AAC/C,eAAW,UAAU;AACrB,QAAI,UAAU;AAAA;AAGhB,SACE,oCAAC,QAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,iBAAe,WAAW,SAAS;AAAA,IACnC;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAK;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,IACR,SAAS;AAAA,IACT;AAAA,IACA,KAAK;AAAA,IACL,MAAK;AAAA,IACL;AAAA,IACA,UAAU,WAAW,IAAI;AAAA,IACzB,MAAM;AAAA,IACN,MAAK;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAwBO,MAAM,MAAM,WAAW,cAC5B,OAEA,cACA;AACA,QAWI,YAVF;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,MAEE,IADC,sBACD,IADC;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,aAAa,OAAiC;AACpD,QAAM,aAAa,OAAO;AAE1B,QAAM,aAAa,YAAY,MAAM;AACnC,eAAW,UAAU;AAAA,KACpB;AAEH,QAAM,cAAc,YAClB,CAAC,UAA+C;AAC9C,eAAW,UAAU;AACrB,QAAI;AAAS,cAAQ;AAAA,KAEvB,CAAC;AAGH,QAAM,MAAM,gBAAgB;AAE5B,YAAU,MAAM;AACd,QAAI,WAAW,CAAC,WAAW,SAAS;AAClC,UAAI,WAAW;AAAS,mBAAW,QAAQ;AAC3C,iBAAW,UAAU;AAAA;AAAA,KAEtB,CAAC;AAEJ,QAAM,SAAS,CAAC,OAAiC;AAC/C,eAAW,UAAU;AACrB,QAAI,UAAU;AAAA;AAGhB,SACE,oCAAC,QAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,iBAAe,WAAW,SAAS;AAAA,IACnC;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAK;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,IACR,SAAS;AAAA,IACT;AAAA,IACA,KAAK;AAAA,IACL,MAAK;AAAA,IACL;AAAA,IACA,UAAU,WAAW,IAAI;AAAA,IACzB,MAAM;AAAA,IACN,MAAK;AAAA;AAAA;",
   "names": []
 }

package/lib/esm/components/tab/tabList.js

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)

package/lib/esm/components/tab/tabList.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/tab/tabList.tsx"],
   "sourcesContent": ["import React, {cloneElement, forwardRef, useCallback, useMemo, useState} from 'react'\nimport {Inline, InlineProps} from '../../primitives'\n\n/**\n * @public\n */\nexport interface TabListProps extends Omit<InlineProps, 'as' | 'height'> {\n  children: Array<React.ReactElement | null | undefined | false>\n}\n\nfunction _isReactElement(node: unknown): node is React.ReactElement {\n  return Boolean(node)\n}\n\n/**\n * @public\n */\nexport const TabList = forwardRef(function TabList(\n  props: TabListProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height'>,\n  ref\n) {\n  const {children: childrenProp, ...restProps} = props\n  const [focusedIndex, setFocusedIndex] = useState(-1)\n\n  const children = useMemo(() => childrenProp.filter(_isReactElement), [childrenProp])\n\n  const tabs = children.map((child, childIndex) =>\n    cloneElement(child, {\n      focused: focusedIndex === childIndex,\n      key: childIndex,\n      onFocus: () => handleTabFocus(childIndex),\n    })\n  )\n\n  const numTabs = tabs.length\n\n  const handleTabFocus = useCallback((tabIdx: number) => {\n    setFocusedIndex(tabIdx)\n  }, [])\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === 'ArrowLeft') {\n        setFocusedIndex((prevIndex) => (prevIndex + numTabs - 1) % numTabs)\n      }\n\n      if (event.key === 'ArrowRight') {\n        setFocusedIndex((prevIndex) => (prevIndex + 1) % numTabs)\n      }\n    },\n    [numTabs]\n  )\n\n  return (\n    <Inline data-ui=\"TabList\" {...restProps} onKeyDown={handleKeyDown} ref={ref} role=\"tablist\">\n      {tabs}\n    </Inline>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AASA,yBAAyB,MAA2C;AAClE,SAAO,QAAQ;AAAA;AAMV,MAAM,UAAU,WAAW,kBAChC,OACA,KACA;AACA,QAA+C,YAAxC,YAAU,iBAA8B,IAAb,sBAAa,IAAb,CAA3B;AACP,QAAM,CAAC,cAAc,mBAAmB,SAAS;AAEjD,QAAM,WAAW,QAAQ,MAAM,aAAa,OAAO,kBAAkB,CAAC;AAEtE,QAAM,OAAO,SAAS,IAAI,CAAC,OAAO,eAChC,aAAa,OAAO;AAAA,IAClB,SAAS,iBAAiB;AAAA,IAC1B,KAAK;AAAA,IACL,SAAS,MAAM,eAAe;AAAA;AAIlC,QAAM,UAAU,KAAK;AAErB,QAAM,iBAAiB,YAAY,CAAC,WAAmB;AACrD,oBAAgB;AAAA,KACf;AAEH,QAAM,gBAAgB,YACpB,CAAC,UAA+C;AAC9C,QAAI,MAAM,QAAQ,aAAa;AAC7B,sBAAgB,CAAC,cAAe,aAAY,UAAU,KAAK;AAAA;AAG7D,QAAI,MAAM,QAAQ,cAAc;AAC9B,sBAAgB,CAAC,cAAe,aAAY,KAAK;AAAA;AAAA,KAGrD,CAAC;AAGH,SACE,oCAAC,QAAD;AAAA,IAAQ,WAAQ;AAAA,KAAc,YAA9B;AAAA,IAAyC,WAAW;AAAA,IAAe;AAAA,IAAU,MAAK;AAAA,MAC/E;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AASA,yBAAyB,MAA2C;AAClE,SAAO,QAAQ;AAAA;AAMV,MAAM,UAAU,WAAW,kBAChC,OACA,KACA;AACA,QAA+C,YAAxC,YAAU,iBAA8B,IAAb,sBAAa,IAAb,CAA3B;AACP,QAAM,CAAC,cAAc,mBAAmB,SAAS;AAEjD,QAAM,WAAW,QAAQ,MAAM,aAAa,OAAO,kBAAkB,CAAC;AAEtE,QAAM,OAAO,SAAS,IAAI,CAAC,OAAO,eAChC,aAAa,OAAO;AAAA,IAClB,SAAS,iBAAiB;AAAA,IAC1B,KAAK;AAAA,IACL,SAAS,MAAM,eAAe;AAAA;AAIlC,QAAM,UAAU,KAAK;AAErB,QAAM,iBAAiB,YAAY,CAAC,WAAmB;AACrD,oBAAgB;AAAA,KACf;AAEH,QAAM,gBAAgB,YACpB,CAAC,UAA+C;AAC9C,QAAI,MAAM,QAAQ,aAAa;AAC7B,sBAAgB,CAAC,cAAe,aAAY,UAAU,KAAK;AAAA;AAG7D,QAAI,MAAM,QAAQ,cAAc;AAC9B,sBAAgB,CAAC,cAAe,aAAY,KAAK;AAAA;AAAA,KAGrD,CAAC;AAGH,SACE,oCAAC,QAAD;AAAA,IAAQ,WAAQ;AAAA,KAAc,YAA9B;AAAA,IAAyC,WAAW;AAAA,IAAe;AAAA,IAAU,MAAK;AAAA,MAC/E;AAAA;",
   "names": []
 }

package/lib/esm/components/tab/tabPanel.js

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)

package/lib/esm/components/tab/tabPanel.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/tab/tabPanel.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport {Box, BoxProps} from '../../primitives'\n\n/**\n * @public\n */\nexport interface TabPanelProps extends BoxProps {\n  /**\n   * The `id` of the correlating `Tab` component.\n   */\n  'aria-labelledby': string\n  id: string\n}\n\n/**\n * @public\n */\nexport const TabPanel = forwardRef(function TabPanel(\n  props: TabPanelProps &\n    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'aria-labelledby' | 'id' | 'role'>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const {flex, ...restProps} = props\n\n  return (\n    <Box\n      data-ui=\"TabPanel\"\n      {...restProps}\n      flex={flex}\n      ref={ref}\n      role=\"tabpanel\"\n      tabIndex={props.tabIndex === undefined ? 0 : props.tabIndex}\n    >\n      {props.children}\n    </Box>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAgBO,MAAM,WAAW,WAAW,mBACjC,OAEA,KACA;AACA,QAA6B,YAAtB,WAAsB,IAAb,sBAAa,IAAb,CAAT;AAEP,SACE,oCAAC,KAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE;AAAA,IACA;AAAA,IACA,MAAK;AAAA,IACL,UAAU,MAAM,aAAa,SAAY,IAAI,MAAM;AAAA,MAElD,MAAM;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAgBO,MAAM,WAAW,WAAW,mBACjC,OAEA,KACA;AACA,QAA6B,YAAtB,WAAsB,IAAb,sBAAa,IAAb,CAAT;AAEP,SACE,oCAAC,KAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE;AAAA,IACA;AAAA,IACA,MAAK;AAAA,IACL,UAAU,MAAM,aAAa,SAAY,IAAI,MAAM;AAAA,MAElD,MAAM;AAAA;",
   "names": []
 }

package/lib/esm/components/toast/toast.js

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)

package/lib/esm/components/toast/toast.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/toast/toast.tsx"],
   "sourcesContent": ["import {CloseIcon} from '@sanity/icons'\nimport React from 'react'\nimport styled from 'styled-components'\nimport {Box, Button, Card, Flex, Stack, Text} from '../../primitives'\nimport {ThemeColorToneKey} from '../../theme'\n\n/**\n * @public\n */\nexport interface ToastProps {\n  closable?: boolean\n  description?: React.ReactNode\n  onClose?: () => void\n  title?: React.ReactNode\n  status?: 'error' | 'warning' | 'success' | 'info'\n}\n\nconst STATUS_CARD_TONE: {[key: string]: ThemeColorToneKey} = {\n  error: 'critical',\n  warning: 'caution',\n  success: 'positive',\n  info: 'primary',\n}\n\nconst ROLES = {\n  error: 'alert',\n  warning: 'alert',\n  success: 'alert',\n  info: 'alert',\n}\n\nconst Root = styled(Card)`\n  pointer-events: all;\n`\n\nconst TextBox = styled(Flex)`\n  overflow-x: auto;\n`\n\n/**\n * @public\n */\nexport function Toast(\n  props: ToastProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'title'>\n): React.ReactElement {\n  const {closable, description, onClose, title, status, ...restProps} = props\n  const cardTone = status ? STATUS_CARD_TONE[status] : 'default'\n  const role = status ? ROLES[status] : 'status'\n\n  return (\n    <Root\n      data-ui=\"Toast\"\n      role={role}\n      {...restProps}\n      marginTop={3}\n      radius={2}\n      shadow={2}\n      tone={cardTone}\n    >\n      <Flex align=\"flex-start\">\n        <TextBox flex={1} padding={3}>\n          <Stack space={3}>\n            {title && <Text weight=\"semibold\">{title}</Text>}\n            {description && (\n              <Text muted size={1}>\n                {description}\n              </Text>\n            )}\n          </Stack>\n        </TextBox>\n\n        {closable && (\n          <Box padding={1}>\n            <Button\n              as=\"button\"\n              icon={CloseIcon}\n              mode=\"bleed\"\n              padding={2}\n              onClick={onClose}\n              style={{verticalAlign: 'top'}}\n            />\n          </Box>\n        )}\n      </Flex>\n    </Root>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAcA,MAAM,mBAAuD;AAAA,EAC3D,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA;AAGR,MAAM,QAAQ;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA;AAGR,MAAM,OAAO,OAAO;AAAA;AAAA;AAIpB,MAAM,UAAU,OAAO;AAAA;AAAA;AAOhB,eACL,OACoB;AACpB,QAAsE,YAA/D,YAAU,aAAa,SAAS,OAAO,WAAwB,IAAb,sBAAa,IAAb,CAAlD,YAAU,eAAa,WAAS,SAAO;AAC9C,QAAM,WAAW,SAAS,iBAAiB,UAAU;AACrD,QAAM,OAAO,SAAS,MAAM,UAAU;AAEtC,SACE,oCAAC,MAAD;AAAA,IACE,WAAQ;AAAA,IACR;AAAA,KACI,YAHN;AAAA,IAIE,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,MAEN,oCAAC,MAAD;AAAA,IAAM,OAAM;AAAA,KACV,oCAAC,SAAD;AAAA,IAAS,MAAM;AAAA,IAAG,SAAS;AAAA,KACzB,oCAAC,OAAD;AAAA,IAAO,OAAO;AAAA,KACX,SAAS,oCAAC,MAAD;AAAA,IAAM,QAAO;AAAA,KAAY,QAClC,eACC,oCAAC,MAAD;AAAA,IAAM,OAAK;AAAA,IAAC,MAAM;AAAA,KACf,gBAMR,YACC,oCAAC,KAAD;AAAA,IAAK,SAAS;AAAA,KACZ,oCAAC,QAAD;AAAA,IACE,IAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAK;AAAA,IACL,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO,EAAC,eAAe;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAcA,MAAM,mBAAuD;AAAA,EAC3D,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA;AAGR,MAAM,QAAQ;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA;AAGR,MAAM,OAAO,OAAO;AAAA;AAAA;AAIpB,MAAM,UAAU,OAAO;AAAA;AAAA;AAOhB,eACL,OACoB;AACpB,QAAsE,YAA/D,YAAU,aAAa,SAAS,OAAO,WAAwB,IAAb,sBAAa,IAAb,CAAlD,YAAU,eAAa,WAAS,SAAO;AAC9C,QAAM,WAAW,SAAS,iBAAiB,UAAU;AACrD,QAAM,OAAO,SAAS,MAAM,UAAU;AAEtC,SACE,oCAAC,MAAD;AAAA,IACE,WAAQ;AAAA,IACR;AAAA,KACI,YAHN;AAAA,IAIE,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,MAEN,oCAAC,MAAD;AAAA,IAAM,OAAM;AAAA,KACV,oCAAC,SAAD;AAAA,IAAS,MAAM;AAAA,IAAG,SAAS;AAAA,KACzB,oCAAC,OAAD;AAAA,IAAO,OAAO;AAAA,KACX,SAAS,oCAAC,MAAD;AAAA,IAAM,QAAO;AAAA,KAAY,QAClC,eACC,oCAAC,MAAD;AAAA,IAAM,OAAK;AAAA,IAAC,MAAM;AAAA,KACf,gBAMR,YACC,oCAAC,KAAD;AAAA,IAAK,SAAS;AAAA,KACZ,oCAAC,QAAD;AAAA,IACE,IAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAK;AAAA,IACL,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO,EAAC,eAAe;AAAA;AAAA;",
   "names": []
 }

package/lib/esm/components/toast/toastProvider.js

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 import { AnimatePresence, motion } from "framer-motion";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import styled from "styled-components";

package/lib/esm/components/toast/toastProvider.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/toast/toastProvider.tsx"],
   "sourcesContent": ["import {AnimatePresence, motion} from 'framer-motion'\nimport React, {useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport styled from 'styled-components'\nimport {Box} from '../../primitives'\nimport {Layer} from '../../utils'\nimport {Toast} from './toast'\nimport {ToastContext} from './toastContext'\nimport {ToastContextValue, ToastParams} from './types'\n\ninterface ToastState {\n  toasts: {\n    dismiss: () => void\n    id: string\n    params: ToastParams\n  }[]\n}\n\n/**\n * @public\n */\nexport interface ToastProviderProps {\n  children?: React.ReactNode\n  padding?: number | number[]\n  paddingX?: number | number[]\n  paddingY?: number | number[]\n  zOffset?: number | number[]\n}\n\nconst Root = styled(Layer)`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n`\n\nconst ToastContainer = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  max-width: 420px;\n  width: 100%;\n`\n\nlet toastId = 0\n\n/**\n * @public\n */\nexport function ToastProvider(props: ToastProviderProps): React.ReactElement {\n  const {children, padding = 4, paddingX, paddingY, zOffset} = props\n  const [state, setState] = useState<ToastState>({toasts: []})\n  const toastsRef = useRef<{[key: string]: {timeoutId: NodeJS.Timeout}}>({})\n\n  const push = useCallback((params: ToastParams) => {\n    const id = params.id || String(toastId++)\n    const duration = params.duration || 5000\n\n    const dismiss = () => {\n      const timeoutId = toastsRef.current[id]?.timeoutId\n\n      setState((prevState) => {\n        const idx = prevState.toasts.findIndex((t) => t.id === id)\n\n        if (idx > -1) {\n          const toasts = prevState.toasts.slice(0)\n\n          toasts.splice(idx, 1)\n\n          return {...prevState, toasts}\n        }\n\n        return prevState\n      })\n\n      if (timeoutId !== undefined) {\n        clearTimeout(timeoutId)\n        delete toastsRef.current[id]\n      }\n    }\n\n    setState((prevState) => {\n      return {\n        ...prevState,\n        toasts: prevState.toasts\n          .filter((t) => t.id !== id)\n          .concat([\n            {\n              dismiss,\n              id,\n              params: {...params, duration},\n            },\n          ]),\n      }\n    })\n\n    if (toastsRef.current[id]) {\n      clearTimeout(toastsRef.current[id].timeoutId)\n      delete toastsRef.current[id]\n    }\n\n    toastsRef.current[id] = {timeoutId: setTimeout(dismiss, duration)}\n\n    return id\n  }, [])\n\n  // clear timeouts on unmount\n  useEffect(\n    () => () => {\n      for (const {timeoutId} of Object.values(toastsRef.current)) {\n        clearTimeout(timeoutId)\n      }\n\n      toastsRef.current = {}\n    },\n    []\n  )\n\n  const value: ToastContextValue = useMemo(() => ({version: 0.0, push}), [push])\n\n  return (\n    <ToastContext.Provider value={value}>\n      {children}\n\n      <Root data-ui=\"ToastProvider\" zOffset={zOffset}>\n        <ToastContainer>\n          <Box padding={padding} paddingX={paddingX} paddingY={paddingY}>\n            <AnimatePresence initial={false}>\n              {state.toasts.map(({dismiss, id, params}) => (\n                <motion.div\n                  animate={{opacity: 1, y: 0, scale: 1}}\n                  exit={{opacity: 0, scale: 0.5, transition: {duration: 0.2}}}\n                  initial={{opacity: 0, y: 32, scale: 0.25}}\n                  key={id}\n                  layout=\"position\"\n                  transition={{type: 'spring', damping: 30, stiffness: 400}}\n                >\n                  <Toast\n                    closable={params.closable}\n                    description={params.description}\n                    onClose={dismiss}\n                    status={params.status}\n                    title={params.title}\n                  />\n                </motion.div>\n              ))}\n            </AnimatePresence>\n          </Box>\n        </ToastContainer>\n      </Root>\n    </ToastContext.Provider>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAsBA,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASpB,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9B,IAAI,UAAU;AAKP,uBAAuB,OAA+C;AAC3E,QAAM,EAAC,UAAU,UAAU,GAAG,UAAU,UAAU,YAAW;AAC7D,QAAM,CAAC,OAAO,YAAY,SAAqB,EAAC,QAAQ;AACxD,QAAM,YAAY,OAAqD;AAEvE,QAAM,OAAO,YAAY,CAAC,WAAwB;AAChD,UAAM,KAAK,OAAO,MAAM,OAAO;AAC/B,UAAM,WAAW,OAAO,YAAY;AAEpC,UAAM,UAAU,MAAM;AA5D1B;AA6DM,YAAM,YAAY,gBAAU,QAAQ,QAAlB,mBAAuB;AAEzC,eAAS,CAAC,cAAc;AACtB,cAAM,MAAM,UAAU,OAAO,UAAU,CAAC,MAAM,EAAE,OAAO;AAEvD,YAAI,MAAM,IAAI;AACZ,gBAAM,SAAS,UAAU,OAAO,MAAM;AAEtC,iBAAO,OAAO,KAAK;AAEnB,iBAAO,iCAAI,YAAJ,EAAe;AAAA;AAGxB,eAAO;AAAA;AAGT,UAAI,cAAc,QAAW;AAC3B,qBAAa;AACb,eAAO,UAAU,QAAQ;AAAA;AAAA;AAI7B,aAAS,CAAC,cAAc;AACtB,aAAO,iCACF,YADE;AAAA,QAEL,QAAQ,UAAU,OACf,OAAO,CAAC,MAAM,EAAE,OAAO,IACvB,OAAO;AAAA,UACN;AAAA,YACE;AAAA,YACA;AAAA,YACA,QAAQ,iCAAI,SAAJ,EAAY;AAAA;AAAA;AAAA;AAAA;AAM9B,QAAI,UAAU,QAAQ,KAAK;AACzB,mBAAa,UAAU,QAAQ,IAAI;AACnC,aAAO,UAAU,QAAQ;AAAA;AAG3B,cAAU,QAAQ,MAAM,EAAC,WAAW,WAAW,SAAS;AAExD,WAAO;AAAA,KACN;AAGH,YACE,MAAM,MAAM;AACV,eAAW,EAAC,eAAc,OAAO,OAAO,UAAU,UAAU;AAC1D,mBAAa;AAAA;AAGf,cAAU,UAAU;AAAA,KAEtB;AAGF,QAAM,QAA2B,QAAQ,MAAO,GAAC,SAAS,GAAK,SAAQ,CAAC;AAExE,SACE,oCAAC,aAAa,UAAd;AAAA,IAAuB;AAAA,KACpB,UAED,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,IAAgB;AAAA,KAC5B,oCAAC,gBAAD,MACE,oCAAC,KAAD;AAAA,IAAK;AAAA,IAAkB;AAAA,IAAoB;AAAA,KACzC,oCAAC,iBAAD;AAAA,IAAiB,SAAS;AAAA,KACvB,MAAM,OAAO,IAAI,CAAC,EAAC,SAAS,IAAI,aAC/B,oCAAC,OAAO,KAAR;AAAA,IACE,SAAS,EAAC,SAAS,GAAG,GAAG,GAAG,OAAO;AAAA,IACnC,MAAM,EAAC,SAAS,GAAG,OAAO,KAAK,YAAY,EAAC,UAAU;AAAA,IACtD,SAAS,EAAC,SAAS,GAAG,GAAG,IAAI,OAAO;AAAA,IACpC,KAAK;AAAA,IACL,QAAO;AAAA,IACP,YAAY,EAAC,MAAM,UAAU,SAAS,IAAI,WAAW;AAAA,KAErD,oCAAC,OAAD;AAAA,IACE,UAAU,OAAO;AAAA,IACjB,aAAa,OAAO;AAAA,IACpB,SAAS;AAAA,IACT,QAAQ,OAAO;AAAA,IACf,OAAO,OAAO;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAsBA,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASpB,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9B,IAAI,UAAU;AAKP,uBAAuB,OAA+C;AAC3E,QAAM,EAAC,UAAU,UAAU,GAAG,UAAU,UAAU,YAAW;AAC7D,QAAM,CAAC,OAAO,YAAY,SAAqB,EAAC,QAAQ;AACxD,QAAM,YAAY,OAAqD;AAEvE,QAAM,OAAO,YAAY,CAAC,WAAwB;AAChD,UAAM,KAAK,OAAO,MAAM,OAAO;AAC/B,UAAM,WAAW,OAAO,YAAY;AAEpC,UAAM,UAAU,MAAM;AA5D1B;AA6DM,YAAM,YAAY,gBAAU,QAAQ,QAAlB,mBAAuB;AAEzC,eAAS,CAAC,cAAc;AACtB,cAAM,MAAM,UAAU,OAAO,UAAU,CAAC,MAAM,EAAE,OAAO;AAEvD,YAAI,MAAM,IAAI;AACZ,gBAAM,SAAS,UAAU,OAAO,MAAM;AAEtC,iBAAO,OAAO,KAAK;AAEnB,iBAAO,iCAAI,YAAJ,EAAe;AAAA;AAGxB,eAAO;AAAA;AAGT,UAAI,cAAc,QAAW;AAC3B,qBAAa;AACb,eAAO,UAAU,QAAQ;AAAA;AAAA;AAI7B,aAAS,CAAC,cAAc;AACtB,aAAO,iCACF,YADE;AAAA,QAEL,QAAQ,UAAU,OACf,OAAO,CAAC,MAAM,EAAE,OAAO,IACvB,OAAO;AAAA,UACN;AAAA,YACE;AAAA,YACA;AAAA,YACA,QAAQ,iCAAI,SAAJ,EAAY;AAAA;AAAA;AAAA;AAAA;AAM9B,QAAI,UAAU,QAAQ,KAAK;AACzB,mBAAa,UAAU,QAAQ,IAAI;AACnC,aAAO,UAAU,QAAQ;AAAA;AAG3B,cAAU,QAAQ,MAAM,EAAC,WAAW,WAAW,SAAS;AAExD,WAAO;AAAA,KACN;AAGH,YACE,MAAM,MAAM;AACV,eAAW,EAAC,eAAc,OAAO,OAAO,UAAU,UAAU;AAC1D,mBAAa;AAAA;AAGf,cAAU,UAAU;AAAA,KAEtB;AAGF,QAAM,QAA2B,QAAQ,MAAO,GAAC,SAAS,GAAK,SAAQ,CAAC;AAExE,SACE,oCAAC,aAAa,UAAd;AAAA,IAAuB;AAAA,KACpB,UAED,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,IAAgB;AAAA,KAC5B,oCAAC,gBAAD,MACE,oCAAC,KAAD;AAAA,IAAK;AAAA,IAAkB;AAAA,IAAoB;AAAA,KACzC,oCAAC,iBAAD;AAAA,IAAiB,SAAS;AAAA,KACvB,MAAM,OAAO,IAAI,CAAC,EAAC,SAAS,IAAI,aAC/B,oCAAC,OAAO,KAAR;AAAA,IACE,SAAS,EAAC,SAAS,GAAG,GAAG,GAAG,OAAO;AAAA,IACnC,MAAM,EAAC,SAAS,GAAG,OAAO,KAAK,YAAY,EAAC,UAAU;AAAA,IACtD,SAAS,EAAC,SAAS,GAAG,GAAG,IAAI,OAAO;AAAA,IACpC,KAAK;AAAA,IACL,QAAO;AAAA,IACP,YAAY,EAAC,MAAM,UAAU,SAAS,IAAI,WAAW;AAAA,KAErD,oCAAC,OAAD;AAAA,IACE,UAAU,OAAO;AAAA,IACjB,aAAa,OAAO;AAAA,IACpB,SAAS;AAAA,IACT,QAAQ,OAAO;AAAA,IACf,OAAO,OAAO;AAAA;AAAA;",
   "names": []
 }

package/lib/esm/components/tree/tree.js

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)

package/lib/esm/components/tree/tree.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/tree/tree.tsx"],
   "sourcesContent": ["import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport {Stack} from '../../primitives'\nimport {_findNextItemElement, _findPrevItemElement, _focusItemElement} from './helpers'\nimport {TreeContext} from './treeContext'\nimport {TreeContextValue, TreeState} from './types'\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport interface TreeProps {\n  space?: number | number[]\n}\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport function Tree(\n  props: TreeProps &\n    Omit<React.HTMLProps<HTMLDivElement>, 'align' | 'as' | 'height' | 'ref' | 'role' | 'wrap'>\n): React.ReactElement {\n  const {children, space = 1, ...restProps} = props\n  const [focusedElement, setFocusedElement] = useState<HTMLElement | null>(null)\n  const path: string[] = useMemo(() => [], [])\n  const rootRef = useRef<HTMLDivElement | null>(null)\n  const [itemElements, setItemElements] = useState<HTMLElement[]>([])\n  const [state, setState] = useState<TreeState>({})\n\n  const registerItem = useCallback(\n    (element: HTMLElement, path: string, expanded: boolean, selected: boolean) => {\n      setState((s) => ({...s, [path]: {element, expanded}}))\n\n      if (selected) {\n        setFocusedElement(element)\n      }\n\n      return () => {\n        setState((s) => {\n          const newState = {...s}\n\n          delete newState[path]\n\n          return newState\n        })\n      }\n    },\n    []\n  )\n\n  const setExpanded = useCallback((path: string, expanded: boolean) => {\n    setState((s) => {\n      const itemState = s[path]\n\n      if (!itemState) return s\n\n      return {...s, [path]: {...itemState, expanded}}\n    })\n  }, [])\n\n  const contextValue: TreeContextValue = useMemo(\n    () => ({\n      version: 0.0,\n      focusedElement: focusedElement || itemElements[0] || null,\n      level: 0,\n      path,\n      registerItem,\n      setExpanded,\n      setFocusedElement,\n      space,\n      state,\n    }),\n    [focusedElement, itemElements, path, registerItem, setExpanded, space, state]\n  )\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!focusedElement) return\n\n      if (event.key === 'ArrowDown') {\n        event.preventDefault()\n\n        const nextEl = _findNextItemElement(state, itemElements, focusedElement)\n\n        if (nextEl) {\n          _focusItemElement(nextEl)\n          setFocusedElement(nextEl)\n        }\n\n        return\n      }\n\n      if (event.key === 'ArrowUp') {\n        event.preventDefault()\n\n        const prevEl = _findPrevItemElement(state, itemElements, focusedElement)\n\n        if (prevEl) {\n          _focusItemElement(prevEl)\n          setFocusedElement(prevEl)\n        }\n\n        return\n      }\n\n      if (event.key === 'ArrowLeft') {\n        event.preventDefault()\n\n        const itemKey = focusedElement.getAttribute('data-tree-key')\n\n        if (!itemKey) return\n\n        const itemState = state[itemKey]\n\n        if (!itemState) return\n\n        if (itemState.expanded) {\n          setState((s) => {\n            const itemState = s[itemKey]\n\n            if (!itemState) return s\n\n            return {...s, [itemKey]: {...itemState, expanded: false}}\n          })\n        } else {\n          const itemPath = itemKey.split('/')\n\n          itemPath.pop()\n\n          const parentKey = itemPath.join('/')\n          const parentState = parentKey && state[parentKey]\n\n          if (parentState) {\n            parentState.element.focus()\n            setFocusedElement(parentState.element)\n          }\n        }\n\n        return\n      }\n\n      if (event.key === 'ArrowRight') {\n        event.preventDefault()\n\n        const focusedKey = focusedElement.getAttribute('data-tree-key')\n\n        if (!focusedKey) return\n\n        if (!state[focusedKey]?.expanded) {\n          setState((s) => {\n            const itemState = s[focusedKey]\n\n            if (!itemState) return s\n\n            return {...s, [focusedKey]: {...itemState, expanded: true}}\n          })\n        }\n\n        return\n      }\n    },\n    [focusedElement, itemElements, state]\n  )\n\n  useEffect(() => {\n    if (!rootRef.current) return\n    const _itemElements = Array.from(\n      rootRef.current.querySelectorAll('[data-ui=\"TreeItem\"]')\n    ) as HTMLElement[]\n\n    setItemElements(_itemElements)\n  }, [children])\n\n  return (\n    <TreeContext.Provider value={contextValue}>\n      <Stack\n        as=\"ul\"\n        data-ui=\"Tree\"\n        {...restProps}\n        onKeyDown={handleKeyDown}\n        ref={rootRef}\n        role=\"tree\"\n        space={space}\n      >\n        {children}\n      </Stack>\n    </TreeContext.Provider>\n  )\n}\n"],
-  "mappings": "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",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAeO,cACL,OAEoB;AACpB,QAA4C,YAArC,YAAU,QAAQ,MAAmB,IAAb,sBAAa,IAAb,CAAxB,YAAU;AACjB,QAAM,CAAC,gBAAgB,qBAAqB,SAA6B;AACzE,QAAM,OAAiB,QAAQ,MAAM,IAAI;AACzC,QAAM,UAAU,OAA8B;AAC9C,QAAM,CAAC,cAAc,mBAAmB,SAAwB;AAChE,QAAM,CAAC,OAAO,YAAY,SAAoB;AAE9C,QAAM,eAAe,YACnB,CAAC,SAAsB,OAAc,UAAmB,aAAsB;AAC5E,aAAS,CAAC,MAAO,iCAAI,IAAJ,GAAQ,QAAO,EAAC,SAAS;AAE1C,QAAI,UAAU;AACZ,wBAAkB;AAAA;AAGpB,WAAO,MAAM;AACX,eAAS,CAAC,MAAM;AACd,cAAM,WAAW,mBAAI;AAErB,eAAO,SAAS;AAEhB,eAAO;AAAA;AAAA;AAAA,KAIb;AAGF,QAAM,cAAc,YAAY,CAAC,OAAc,aAAsB;AACnE,aAAS,CAAC,MAAM;AACd,YAAM,YAAY,EAAE;AAEpB,UAAI,CAAC;AAAW,eAAO;AAEvB,aAAO,iCAAI,IAAJ,GAAQ,QAAO,iCAAI,YAAJ,EAAe;AAAA;AAAA,KAEtC;AAEH,QAAM,eAAiC,QACrC,MAAO;AAAA,IACL,SAAS;AAAA,IACT,gBAAgB,kBAAkB,aAAa,MAAM;AAAA,IACrD,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,gBAAgB,cAAc,MAAM,cAAc,aAAa,OAAO;AAGzE,QAAM,gBAAgB,YACpB,CAAC,UAA+C;AA5EpD;AA6EM,QAAI,CAAC;AAAgB;AAErB,QAAI,MAAM,QAAQ,aAAa;AAC7B,YAAM;AAEN,YAAM,SAAS,qBAAqB,OAAO,cAAc;AAEzD,UAAI,QAAQ;AACV,0BAAkB;AAClB,0BAAkB;AAAA;AAGpB;AAAA;AAGF,QAAI,MAAM,QAAQ,WAAW;AAC3B,YAAM;AAEN,YAAM,SAAS,qBAAqB,OAAO,cAAc;AAEzD,UAAI,QAAQ;AACV,0BAAkB;AAClB,0BAAkB;AAAA;AAGpB;AAAA;AAGF,QAAI,MAAM,QAAQ,aAAa;AAC7B,YAAM;AAEN,YAAM,UAAU,eAAe,aAAa;AAE5C,UAAI,CAAC;AAAS;AAEd,YAAM,YAAY,MAAM;AAExB,UAAI,CAAC;AAAW;AAEhB,UAAI,UAAU,UAAU;AACtB,iBAAS,CAAC,MAAM;AACd,gBAAM,aAAY,EAAE;AAEpB,cAAI,CAAC;AAAW,mBAAO;AAEvB,iBAAO,iCAAI,IAAJ,GAAQ,UAAU,iCAAI,aAAJ,EAAe,UAAU;AAAA;AAAA,aAE/C;AACL,cAAM,WAAW,QAAQ,MAAM;AAE/B,iBAAS;AAET,cAAM,YAAY,SAAS,KAAK;AAChC,cAAM,cAAc,aAAa,MAAM;AAEvC,YAAI,aAAa;AACf,sBAAY,QAAQ;AACpB,4BAAkB,YAAY;AAAA;AAAA;AAIlC;AAAA;AAGF,QAAI,MAAM,QAAQ,cAAc;AAC9B,YAAM;AAEN,YAAM,aAAa,eAAe,aAAa;AAE/C,UAAI,CAAC;AAAY;AAEjB,UAAI,CAAC,cAAM,gBAAN,oBAAmB,WAAU;AAChC,iBAAS,CAAC,MAAM;AACd,gBAAM,YAAY,EAAE;AAEpB,cAAI,CAAC;AAAW,mBAAO;AAEvB,iBAAO,iCAAI,IAAJ,GAAQ,aAAa,iCAAI,YAAJ,EAAe,UAAU;AAAA;AAAA;AAIzD;AAAA;AAAA,KAGJ,CAAC,gBAAgB,cAAc;AAGjC,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AAAS;AACtB,UAAM,gBAAgB,MAAM,KAC1B,QAAQ,QAAQ,iBAAiB;AAGnC,oBAAgB;AAAA,KACf,CAAC;AAEJ,SACE,oCAAC,YAAY,UAAb;AAAA,IAAsB,OAAO;AAAA,KAC3B,oCAAC,OAAD;AAAA,IACE,IAAG;AAAA,IACH,WAAQ;AAAA,KACJ,YAHN;AAAA,IAIE,WAAW;AAAA,IACX,KAAK;AAAA,IACL,MAAK;AAAA,IACL;AAAA,MAEC;AAAA;",
   "names": []
 }

package/lib/esm/components/tree/treeGroup.js

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)

package/lib/esm/components/tree/treeGroup.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/tree/treeGroup.tsx"],
   "sourcesContent": ["import React from 'react'\nimport {Stack} from '../../primitives'\nimport {useTree} from './useTree'\n\nexport interface TreeGroupProps {\n  expanded?: boolean\n}\n\nexport function TreeGroup(\n  props: TreeGroupProps &\n    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'role' | 'wrap'>\n): React.ReactElement {\n  const {children, expanded = false, ...restProps} = props\n  const tree = useTree()\n\n  return (\n    <Stack\n      as=\"ul\"\n      data-ui=\"TreeGroup\"\n      {...restProps}\n      hidden={!expanded}\n      marginTop={tree.space}\n      role=\"group\"\n      space={tree.space}\n    >\n      {children}\n    </Stack>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAMO,mBACL,OAEoB;AACpB,QAAmD,YAA5C,YAAU,WAAW,UAAuB,IAAb,sBAAa,IAAb,CAA/B,YAAU;AACjB,QAAM,OAAO;AAEb,SACE,oCAAC,OAAD;AAAA,IACE,IAAG;AAAA,IACH,WAAQ;AAAA,KACJ,YAHN;AAAA,IAIE,QAAQ,CAAC;AAAA,IACT,WAAW,KAAK;AAAA,IAChB,MAAK;AAAA,IACL,OAAO,KAAK;AAAA,MAEX;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAMO,mBACL,OAEoB;AACpB,QAAmD,YAA5C,YAAU,WAAW,UAAuB,IAAb,sBAAa,IAAb,CAA/B,YAAU;AACjB,QAAM,OAAO;AAEb,SACE,oCAAC,OAAD;AAAA,IACE,IAAG;AAAA,IACH,WAAQ;AAAA,KACJ,YAHN;AAAA,IAIE,QAAQ,CAAC;AAAA,IACT,WAAW,KAAK;AAAA,IAChB,MAAK;AAAA,IACL,OAAO,KAAK;AAAA,MAEX;AAAA;",
   "names": []
 }

package/lib/esm/components/tree/treeItem.js

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)

package/lib/esm/components/tree/treeItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/tree/treeItem.tsx"],
   "sourcesContent": ["import {useId} from '@reach/auto-id'\nimport {ToggleArrowRightIcon} from '@sanity/icons'\nimport React, {createElement, useCallback, useEffect, useMemo, useRef} from 'react'\nimport styled from 'styled-components'\nimport {Box, Flex, Text} from '../../primitives'\nimport {ThemeFontWeightKey} from '../../theme'\nimport {\n  treeItemRootStyle,\n  treeItemRootColorStyle,\n  treeItemBoxStyle,\n  TreeItemBoxStyleProps,\n} from './style'\nimport {TreeContext} from './treeContext'\nimport {TreeGroup} from './treeGroup'\nimport {useTree} from './useTree'\n\n/**\n * @beta\n */\nexport interface TreeItemProps {\n  expanded?: boolean\n  fontSize?: number | number[]\n  icon?: React.ComponentType\n  padding?: number | number[]\n  space?: number | number[]\n  text?: React.ReactNode\n  weight?: ThemeFontWeightKey\n}\n\nconst Root = styled.li(treeItemRootStyle, treeItemRootColorStyle)\n\nconst TreeItemBox = styled(Box).attrs({forwardedAs: 'a'})<TreeItemBoxStyleProps>(treeItemBoxStyle)\n\nconst ToggleArrowText = styled(Text)`\n  & > svg {\n    transition: transform 100ms;\n  }\n`\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport function TreeItem(\n  props: TreeItemProps & Omit<React.HTMLProps<HTMLLIElement>, 'as' | 'ref' | 'role'>\n): React.ReactElement {\n  const {\n    children,\n    expanded: expandedProp = false,\n    fontSize,\n    href,\n    icon,\n    id: idProp,\n    muted,\n    onClick,\n    padding = 3,\n    selected = false,\n    space = 2,\n    text,\n    weight,\n    ...restProps\n  } = props\n  const rootRef = useRef<HTMLLIElement | null>(null)\n  const treeitemRef = useRef<HTMLDivElement | null>(null)\n  const tree = useTree()\n  const {path, registerItem, setExpanded, setFocusedElement} = tree\n  const id = useId(idProp) || idProp\n  const itemPath = useMemo(() => path.concat([id || '']), [id, path])\n  const itemKey = itemPath.join('/')\n  const itemState = tree.state[itemKey]\n  const focused = tree.focusedElement === rootRef.current\n  const expanded = itemState?.expanded === undefined ? expandedProp : itemState?.expanded || false\n  const tabIndex = tree.focusedElement && tree.focusedElement === rootRef.current ? 0 : -1\n  const contextValue = useMemo(\n    () => ({...tree, level: tree.level + 1, path: itemPath}),\n    [itemPath, tree]\n  )\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLLIElement>) => {\n      if (onClick) onClick(event)\n\n      const target = event.target\n\n      if (\n        target instanceof HTMLElement &&\n        (target.getAttribute('data-ui') === 'TreeItem__box' ||\n          target.closest('[data-ui=\"TreeItem__box\"]'))\n      ) {\n        event.stopPropagation()\n        setExpanded(itemKey, !expanded)\n        setFocusedElement(rootRef.current)\n      }\n    },\n    [expanded, itemKey, onClick, setExpanded, setFocusedElement]\n  )\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLElement>) => {\n      if (focused && event.key === 'Enter') {\n        const el = treeitemRef.current || rootRef.current\n\n        el?.click()\n      }\n    },\n    [focused]\n  )\n\n  useEffect(() => {\n    if (!rootRef.current) return\n\n    return registerItem(rootRef.current, itemPath.join('/'), expanded, selected)\n  }, [expanded, itemPath, registerItem, selected])\n\n  const content = (\n    <Flex padding={padding}>\n      <Box\n        marginRight={space}\n        style={{visibility: icon || children ? 'visible' : 'hidden', pointerEvents: 'none'}}\n      >\n        {icon && (\n          <Text muted={muted} size={fontSize} weight={weight}>\n            {createElement(icon)}\n          </Text>\n        )}\n        {!icon && (\n          <ToggleArrowText muted={muted} size={fontSize} weight={weight}>\n            <ToggleArrowRightIcon style={{transform: expanded ? 'rotate(90deg)' : undefined}} />\n          </ToggleArrowText>\n        )}\n      </Box>\n      <Box flex={1}>\n        <Text muted={muted} size={fontSize} textOverflow=\"ellipsis\" weight={weight}>\n          {text}\n        </Text>\n      </Box>\n    </Flex>\n  )\n\n  if (href) {\n    return (\n      <Root\n        data-selected={selected ? '' : undefined}\n        data-tree-id={id}\n        data-tree-key={itemKey}\n        data-ui=\"TreeItem\"\n        {...restProps}\n        onClick={handleClick}\n        ref={rootRef}\n        role=\"none\"\n      >\n        <TreeItemBox\n          $level={tree.level}\n          aria-expanded={expanded}\n          data-ui=\"TreeItem__box\"\n          href={href}\n          ref={treeitemRef}\n          role=\"treeitem\"\n          tabIndex={tabIndex}\n        >\n          {content}\n        </TreeItemBox>\n\n        <TreeContext.Provider value={contextValue}>\n          {children && <TreeGroup hidden={!expanded}>{children}</TreeGroup>}\n        </TreeContext.Provider>\n      </Root>\n    )\n  }\n\n  return (\n    <Root\n      data-selected={selected ? '' : undefined}\n      data-ui=\"TreeItem\"\n      data-tree-id={id}\n      data-tree-key={itemKey}\n      {...restProps}\n      aria-expanded={expanded}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      ref={rootRef}\n      role=\"treeitem\"\n      tabIndex={tabIndex}\n    >\n      <TreeItemBox $level={tree.level} as=\"div\" data-ui=\"TreeItem__box\">\n        {content}\n      </TreeItemBox>\n\n      <TreeContext.Provider value={contextValue}>\n        {children && <TreeGroup expanded={expanded}>{children}</TreeGroup>}\n      </TreeContext.Provider>\n    </Root>\n  )\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/lib/esm/hooks/_internal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useUnique';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/hooks/_internal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/_internal/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/lib/esm/hooks/_internal/index.js

@@ -0,0 +1 @@
+export * from "./useUnique";

package/lib/esm/hooks/_internal/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/hooks/_internal/index.ts"],
+  "sourcesContent": ["export * from './useUnique'\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/lib/esm/hooks/_internal/useUnique.d.ts

@@ -0,0 +1,8 @@
+/**
+ * This is React hook – an and escape hatch – to make sure that a value is the same
+ * on every render. SHOULD NOT BE USED IN MOST CASES.
+ *
+ * @internal
+ */
+export declare function useUnique<ValueType>(value: ValueType): ValueType;
+//# sourceMappingURL=useUnique.d.ts.map

package/lib/esm/hooks/_internal/useUnique.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUnique.d.ts","sourceRoot":"","sources":["../../../../src/hooks/_internal/useUnique.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,SAAS,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,CAQhE"}

package/lib/esm/hooks/_internal/useUnique.js

@@ -0,0 +1,12 @@
+import { isEqual } from "lodash";
+import { useRef } from "react";
+function useUnique(value) {
+  const valueRef = useRef(value);
+  if (!isEqual(valueRef.current, value)) {
+    valueRef.current = value;
+  }
+  return valueRef.current;
+}
+export {
+  useUnique
+};

package/lib/esm/hooks/_internal/useUnique.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/hooks/_internal/useUnique.ts"],
+  "sourcesContent": ["import {isEqual} from 'lodash'\nimport {useRef} from 'react'\n\n/**\n * This is React hook \u2013 an and escape hatch \u2013 to make sure that a value is the same\n * on every render. SHOULD NOT BE USED IN MOST CASES.\n *\n * @internal\n */\nexport function useUnique<ValueType>(value: ValueType): ValueType {\n  const valueRef = useRef<ValueType>(value)\n\n  if (!isEqual(valueRef.current, value)) {\n    valueRef.current = value\n  }\n\n  return valueRef.current\n}\n"],
+  "mappings": "AAAA;AACA;AAQO,mBAA8B,OAA6B;AAChE,QAAM,WAAW,OAAkB;AAEnC,MAAI,CAAC,QAAQ,SAAS,SAAS,QAAQ;AACrC,aAAS,UAAU;AAAA;AAGrB,SAAO,SAAS;AAAA;",
+  "names": []
+}

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

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)

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

@@ -2,6 +2,6 @@
   "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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAsBA,MAAM,OAAO,OAAO,IAClB,2BACA,YAAY;AAGd,MAAM,QAAQ,OAAO,IAAI,YAAY;AAErC,MAAM,WAAW,OAAO,QAAQ,YAAY;AAE5C,MAAM,SAAS,OAAO,QAAQ,YAAY;AAE1C,MAAM,WAAW,OAAO,IAAI,YAAY;AAKjC,MAAM,SAAS,WAAW,iBAC/B,OACA,KACA;AACA,QAYI,YAXF;AAAA,QAAI;AAAA,IACJ,OAAO,WAAW;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA,SAAS;AAAA,IACT,MAAM;AAAA,MAEJ,IADC,sBACD,IADC;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,KAAK,QAAQ,mBAAmB,UAAU,SAAS;AACzD,QAAM,OAAqB,kBAAkB,UAAU,CAAC;AACxD,QAAM,QAAQ;AACd,QAAM,QAAQ,MAAM,OAAO,MAAM,KAAK,aAAa,MAAM,OAAO,MAAM,KAAK;AAG3E,QAAM,aAAa,MAAM,OAAO,OAAO,MAAM,KAAK,OAAO,MAAM,OAAO,OAAO,MAAM;AACnF,QAAM,WAAW,WAAW;AAC5B,QAAM,UAAU,WAAW;AAE3B,QAAM,YAAY,WAAW;AAC7B,QAAM,CAAC,eAAe,oBAAoB,SACxC,oBAAoB,qBAAqB;AAG3C,QAAM,CAAC,aAAa,kBAAkB,SAAkB;AAExD,QAAM,UAAU,gBAAgB;AAEhC,YAAU,MAAM;AACd,QAAI,kBAAkB;AAAmB,aAAO;AAGhD,UAAM,MAAM,sBAAsB,MAAM,iBAAiB;AAEzD,WAAO,MAAM,qBAAqB;AAAA,KACjC,CAAC,eAAe;AAEnB,YAAU,MAAM;AACd,QAAI;AAAK,qBAAe;AAAA,KACvB,CAAC;AAEJ,QAAM,mBAAmB,YAAY,MAAM;AACzC,mBAAe;AAEf,QAAI,kBAAkB;AACpB,uBAAiB,IAAI,MAAM;AAAA;AAAA,KAE5B,CAAC;AAEJ,SACE,oCAAC,MAAD;AAAA,IACE;AAAA,IACA,WAAS,OAAO,OAAO,WAAW,KAAK;AAAA,IACvC,WAAQ;AAAA,KACJ,YAJN;AAAA,IAKE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAY;AAAA,IACZ,uBAAqB;AAAA,IACrB,eAAa;AAAA,IACb;AAAA,IACA;AAAA,MAEA,oCAAC,OAAD,MACE,oCAAC,OAAD;AAAA,IAAK,OAAM;AAAA,IAAK,QAAO;AAAA,IAAI,SAAQ;AAAA,IAAW,MAAK;AAAA,KACjD,oCAAC,QAAD;AAAA,IACE,GAAE;AAAA,IACF,MAAM;AAAA,QAKX,CAAC,eAAe,OACf,oCAAC,OAAD;AAAA,IAAK,SAAS,OAAO,YAAY;AAAA,IAAY,MAAK;AAAA,KAChD,oCAAC,QAAD,MACE,oCAAC,WAAD;AAAA,IAAS,IAAI;AAAA,IAAS,qBAAoB;AAAA,IAAoB,OAAM;AAAA,IAAI,QAAO;AAAA,KAC7E,oCAAC,SAAD;AAAA,IAAO,MAAM;AAAA,IAAK,OAAM;AAAA,IAAI,QAAO;AAAA,IAAI,SAAS;AAAA,QAIpD,oCAAC,UAAD;AAAA,IAAQ,IAAI;AAAA,IAAS,IAAI;AAAA,IAAS,GAAG;AAAA,IAAS,MAAM,QAAQ;AAAA,MAC5D,oCAAC,UAAD;AAAA,IACE,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,cAAa;AAAA,MAEf,oCAAC,QAAD;AAAA,IACE,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,cAAa;AAAA,OAKjB,gBAAe,CAAC,QAAQ,YACxB,0DACE,oCAAC,UAAD,MACE,oCAAC,MAAD;AAAA,IAAM,IAAG;AAAA,IAAO,MAAM,KAAK,IAAI,CAAC,MAAO,MAAM,IAAI,IAAI,IAAI;AAAA,KACvD,oCAAC,UAAD,MAAS;AAAA;",
+  "mappings": "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",
   "names": []
 }

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

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)

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

@@ -2,6 +2,6 @@
   "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;",
+  "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/badge/badge.js

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/badge/badge.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\nimport {responsiveRadiusStyle, ResponsiveRadiusStyleProps} from '../../styles/internal'\nimport {BadgeMode, BadgeTone} from '../../types'\nimport {Box, BoxProps} from '../box'\nimport {Label} from '../label'\nimport {ResponsiveRadiusProps} from '../types'\nimport {badgeStyle} from './styles'\nimport {BadgeStyleProps} from './types'\n\n/**\n * @public\n */\nexport interface BadgeProps extends BoxProps, ResponsiveRadiusProps {\n  as?: React.ElementType | keyof JSX.IntrinsicElements\n  fontSize?: number | number[]\n  mode?: BadgeMode\n  tone?: BadgeTone\n}\n\nconst Root = styled(Box)<BadgeStyleProps & ResponsiveRadiusStyleProps>(\n  responsiveRadiusStyle,\n  badgeStyle\n)\n\n/**\n * @public\n */\nexport const Badge = forwardRef(function Badge(\n  props: BadgeProps & React.HTMLProps<HTMLDivElement>,\n  ref\n) {\n  const {\n    children,\n    fontSize,\n    mode = 'default',\n    padding = 1,\n    radius = 2,\n    tone = 'default',\n    ...restProps\n  } = props\n\n  return (\n    <Root\n      data-ui=\"Badge\"\n      {...restProps}\n      $mode={mode}\n      $tone={tone}\n      $radius={radius}\n      padding={padding}\n      ref={ref}\n    >\n      <Label size={fontSize}>{children}</Label>\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAEA;AAaA,MAAM,OAAO,OAAO,KAClB,uBACA;AAMK,MAAM,QAAQ,WAAW,gBAC9B,OACA,KACA;AACA,QAQI,YAPF;AAAA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,MAEL,IADC,sBACD,IADC;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,SACE,oCAAC,MAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT;AAAA,IACA;AAAA,MAEA,oCAAC,OAAD;AAAA,IAAO,MAAM;AAAA,KAAW;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAEA;AAaA,MAAM,OAAO,OAAO,KAClB,uBACA;AAMK,MAAM,QAAQ,WAAW,gBAC9B,OACA,KACA;AACA,QAQI,YAPF;AAAA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,MAEL,IADC,sBACD,IADC;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,SACE,oCAAC,MAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT;AAAA,IACA;AAAA,MAEA,oCAAC,OAAD;AAAA,IAAO,MAAM;AAAA,KAAW;AAAA;",
   "names": []
 }

package/lib/esm/primitives/box/box.js

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/box/box.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\nimport {\n  boxStyle,\n  flexItemStyle,\n  FlexItemStyleProps,\n  responsiveBoxStyle,\n  ResponsiveBoxStyleProps,\n  responsiveGridItemStyle,\n  ResponsiveGridItemStyleProps,\n  responsivePaddingStyle,\n  ResponsivePaddingStyleProps,\n  responsiveMarginStyle,\n  ResponsiveMarginStyleProps,\n} from '../../styles/internal'\nimport {\n  ResponsiveBoxProps,\n  ResponsiveFlexItemProps,\n  ResponsiveGridItemProps,\n  ResponsiveMarginProps,\n  ResponsivePaddingProps,\n} from '../types'\n\n/**\n * @public\n */\nexport interface BoxProps\n  extends ResponsiveFlexItemProps,\n    ResponsiveBoxProps,\n    ResponsiveGridItemProps,\n    ResponsiveMarginProps,\n    ResponsivePaddingProps {\n  as?: React.ElementType | keyof JSX.IntrinsicElements\n}\n\nconst Root = styled.div<\n  FlexItemStyleProps &\n    ResponsiveBoxStyleProps &\n    ResponsiveGridItemStyleProps &\n    ResponsiveMarginStyleProps &\n    ResponsivePaddingStyleProps\n>(\n  boxStyle,\n  flexItemStyle,\n  responsiveBoxStyle,\n  responsiveGridItemStyle,\n  responsiveMarginStyle,\n  responsivePaddingStyle\n)\n\n/**\n * @public\n */\nexport const Box = forwardRef(function Box(\n  props: BoxProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height'>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const {\n    as: asProp = 'div',\n    column,\n    columnStart,\n    columnEnd,\n    display = 'block',\n    flex,\n    height,\n    margin = 0,\n    marginX,\n    marginY,\n    marginTop,\n    marginRight,\n    marginBottom,\n    marginLeft,\n    overflow,\n    padding = 0,\n    paddingX,\n    paddingY,\n    paddingTop,\n    paddingRight,\n    paddingBottom,\n    paddingLeft,\n    row,\n    rowStart,\n    rowEnd,\n    sizing,\n    ...restProps\n  } = props\n\n  return (\n    <Root\n      data-as={asProp}\n      data-ui=\"Box\"\n      {...restProps}\n      $column={column}\n      $columnStart={columnStart}\n      $columnEnd={columnEnd}\n      $display={display}\n      $flex={flex}\n      $height={height}\n      $margin={margin}\n      $marginX={marginX}\n      $marginY={marginY}\n      $marginTop={marginTop}\n      $marginRight={marginRight}\n      $marginBottom={marginBottom}\n      $marginLeft={marginLeft}\n      $overflow={overflow}\n      $padding={padding}\n      $paddingX={paddingX}\n      $paddingY={paddingY}\n      $paddingTop={paddingTop}\n      $paddingRight={paddingRight}\n      $paddingBottom={paddingBottom}\n      $paddingLeft={paddingLeft}\n      $row={row}\n      $rowStart={rowStart}\n      $rowEnd={rowEnd}\n      $sizing={sizing}\n      as={asProp}\n      ref={ref}\n    >\n      {props.children}\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCA,MAAM,OAAO,OAAO,IAOlB,UACA,eACA,oBACA,yBACA,uBACA;AAMK,MAAM,MAAM,WAAW,cAC5B,OACA,KACA;AACA,QA4BI,YA3BF;AAAA,QAAI,SAAS;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEE,IADC,sBACD,IADC;AAAA,IA1BH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,SACE,oCAAC,MAAD;AAAA,IACE,WAAS;AAAA,IACT,WAAQ;AAAA,KACJ,YAHN;AAAA,IAIE,SAAS;AAAA,IACT,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,WAAW;AAAA,IACX,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,aAAa;AAAA,IACb,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,MAAM;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,IACT,IAAI;AAAA,IACJ;AAAA,MAEC,MAAM;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCA,MAAM,OAAO,OAAO,IAOlB,UACA,eACA,oBACA,yBACA,uBACA;AAMK,MAAM,MAAM,WAAW,cAC5B,OACA,KACA;AACA,QA4BI,YA3BF;AAAA,QAAI,SAAS;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEE,IADC,sBACD,IADC;AAAA,IA1BH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,SACE,oCAAC,MAAD;AAAA,IACE,WAAS;AAAA,IACT,WAAQ;AAAA,KACJ,YAHN;AAAA,IAIE,SAAS;AAAA,IACT,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,WAAW;AAAA,IACX,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,aAAa;AAAA,IACb,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,MAAM;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,IACT,IAAI;AAAA,IACJ;AAAA,MAEC,MAAM;AAAA;",
   "names": []
 }

package/lib/esm/primitives/button/button.js

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)