npm - @sanity/ui - Versions diffs - 0.36.9 → 0.36.13-next.12 - Mend

@sanity/ui 0.36.9 → 0.36.13-next.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (754) hide show

package/lib/esm/primitives/button/button.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/button/button.tsx"],
   "sourcesContent": ["import React, {createElement, forwardRef, isValidElement, useMemo} from 'react'\nimport {isValidElementType} from 'react-is'\nimport styled from 'styled-components'\nimport {ThemeProps} from '../../styles'\nimport {responsiveRadiusStyle, ResponsiveRadiusStyleProps} from '../../styles/internal'\nimport {useTheme} from '../../theme'\nimport {ButtonMode, ButtonTextAlign, ButtonTone, FlexJustify} from '../../types'\nimport {Box} from '../box'\nimport {Flex} from '../flex'\nimport {Spinner} from '../spinner'\nimport {Text} from '../text'\nimport {ResponsivePaddingProps, ResponsiveRadiusProps} from '../types'\nimport {buttonBaseStyles, buttonColorStyles} from './styles'\n\n/**\n * @public\n */\nexport interface ButtonProps extends ResponsivePaddingProps, ResponsiveRadiusProps {\n  as?: React.ElementType | keyof JSX.IntrinsicElements\n  fontSize?: number | number[]\n  mode?: ButtonMode\n  icon?: React.ComponentType | React.ReactNode\n  iconRight?: React.ComponentType | React.ReactNode\n  justify?: FlexJustify | FlexJustify[]\n  /**\n   * @beta Do not use in production, as this might change.\n   */\n  loading?: boolean\n  selected?: boolean\n  space?: number | number[]\n  textAlign?: ButtonTextAlign\n  text?: React.ReactNode\n  tone?: ButtonTone\n  type?: 'button' | 'reset' | 'submit'\n}\n\nconst Root = styled.button<\n  {$mode: ButtonMode; $tone: ButtonTone} & ResponsiveRadiusStyleProps & ThemeProps\n>(responsiveRadiusStyle, buttonBaseStyles, buttonColorStyles)\n\nconst LoadingBox = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--card-bg-color);\n  border-radius: inherit;\n  z-index: 1;\n  box-shadow: inherit;\n`\n\n/**\n * @public\n */\nexport const Button = forwardRef(function Button(\n  props: ButtonProps & Omit<React.HTMLProps<HTMLButtonElement>, 'as'>,\n  ref: React.ForwardedRef<HTMLButtonElement>\n) {\n  const {\n    children,\n    disabled,\n    fontSize,\n    icon,\n    iconRight,\n    justify = 'center',\n    loading,\n    mode = 'default',\n    padding = 3,\n    paddingX,\n    paddingY,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    radius = 2,\n    selected,\n    space = 3,\n    text,\n    textAlign,\n    tone = 'default',\n    type = 'button',\n    ...restProps\n  } = props\n\n  const theme = useTheme()\n\n  const boxProps = useMemo(\n    () => ({\n      // flex: 1,\n      padding,\n      paddingX,\n      paddingY,\n      paddingTop,\n      paddingBottom,\n      paddingLeft,\n      paddingRight,\n    }),\n    [padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight]\n  )\n\n  return (\n    <Root\n      data-ui=\"Button\"\n      {...restProps}\n      $mode={mode}\n      $radius={radius}\n      $tone={tone}\n      data-disabled={Boolean(loading || disabled)}\n      data-selected={selected ? '' : undefined}\n      disabled={Boolean(loading || disabled)}\n      ref={ref}\n      type={type}\n    >\n      {Boolean(loading) && (\n        <LoadingBox>\n          <Spinner />\n        </LoadingBox>\n      )}\n\n      {(icon || text || iconRight) && (\n        <Box as=\"span\" {...boxProps}>\n          <Flex as=\"span\" justify={justify}>\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={iconRight ? 1 : undefined}\n                marginLeft={icon ? space : undefined}\n                marginRight={iconRight ? space : undefined}\n              >\n                <Text\n                  align={textAlign}\n                  size={fontSize}\n                  textOverflow=\"ellipsis\"\n                  weight={theme.sanity.button.textWeight}\n                >\n                  {text}\n                </Text>\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\" {...boxProps}>\n          {children}\n        </Box>\n      )}\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAwBA,MAAM,OAAO,OAAO,OAElB,uBAAuB,kBAAkB;AAE3C,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBnB,MAAM,SAAS,WAAW,iBAC/B,OACA,KACA;AACA,QAwBI,YAvBF;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,OAAO;AAAA,MAEL,IADC,sBACD,IADC;AAAA,IAtBH;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,QAAM,QAAQ;AAEd,QAAM,WAAW,QACf,MAAO;AAAA,IAEL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,SAAS,UAAU,UAAU,YAAY,eAAe,aAAa;AAGxE,SACE,oCAAC,MAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,IACP,iBAAe,QAAQ,WAAW;AAAA,IAClC,iBAAe,WAAW,KAAK;AAAA,IAC/B,UAAU,QAAQ,WAAW;AAAA,IAC7B;AAAA,IACA;AAAA,MAEC,QAAQ,YACP,oCAAC,YAAD,MACE,oCAAC,SAAD,QAIF,SAAQ,QAAQ,cAChB,oCAAC,KAAD;AAAA,IAAK,IAAG;AAAA,KAAW,WACjB,oCAAC,MAAD;AAAA,IAAM,IAAG;AAAA,IAAO;AAAA,KACb,QACC,oCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,KACT,eAAe,SAAS,MACxB,mBAAmB,SAAS,cAAc,QAI9C,QACC,oCAAC,KAAD;AAAA,IACE,MAAM,YAAY,IAAI;AAAA,IACtB,YAAY,OAAO,QAAQ;AAAA,IAC3B,aAAa,YAAY,QAAQ;AAAA,KAEjC,oCAAC,MAAD;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,cAAa;AAAA,IACb,QAAQ,MAAM,OAAO,OAAO;AAAA,KAE3B,QAKN,aACC,oCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,KACT,eAAe,cAAc,WAC7B,mBAAmB,cAAc,cAAc,eAOzD,YACC,oCAAC,KAAD;AAAA,IAAK,IAAG;AAAA,KAAW,WAChB;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAwBA,MAAM,OAAO,OAAO,OAElB,uBAAuB,kBAAkB;AAE3C,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBnB,MAAM,SAAS,WAAW,iBAC/B,OACA,KACA;AACA,QAwBI,YAvBF;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,OAAO;AAAA,MAEL,IADC,sBACD,IADC;AAAA,IAtBH;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,QAAM,QAAQ;AAEd,QAAM,WAAW,QACf,MAAO;AAAA,IAEL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,SAAS,UAAU,UAAU,YAAY,eAAe,aAAa;AAGxE,SACE,oCAAC,MAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,IACP,iBAAe,QAAQ,WAAW;AAAA,IAClC,iBAAe,WAAW,KAAK;AAAA,IAC/B,UAAU,QAAQ,WAAW;AAAA,IAC7B;AAAA,IACA;AAAA,MAEC,QAAQ,YACP,oCAAC,YAAD,MACE,oCAAC,SAAD,QAIF,SAAQ,QAAQ,cAChB,oCAAC,KAAD;AAAA,IAAK,IAAG;AAAA,KAAW,WACjB,oCAAC,MAAD;AAAA,IAAM,IAAG;AAAA,IAAO;AAAA,KACb,QACC,oCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,KACT,eAAe,SAAS,MACxB,mBAAmB,SAAS,cAAc,QAI9C,QACC,oCAAC,KAAD;AAAA,IACE,MAAM,YAAY,IAAI;AAAA,IACtB,YAAY,OAAO,QAAQ;AAAA,IAC3B,aAAa,YAAY,QAAQ;AAAA,KAEjC,oCAAC,MAAD;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,cAAa;AAAA,IACb,QAAQ,MAAM,OAAO,OAAO;AAAA,KAE3B,QAKN,aACC,oCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,KACT,eAAe,cAAc,WAC7B,mBAAmB,cAAc,cAAc,eAOzD,YACC,oCAAC,KAAD;AAAA,IAAK,IAAG;AAAA,KAAW,WAChB;AAAA;",
   "names": []
 }

package/lib/esm/primitives/card/card.js CHANGED Viewed

@@ -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/card/card.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/card/card.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport {isValidElementType} from 'react-is'\nimport styled from 'styled-components'\nimport {\n  responsiveBorderStyle,\n  ResponsiveBorderStyleProps,\n  responsiveRadiusStyle,\n  ResponsiveRadiusStyleProps,\n  responsiveShadowStyle,\n  ResponsiveShadowStyleProps,\n} from '../../styles/internal'\nimport {ThemeColorProvider, ThemeColorSchemeKey, useRootTheme} from '../../theme'\nimport {CardTone} from '../../types'\nimport {Box, BoxProps} from '../box'\nimport {ResponsiveBorderProps, ResponsiveRadiusProps, ResponsiveShadowProps} from '../types'\nimport {cardStyle} from './styles'\nimport {CardStyleProps} from './types'\n\n/**\n * @public\n */\nexport interface CardProps\n  extends BoxProps,\n    ResponsiveBorderProps,\n    ResponsiveRadiusProps,\n    ResponsiveShadowProps {\n  /**\n   * Do not use in production.\n   * @beta\n   */\n  __unstable_checkered?: boolean\n  /**\n   * Do not use in production.\n   * @beta\n   */\n  __unstable_focusRing?: boolean\n  pressed?: boolean\n  scheme?: ThemeColorSchemeKey\n  tone?: CardTone\n}\n\nconst Root = styled(Box)<\n  CardStyleProps &\n    ResponsiveRadiusStyleProps &\n    ResponsiveBorderStyleProps &\n    ResponsiveShadowStyleProps\n>(responsiveBorderStyle, responsiveRadiusStyle, responsiveShadowStyle, cardStyle)\n\n/**\n * @public\n */\nexport const Card = forwardRef(function Card(\n  props: CardProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height'>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const {\n    pressed = false,\n    __unstable_checkered: checkered = false,\n    __unstable_focusRing: focusRing = false,\n    as: asProp,\n    border,\n    borderTop,\n    borderRight,\n    borderBottom,\n    borderLeft,\n    radius = 0,\n    scheme,\n    selected,\n    shadow,\n    tone: toneProp = 'default',\n    ...restProps\n  } = props\n  const as = isValidElementType(asProp) ? asProp : 'div'\n  const rootTheme = useRootTheme()\n  const tone = toneProp === 'inherit' ? rootTheme.tone : toneProp\n\n  return (\n    <ThemeColorProvider scheme={scheme} tone={tone}>\n      <Root\n        data-as={typeof as === 'string' ? as : undefined}\n        data-checkered={checkered ? '' : undefined}\n        data-pressed={pressed ? '' : undefined}\n        data-scheme={rootTheme.scheme}\n        data-selected={selected ? '' : undefined}\n        data-ui=\"Card\"\n        data-tone={tone}\n        {...restProps}\n        $border={border}\n        $borderTop={borderTop}\n        $borderRight={borderRight}\n        $borderBottom={borderBottom}\n        $borderLeft={borderLeft}\n        $checkered={checkered}\n        $focusRing={focusRing}\n        $radius={radius}\n        $shadow={shadow}\n        $tone={tone}\n        forwardedAs={as}\n        ref={ref}\n        selected={selected}\n      />\n    </ThemeColorProvider>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAQA;AAEA;AAEA;AA0BA,MAAM,OAAO,OAAO,KAKlB,uBAAuB,uBAAuB,uBAAuB;AAKhE,MAAM,OAAO,WAAW,eAC7B,OACA,KACA;AACA,QAgBI,YAfF;AAAA,cAAU;AAAA,IACV,sBAAsB,YAAY;AAAA,IAClC,sBAAsB,YAAY;AAAA,IAClC,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,WAAW;AAAA,MAEf,IADC,sBACD,IADC;AAAA,IAdH;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,KAAK,mBAAmB,UAAU,SAAS;AACjD,QAAM,YAAY;AAClB,QAAM,OAAO,aAAa,YAAY,UAAU,OAAO;AAEvD,SACE,oCAAC,oBAAD;AAAA,IAAoB;AAAA,IAAgB;AAAA,KAClC,oCAAC,MAAD;AAAA,IACE,WAAS,OAAO,OAAO,WAAW,KAAK;AAAA,IACvC,kBAAgB,YAAY,KAAK;AAAA,IACjC,gBAAc,UAAU,KAAK;AAAA,IAC7B,eAAa,UAAU;AAAA,IACvB,iBAAe,WAAW,KAAK;AAAA,IAC/B,WAAQ;AAAA,IACR,aAAW;AAAA,KACP,YARN;AAAA,IASE,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,IACP,aAAa;AAAA,IACb;AAAA,IACA;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAQA;AAEA;AAEA;AA0BA,MAAM,OAAO,OAAO,KAKlB,uBAAuB,uBAAuB,uBAAuB;AAKhE,MAAM,OAAO,WAAW,eAC7B,OACA,KACA;AACA,QAgBI,YAfF;AAAA,cAAU;AAAA,IACV,sBAAsB,YAAY;AAAA,IAClC,sBAAsB,YAAY;AAAA,IAClC,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,WAAW;AAAA,MAEf,IADC,sBACD,IADC;AAAA,IAdH;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,KAAK,mBAAmB,UAAU,SAAS;AACjD,QAAM,YAAY;AAClB,QAAM,OAAO,aAAa,YAAY,UAAU,OAAO;AAEvD,SACE,oCAAC,oBAAD;AAAA,IAAoB;AAAA,IAAgB;AAAA,KAClC,oCAAC,MAAD;AAAA,IACE,WAAS,OAAO,OAAO,WAAW,KAAK;AAAA,IACvC,kBAAgB,YAAY,KAAK;AAAA,IACjC,gBAAc,UAAU,KAAK;AAAA,IAC7B,eAAa,UAAU;AAAA,IACvB,iBAAe,WAAW,KAAK;AAAA,IAC/B,WAAQ;AAAA,IACR,aAAW;AAAA,KACP,YARN;AAAA,IASE,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,IACP,aAAa;AAAA,IACb;AAAA,IACA;AAAA;AAAA;",
   "names": []
 }

package/lib/esm/primitives/checkbox/checkbox.js CHANGED Viewed

@@ -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/checkbox/checkbox.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/checkbox/checkbox.tsx"],
   "sourcesContent": ["import {CheckmarkIcon, RemoveIcon} from '@sanity/icons'\nimport React, {forwardRef, useEffect} from 'react'\nimport styled from 'styled-components'\nimport {useForwardedRef, useCustomValidity} from '../../hooks'\nimport {checkboxBaseStyles, inputElementStyles} from './styles'\n\n/**\n * @public\n */\nexport interface CheckboxProps {\n  indeterminate?: boolean\n  customValidity?: string\n}\n\nconst Root = styled.div(checkboxBaseStyles)\nconst Input = styled.input(inputElementStyles)\n\n/**\n * @public\n */\nexport const Checkbox = forwardRef(function Checkbox(\n  props: Omit<React.HTMLProps<HTMLInputElement>, 'as' | 'type'> & CheckboxProps,\n  forwardedRef: React.ForwardedRef<HTMLInputElement>\n) {\n  const {\n    checked,\n    className,\n    disabled,\n    indeterminate,\n    customValidity,\n    readOnly,\n    style,\n    ...restProps\n  } = props\n  const ref = useForwardedRef(forwardedRef)\n\n  useCustomValidity(ref, customValidity)\n\n  useEffect(() => {\n    if (ref.current) {\n      // Set the indeterminate state\n      ref.current.indeterminate = indeterminate || false\n    }\n  }, [indeterminate, ref])\n\n  return (\n    <Root className={className} data-ui=\"Checkbox\" style={style}>\n      <Input\n        data-read-only={!disabled && readOnly ? '' : undefined}\n        {...restProps}\n        checked={checked}\n        disabled={disabled || readOnly}\n        type=\"checkbox\"\n        readOnly={readOnly}\n        ref={ref}\n      />\n      <span>\n        <CheckmarkIcon />\n        <RemoveIcon />\n      </span>\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAUA,MAAM,OAAO,OAAO,IAAI;AACxB,MAAM,QAAQ,OAAO,MAAM;AAKpB,MAAM,WAAW,WAAW,mBACjC,OACA,cACA;AACA,QASI,YARF;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEE,IADC,sBACD,IADC;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,MAAM,gBAAgB;AAE5B,oBAAkB,KAAK;AAEvB,YAAU,MAAM;AACd,QAAI,IAAI,SAAS;AAEf,UAAI,QAAQ,gBAAgB,iBAAiB;AAAA;AAAA,KAE9C,CAAC,eAAe;AAEnB,SACE,oCAAC,MAAD;AAAA,IAAM;AAAA,IAAsB,WAAQ;AAAA,IAAW;AAAA,KAC7C,oCAAC,OAAD;AAAA,IACE,kBAAgB,CAAC,YAAY,WAAW,KAAK;AAAA,KACzC,YAFN;AAAA,IAGE;AAAA,IACA,UAAU,YAAY;AAAA,IACtB,MAAK;AAAA,IACL;AAAA,IACA;AAAA,OAEF,oCAAC,QAAD,MACE,oCAAC,eAAD,OACA,oCAAC,YAAD;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAUA,MAAM,OAAO,OAAO,IAAI;AACxB,MAAM,QAAQ,OAAO,MAAM;AAKpB,MAAM,WAAW,WAAW,mBACjC,OACA,cACA;AACA,QASI,YARF;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEE,IADC,sBACD,IADC;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,MAAM,gBAAgB;AAE5B,oBAAkB,KAAK;AAEvB,YAAU,MAAM;AACd,QAAI,IAAI,SAAS;AAEf,UAAI,QAAQ,gBAAgB,iBAAiB;AAAA;AAAA,KAE9C,CAAC,eAAe;AAEnB,SACE,oCAAC,MAAD;AAAA,IAAM;AAAA,IAAsB,WAAQ;AAAA,IAAW;AAAA,KAC7C,oCAAC,OAAD;AAAA,IACE,kBAAgB,CAAC,YAAY,WAAW,KAAK;AAAA,KACzC,YAFN;AAAA,IAGE;AAAA,IACA,UAAU,YAAY;AAAA,IACtB,MAAK;AAAA,IACL;AAAA,IACA;AAAA,OAEF,oCAAC,QAAD,MACE,oCAAC,eAAD,OACA,oCAAC,YAAD;AAAA;",
   "names": []
 }

package/lib/esm/primitives/code/code.js CHANGED Viewed

@@ -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/code/code.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/code/code.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport Refractor from 'react-refractor'\nimport styled from 'styled-components'\nimport {responsiveCodeFontStyle, ResponsiveFontStyleProps} from '../../styles/internal'\nimport {codeBaseStyle} from './styles'\n\n/**\n * @public\n */\nexport interface CodeProps {\n  as?: React.ElementType | keyof JSX.IntrinsicElements\n  language?: string\n  size?: number | number[]\n  weight?: string\n}\n\nconst Root = styled.pre<ResponsiveFontStyleProps>(codeBaseStyle, responsiveCodeFontStyle)\n\n/**\n * @public\n */\nexport const Code = forwardRef(function Code(\n  props: CodeProps & Omit<React.HTMLProps<HTMLElement>, 'as' | 'size'>,\n  ref: React.ForwardedRef<HTMLElement>\n) {\n  const {children, language: languageProp, size = 2, weight, ...restProps} = props\n  const language = typeof languageProp === 'string' ? languageProp : undefined\n  const registered = language ? Refractor.hasLanguage(language as any) : false\n\n  return (\n    <Root data-ui=\"Code\" {...restProps} $size={size} $weight={weight} ref={ref}>\n      {!(language && registered) && <code>{children}</code>}\n      {language && registered && <Refractor inline language={language} value={String(children)} />}\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAYA,MAAM,OAAO,OAAO,IAA8B,eAAe;AAK1D,MAAM,OAAO,WAAW,eAC7B,OACA,KACA;AACA,QAA2E,YAApE,YAAU,UAAU,cAAc,OAAO,GAAG,WAAwB,IAAb,sBAAa,IAAb,CAAvD,YAAU,YAAwB,QAAU;AACnD,QAAM,WAAW,OAAO,iBAAiB,WAAW,eAAe;AACnE,QAAM,aAAa,WAAW,UAAU,YAAY,YAAmB;AAEvE,SACE,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KAAW,YAAzB;AAAA,IAAoC,OAAO;AAAA,IAAM,SAAS;AAAA,IAAQ;AAAA,MAC/D,CAAE,aAAY,eAAe,oCAAC,QAAD,MAAO,WACpC,YAAY,cAAc,oCAAC,WAAD;AAAA,IAAW,QAAM;AAAA,IAAC;AAAA,IAAoB,OAAO,OAAO;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAYA,MAAM,OAAO,OAAO,IAA8B,eAAe;AAK1D,MAAM,OAAO,WAAW,eAC7B,OACA,KACA;AACA,QAA2E,YAApE,YAAU,UAAU,cAAc,OAAO,GAAG,WAAwB,IAAb,sBAAa,IAAb,CAAvD,YAAU,YAAwB,QAAU;AACnD,QAAM,WAAW,OAAO,iBAAiB,WAAW,eAAe;AACnE,QAAM,aAAa,WAAW,UAAU,YAAY,YAAmB;AAEvE,SACE,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KAAW,YAAzB;AAAA,IAAoC,OAAO;AAAA,IAAM,SAAS;AAAA,IAAQ;AAAA,MAC/D,CAAE,aAAY,eAAe,oCAAC,QAAD,MAAO,WACpC,YAAY,cAAc,oCAAC,WAAD;AAAA,IAAW,QAAM;AAAA,IAAC;AAAA,IAAoB,OAAO,OAAO;AAAA;AAAA;",
   "names": []
 }

package/lib/esm/primitives/container/container.js CHANGED Viewed

@@ -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/container/container.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/container/container.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\nimport {Box, BoxProps} from '../box'\nimport {ResponsiveWidthProps} from '../types'\nimport {containerBaseStyle, responsiveContainerWidthStyle} from './styles'\nimport {ResponsiveWidthStyleProps} from './types'\n\n/**\n * @public\n */\nexport interface ContainerProps extends BoxProps, ResponsiveWidthProps {}\n\nconst Root = styled(Box)<ResponsiveWidthStyleProps>(\n  containerBaseStyle,\n  responsiveContainerWidthStyle\n)\n\n/**\n * @public\n */\nexport const Container = forwardRef(function Container(\n  props: ContainerProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'width'>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const {as, width = 2, ...restProps} = props\n\n  return <Root data-ui=\"Container\" {...restProps} $width={width} forwardedAs={as} ref={ref} />\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEA;AAQA,MAAM,OAAO,OAAO,KAClB,oBACA;AAMK,MAAM,YAAY,WAAW,oBAClC,OACA,KACA;AACA,QAAsC,YAA/B,MAAI,QAAQ,MAAmB,IAAb,sBAAa,IAAb,CAAlB,MAAI;AAEX,SAAO,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KAAgB,YAA9B;AAAA,IAAyC,QAAQ;AAAA,IAAO,aAAa;AAAA,IAAI;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEA;AAQA,MAAM,OAAO,OAAO,KAClB,oBACA;AAMK,MAAM,YAAY,WAAW,oBAClC,OACA,KACA;AACA,QAAsC,YAA/B,MAAI,QAAQ,MAAmB,IAAb,sBAAa,IAAb,CAAlB,MAAI;AAEX,SAAO,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KAAgB,YAA9B;AAAA,IAAyC,QAAQ;AAAA,IAAO,aAAa;AAAA,IAAI;AAAA;AAAA;",
   "names": []
 }

package/lib/esm/primitives/flex/flex.js CHANGED Viewed

@@ -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/flex/flex.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/flex/flex.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\nimport {\n  flexItemStyle,\n  FlexItemStyleProps,\n  responsiveFlexStyle,\n  ResponsiveFlexStyleProps,\n} from '../../styles/internal'\nimport {Box, BoxProps} from '../box'\nimport {ResponsiveFlexProps, ResponsiveFlexItemProps} from '../types'\n\n/**\n * @public\n */\nexport interface FlexProps\n  extends Omit<BoxProps, 'display'>,\n    ResponsiveFlexProps,\n    ResponsiveFlexItemProps {\n  gap?: number | number[]\n}\n\nconst Root = styled(Box)<FlexItemStyleProps & ResponsiveFlexStyleProps>(\n  flexItemStyle,\n  responsiveFlexStyle\n)\n\n/**\n * @public\n */\nexport const Flex = forwardRef(function Flex(\n  props: FlexProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'wrap'>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const {align, as, direction = 'row', gap, justify, wrap, ...restProps} = props\n\n  return (\n    <Root\n      data-ui=\"Flex\"\n      {...restProps}\n      $align={align}\n      $direction={direction}\n      $gap={gap}\n      $justify={justify}\n      $wrap={wrap}\n      forwardedAs={as}\n      ref={ref}\n    />\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAMA;AAaA,MAAM,OAAO,OAAO,KAClB,eACA;AAMK,MAAM,OAAO,WAAW,eAC7B,OACA,KACA;AACA,QAAyE,YAAlE,SAAO,IAAI,YAAY,OAAO,KAAK,SAAS,SAAsB,IAAb,sBAAa,IAAb,CAArD,SAAO,MAAI,aAAmB,OAAK,WAAS;AAEnD,SACE,oCAAC,MAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,IACP,aAAa;AAAA,IACb;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAMA;AAaA,MAAM,OAAO,OAAO,KAClB,eACA;AAMK,MAAM,OAAO,WAAW,eAC7B,OACA,KACA;AACA,QAAyE,YAAlE,SAAO,IAAI,YAAY,OAAO,KAAK,SAAS,SAAsB,IAAb,sBAAa,IAAb,CAArD,SAAO,MAAI,aAAmB,OAAK,WAAS;AAEnD,SACE,oCAAC,MAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,IACP,aAAa;AAAA,IACb;AAAA;AAAA;",
   "names": []
 }

package/lib/esm/primitives/grid/grid.js CHANGED Viewed

@@ -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/grid/grid.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/grid/grid.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\nimport {responsiveGridStyle, ResponsiveGridStyleProps} from '../../styles/internal'\nimport {Box, BoxProps} from '../box'\nimport {ResponsiveGridProps} from '../types'\n\n/**\n * @public\n */\nexport interface GridProps extends Omit<BoxProps, 'display'>, ResponsiveGridProps {}\n\nconst Root = styled(Box)<ResponsiveGridStyleProps>(responsiveGridStyle)\n\n/**\n * @public\n */\nexport const Grid = forwardRef(function Grid(\n  props: GridProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'rows'>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const {as, autoRows, autoCols, autoFlow, columns, gap, gapX, gapY, rows, children, ...restProps} =\n    props\n\n  return (\n    <Root\n      data-as={typeof as === 'string' ? as : undefined}\n      data-ui=\"Grid\"\n      {...restProps}\n      $autoRows={autoRows}\n      $autoCols={autoCols}\n      $autoFlow={autoFlow}\n      $columns={columns}\n      $gap={gap}\n      $gapX={gapX}\n      $gapY={gapY}\n      $rows={rows}\n      forwardedAs={as}\n      ref={ref}\n    >\n      {children}\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAQA,MAAM,OAAO,OAAO,KAA+B;AAK5C,MAAM,OAAO,WAAW,eAC7B,OACA,KACA;AACA,QACE,YADK,MAAI,UAAU,UAAU,UAAU,SAAS,KAAK,MAAM,MAAM,MAAM,aACvE,IADoF,sBACpF,IADoF,CAA/E,MAAI,YAAU,YAAU,YAAU,WAAS,OAAK,QAAM,QAAM,QAAM;AAGzE,SACE,oCAAC,MAAD;AAAA,IACE,WAAS,OAAO,OAAO,WAAW,KAAK;AAAA,IACvC,WAAQ;AAAA,KACJ,YAHN;AAAA,IAIE,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,aAAa;AAAA,IACb;AAAA,MAEC;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAQA,MAAM,OAAO,OAAO,KAA+B;AAK5C,MAAM,OAAO,WAAW,eAC7B,OACA,KACA;AACA,QACE,YADK,MAAI,UAAU,UAAU,UAAU,SAAS,KAAK,MAAM,MAAM,MAAM,aACvE,IADoF,sBACpF,IADoF,CAA/E,MAAI,YAAU,YAAU,YAAU,WAAS,OAAK,QAAM,QAAM,QAAM;AAGzE,SACE,oCAAC,MAAD;AAAA,IACE,WAAS,OAAO,OAAO,WAAW,KAAK;AAAA,IACvC,WAAQ;AAAA,KACJ,YAHN;AAAA,IAIE,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,aAAa;AAAA,IACb;AAAA,MAEC;AAAA;",
   "names": []
 }

package/lib/esm/primitives/heading/heading.js CHANGED Viewed

@@ -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/heading/heading.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/heading/heading.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\nimport {\n  ResponsiveFontStyleProps,\n  responsiveHeadingFont,\n  responsiveTextAlignStyle,\n  ResponsiveTextAlignStyleProps,\n} from '../../styles/internal'\nimport {ThemeFontWeightKey} from '../../theme'\nimport {TextAlign} from '../../types'\nimport {headingBaseStyle} from './styles'\nimport {HeadingStyleProps} from './types'\n\n/**\n * @public\n */\nexport interface HeadingProps {\n  accent?: boolean\n  align?: TextAlign | TextAlign[]\n  as?: React.ElementType | keyof JSX.IntrinsicElements\n  muted?: boolean\n  size?: number | number[]\n  /**\n   * Controls how overflowing text is treated.\n   * Use `textOverflow=\"ellipsis\"` to render text as a single line which is concatenated with a `\u2026` symbol.\n   * @beta\n   */\n  textOverflow?: 'ellipsis'\n  weight?: ThemeFontWeightKey\n}\n\nconst Root = styled.div<\n  HeadingStyleProps & ResponsiveTextAlignStyleProps & ResponsiveFontStyleProps\n>(headingBaseStyle, responsiveTextAlignStyle, responsiveHeadingFont)\n\nconst SpanWithTextOverflow = styled.span`\n  display: block;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n`\n\n/**\n * @public\n */\nexport const Heading = forwardRef(function Heading(\n  props: HeadingProps & Omit<React.HTMLProps<HTMLElement>, 'as' | 'size'>,\n  ref: React.ForwardedRef<HTMLElement>\n) {\n  const {\n    accent = false,\n    align,\n    children: childrenProp,\n    muted = false,\n    size = 2,\n    textOverflow,\n    weight,\n    ...restProps\n  } = props\n\n  let children = childrenProp\n\n  if (textOverflow === 'ellipsis') {\n    children = <SpanWithTextOverflow>{children}</SpanWithTextOverflow>\n  }\n\n  return (\n    <Root\n      data-ui=\"Heading\"\n      {...restProps}\n      $accent={accent}\n      $align={align}\n      $muted={muted}\n      $size={size}\n      $weight={weight}\n      ref={ref}\n    >\n      <span>{children}</span>\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAQA;AAqBA,MAAM,OAAO,OAAO,IAElB,kBAAkB,0BAA0B;AAE9C,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAU7B,MAAM,UAAU,WAAW,kBAChC,OACA,KACA;AACA,QASI,YARF;AAAA,aAAS;AAAA,IACT;AAAA,IACA,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP;AAAA,IACA;AAAA,MAEE,IADC,sBACD,IADC;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,MAAI,WAAW;AAEf,MAAI,iBAAiB,YAAY;AAC/B,eAAW,oCAAC,sBAAD,MAAuB;AAAA;AAGpC,SACE,oCAAC,MAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT;AAAA,MAEA,oCAAC,QAAD,MAAO;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAQA;AAqBA,MAAM,OAAO,OAAO,IAElB,kBAAkB,0BAA0B;AAE9C,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAU7B,MAAM,UAAU,WAAW,kBAChC,OACA,KACA;AACA,QASI,YARF;AAAA,aAAS;AAAA,IACT;AAAA,IACA,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP;AAAA,IACA;AAAA,MAEE,IADC,sBACD,IADC;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,MAAI,WAAW;AAEf,MAAI,iBAAiB,YAAY;AAC/B,eAAW,oCAAC,sBAAD,MAAuB;AAAA;AAGpC,SACE,oCAAC,MAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT;AAAA,MAEA,oCAAC,QAAD,MAAO;AAAA;",
   "names": []
 }

package/lib/esm/primitives/inline/inline.js CHANGED Viewed

@@ -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/inline/inline.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/inline/inline.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\nimport {Box, BoxProps} from '../box'\nimport {childrenToElementArray} from '../helpers'\nimport {inlineBaseStyle, inlineSpaceStyle} from './styles'\nimport {ResponsiveInlineSpaceStyleProps} from './types'\n\n/**\n * @public\n */\nexport interface InlineProps extends Omit<BoxProps, 'display'> {\n  space?: number | number[]\n}\n\nconst Root = styled(Box)<ResponsiveInlineSpaceStyleProps>(inlineBaseStyle, inlineSpaceStyle)\n\n/**\n * @public\n */\nexport const Inline = forwardRef(function Inline(\n  props: InlineProps & React.HTMLProps<HTMLDivElement>,\n  ref\n) {\n  const {as, children: childrenProp, space, ...restProps} = props\n  const children = childrenToElementArray(childrenProp).filter(Boolean)\n\n  return (\n    <Root data-ui=\"Inline\" {...restProps} $space={space} forwardedAs={as} ref={ref}>\n      {children.map((child, idx) => (\n        <div key={idx}>{child}</div>\n      ))}\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAUA,MAAM,OAAO,OAAO,KAAsC,iBAAiB;AAKpE,MAAM,SAAS,WAAW,iBAC/B,OACA,KACA;AACA,QAA0D,YAAnD,MAAI,UAAU,cAAc,UAAuB,IAAb,sBAAa,IAAb,CAAtC,MAAI,YAAwB;AACnC,QAAM,WAAW,uBAAuB,cAAc,OAAO;AAE7D,SACE,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KAAa,YAA3B;AAAA,IAAsC,QAAQ;AAAA,IAAO,aAAa;AAAA,IAAI;AAAA,MACnE,SAAS,IAAI,CAAC,OAAO,QACpB,oCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,KAAM;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAUA,MAAM,OAAO,OAAO,KAAsC,iBAAiB;AAKpE,MAAM,SAAS,WAAW,iBAC/B,OACA,KACA;AACA,QAA0D,YAAnD,MAAI,UAAU,cAAc,UAAuB,IAAb,sBAAa,IAAb,CAAtC,MAAI,YAAwB;AACnC,QAAM,WAAW,uBAAuB,cAAc,OAAO;AAE7D,SACE,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KAAa,YAA3B;AAAA,IAAsC,QAAQ;AAAA,IAAO,aAAa;AAAA,IAAI;AAAA,MACnE,SAAS,IAAI,CAAC,OAAO,QACpB,oCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,KAAM;AAAA;",
   "names": []
 }

package/lib/esm/primitives/kbd/kbd.js CHANGED Viewed

@@ -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/kbd/kbd.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/kbd/kbd.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled, {css} from 'styled-components'\nimport {responsiveRadiusStyle, ResponsiveRadiusStyleProps} from '../../styles/internal'\nimport {Box} from '../box'\nimport {Code} from '../code'\n\n/**\n * @public\n */\nexport interface KBDProps {\n  as?: React.ElementType | keyof JSX.IntrinsicElements\n  fontSize?: number | number[]\n  padding?: number | number[]\n  radius?: number | number[]\n}\n\nfunction kbdStyle() {\n  return css`\n    background: var(--card-bg-color);\n    font: inherit;\n    box-shadow: inset 0 0 0 1px var(--card-hairline-hard-color);\n\n    &:not([hidden]) {\n      display: inline-block;\n    }\n  `\n}\n\nconst Root = styled.kbd<ResponsiveRadiusStyleProps>(responsiveRadiusStyle, kbdStyle)\n\n/**\n * @public\n */\nexport const KBD = forwardRef(function KBD(\n  props: KBDProps & Omit<React.HTMLProps<HTMLElement>, 'as' | 'ref' | 'size'>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const {children, fontSize = 1, padding = 1, radius = 2, ...restProps} = props\n\n  return (\n    <Root data-ui=\"KBD\" {...restProps} $radius={radius} ref={ref}>\n      <Box as=\"span\" padding={padding}>\n        <Code as=\"span\" muted size={fontSize}>\n          {children}\n        </Code>\n      </Box>\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAYA,oBAAoB;AAClB,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWT,MAAM,OAAO,OAAO,IAAgC,uBAAuB;AAKpE,MAAM,MAAM,WAAW,cAC5B,OACA,KACA;AACA,QAAwE,YAAjE,YAAU,WAAW,GAAG,UAAU,GAAG,SAAS,MAAmB,IAAb,sBAAa,IAAb,CAApD,YAAU,YAAc,WAAa;AAE5C,SACE,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KAAU,YAAxB;AAAA,IAAmC,SAAS;AAAA,IAAQ;AAAA,MAClD,oCAAC,KAAD;AAAA,IAAK,IAAG;AAAA,IAAO;AAAA,KACb,oCAAC,MAAD;AAAA,IAAM,IAAG;AAAA,IAAO,OAAK;AAAA,IAAC,MAAM;AAAA,KACzB;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAYA,oBAAoB;AAClB,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWT,MAAM,OAAO,OAAO,IAAgC,uBAAuB;AAKpE,MAAM,MAAM,WAAW,cAC5B,OACA,KACA;AACA,QAAwE,YAAjE,YAAU,WAAW,GAAG,UAAU,GAAG,SAAS,MAAmB,IAAb,sBAAa,IAAb,CAApD,YAAU,YAAc,WAAa;AAE5C,SACE,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KAAU,YAAxB;AAAA,IAAmC,SAAS;AAAA,IAAQ;AAAA,MAClD,oCAAC,KAAD;AAAA,IAAK,IAAG;AAAA,IAAO;AAAA,KACb,oCAAC,MAAD;AAAA,IAAM,IAAG;AAAA,IAAO,OAAK;AAAA,IAAC,MAAM;AAAA,KACzB;AAAA;",
   "names": []
 }

package/lib/esm/primitives/label/label.js CHANGED Viewed

@@ -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/label/label.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/label/label.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\nimport {responsiveLabelFont, responsiveTextAlignStyle} from '../../styles/internal'\nimport {ThemeFontWeightKey} from '../../theme'\nimport {TextAlign} from '../../types'\nimport {labelBaseStyle} from './styles'\n\n/**\n * @public\n */\nexport interface LabelProps {\n  accent?: boolean\n  align?: TextAlign | TextAlign[]\n  as?: React.ElementType | keyof JSX.IntrinsicElements\n  muted?: boolean\n  size?: number | number[]\n  /**\n   * Controls how overflowing text is treated.\n   * Use `textOverflow=\"ellipsis\"` to render text as a single line which is concatenated with a `\u2026` symbol.\n   * @beta\n   */\n  textOverflow?: 'ellipsis'\n  weight?: ThemeFontWeightKey\n}\n\nconst Root = styled.div<{\n  $accent?: boolean\n  $align?: TextAlign | TextAlign[]\n  $muted: boolean\n  $size: number[]\n}>(responsiveLabelFont, responsiveTextAlignStyle, labelBaseStyle)\n\nconst SpanWithTextOverflow = styled.span`\n  display: block;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n`\n\n/**\n * @public\n */\nexport const Label = forwardRef(function Label(\n  props: LabelProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'size'>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const {\n    accent,\n    align,\n    children: childrenProp,\n    muted = false,\n    size = 2,\n    textOverflow,\n    weight,\n    ...restProps\n  } = props\n\n  let children = childrenProp\n\n  if (textOverflow === 'ellipsis') {\n    children = <SpanWithTextOverflow>{children}</SpanWithTextOverflow>\n  } else {\n    children = <span>{children}</span>\n  }\n\n  return (\n    <Root\n      data-ui=\"Label\"\n      {...restProps}\n      $accent={accent}\n      $align={align}\n      $muted={muted}\n      $size={size}\n      $weight={weight}\n      ref={ref}\n    >\n      {children}\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAGA;AAoBA,MAAM,OAAO,OAAO,IAKjB,qBAAqB,0BAA0B;AAElD,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAU7B,MAAM,QAAQ,WAAW,gBAC9B,OACA,KACA;AACA,QASI,YARF;AAAA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP;AAAA,IACA;AAAA,MAEE,IADC,sBACD,IADC;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,MAAI,WAAW;AAEf,MAAI,iBAAiB,YAAY;AAC/B,eAAW,oCAAC,sBAAD,MAAuB;AAAA,SAC7B;AACL,eAAW,oCAAC,QAAD,MAAO;AAAA;AAGpB,SACE,oCAAC,MAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT;AAAA,MAEC;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAGA;AAoBA,MAAM,OAAO,OAAO,IAKjB,qBAAqB,0BAA0B;AAElD,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAU7B,MAAM,QAAQ,WAAW,gBAC9B,OACA,KACA;AACA,QASI,YARF;AAAA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP;AAAA,IACA;AAAA,MAEE,IADC,sBACD,IADC;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,MAAI,WAAW;AAEf,MAAI,iBAAiB,YAAY;AAC/B,eAAW,oCAAC,sBAAD,MAAuB;AAAA,SAC7B;AACL,eAAW,oCAAC,QAAD,MAAO;AAAA;AAGpB,SACE,oCAAC,MAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT;AAAA,MAEC;AAAA;",
   "names": []
 }

package/lib/esm/primitives/popover/arrow.js CHANGED Viewed

@@ -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 React, { forwardRef } from "react";
 import styled from "styled-components";
 const Root = styled.div`

package/lib/esm/primitives/popover/arrow.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/popover/arrow.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\n\nconst Root = styled.div`\n  position: absolute;\n  pointer-events: none;\n  width: 27px;\n  height: 27px;\n  fill: none;\n\n  :empty + & {\n    display: none;\n  }\n\n  & > svg {\n    display: block;\n    transform-origin: 13.5px 13.5px;\n  }\n\n  [data-popper-placement^='top'] > div > & {\n    bottom: -27px;\n  }\n\n  [data-popper-placement^='right'] > div > & {\n    left: -27px;\n\n    & > svg {\n      transform: rotate(90deg);\n    }\n  }\n\n  [data-popper-placement^='left'] > div > & {\n    right: -27px;\n\n    & > svg {\n      transform: rotate(-90deg);\n    }\n  }\n\n  [data-popper-placement^='bottom'] > div > & {\n    top: -27px;\n\n    & > svg {\n      transform: rotate(180deg);\n    }\n  }\n`\n\nconst BorderPath = styled.path`\n  fill: var(--card-shadow-outline-color);\n`\n\nconst ShapePath = styled.path`\n  fill: var(--card-bg-color);\n`\n\nexport const PopoverArrow = forwardRef(function PopoverArrow(\n  props: Omit<React.HTMLProps<HTMLDivElement>, 'as'>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  return (\n    <Root data-ui=\"PopoverArrow\" {...props} ref={ref}>\n      <svg\n        width=\"27\"\n        height=\"11\"\n        viewBox=\"0 0 27 11\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <BorderPath d=\"M1.18708 1C3.29803 1.0011 5.29585 1.95479 6.62414 3.59561L11.1683 9.20895C12.369 10.6922 14.631 10.6922 15.8317 9.20894L20.3759 3.59561C21.7042 1.95478 23.702 1.0011 25.8129 1H21.9436C21.0533 1.49255 20.2545 2.15618 19.5986 2.96641L15.0545 8.57975C14.254 9.56855 12.746 9.56855 11.9455 8.57975L7.40139 2.96642C6.74548 2.15618 5.94673 1.49255 5.05643 1H1.18708Z\" />\n        <ShapePath d=\"M1.18342 0C3.59749 0 5.88246 1.0901 7.40138 2.96642L11.9455 8.57975C12.746 9.56855 14.254 9.56855 15.0545 8.57975L19.5986 2.96641C21.1175 1.0901 23.4025 0 25.8166 0H27H0H1.18342Z\" />\n      </svg>\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEA,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CpB,MAAM,aAAa,OAAO;AAAA;AAAA;AAI1B,MAAM,YAAY,OAAO;AAAA;AAAA;AAIlB,MAAM,eAAe,WAAW,uBACrC,OACA,KACA;AACA,SACE,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KAAmB,QAAjC;AAAA,IAAwC;AAAA,MACtC,oCAAC,OAAD;AAAA,IACE,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,KAEN,oCAAC,YAAD;AAAA,IAAY,GAAE;AAAA,MACd,oCAAC,WAAD;AAAA,IAAW,GAAE;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEA,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CpB,MAAM,aAAa,OAAO;AAAA;AAAA;AAI1B,MAAM,YAAY,OAAO;AAAA;AAAA;AAIlB,MAAM,eAAe,WAAW,uBACrC,OACA,KACA;AACA,SACE,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KAAmB,QAAjC;AAAA,IAAwC;AAAA,MACtC,oCAAC,OAAD;AAAA,IACE,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,KAEN,oCAAC,YAAD;AAAA,IAAY,GAAE;AAAA,MACd,oCAAC,WAAD;AAAA,IAAW,GAAE;AAAA;AAAA;",
   "names": []
 }

package/lib/esm/primitives/popover/modifiers/getPopoverModifiers.js CHANGED Viewed

@@ -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 maxSizeModifier from "popper-max-size-modifier";
 function getPopoverModifiers(props) {
   const {

package/lib/esm/primitives/popover/modifiers/getPopoverModifiers.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/primitives/popover/modifiers/getPopoverModifiers.ts"],
   "sourcesContent": ["import maxSizeModifier from 'popper-max-size-modifier'\nimport {Modifier} from 'react-popper'\nimport {PopoverModifiersProps} from './types'\n\n/*\n\nThe order of popper phases:\n\n- beforeRead\n- read\n- afterRead\n- beforeMain\n- main\n- afterMain\n- beforeWrite\n- write\n- afterWrite\n\n*/\n\nexport function getPopoverModifiers(props: PopoverModifiersProps): Modifier<any, any>[] {\n  const {\n    allowedAutoPlacements,\n    arrow,\n    arrowElement,\n    boundaryElement,\n    constrainSize,\n    distance,\n    fallbackPlacements,\n    margins,\n    matchReferenceWidth,\n    open,\n    preventOverflow,\n    skidding,\n    tether,\n    tetherOffset,\n  } = props\n\n  // NOTE: For later viewers:\n  // Prior to adding this change, the popover would get `maxWidth: 0` the 2nd time it\n  // was opened, when used with `constrainSize`. I was looking for a way to \"reset\"\n  // the size of the popover as measured by Popper.js, and this seems to be a workaround.\n  if (!open) {\n    return []\n  }\n\n  const detectOverflowOptions = {\n    altAxis: !constrainSize,\n    boundary: boundaryElement || undefined,\n    padding: 8,\n    tether,\n    tetherOffset,\n  }\n\n  return [\n    constrainSize && {\n      ...maxSizeModifier,\n      options: detectOverflowOptions,\n    },\n    constrainSize && {\n      name: 'applyMaxSize',\n      enabled: true,\n      phase: 'beforeWrite',\n      requires: ['maxSize'],\n      fn({state}: any) {\n        const {width, height} = state.modifiersData.maxSize\n\n        state.styles.popper = {\n          ...state.styles.popper,\n          maxWidth: `${width}px`,\n          maxHeight: `${height}px`,\n        }\n      },\n    },\n    arrow && {\n      name: 'arrow',\n      options: {\n        element: arrowElement,\n        padding: 4,\n      },\n    },\n    (constrainSize || preventOverflow) && {\n      name: 'preventOverflow',\n      options: detectOverflowOptions,\n    },\n    {\n      name: 'offset',\n      options: {\n        offset: [skidding, distance],\n      },\n    },\n    margins && {\n      name: 'margins',\n      enabled: true,\n      phase: 'beforeRead',\n      fn: ({state}: any) => {\n        const {rects} = state\n\n        if (rects.reference) {\n          rects.reference.x += margins[3]\n          rects.reference.y += margins[1]\n          rects.reference.width -= margins[1] + margins[3]\n          rects.reference.height -= margins[0] + margins[2]\n        }\n      },\n    },\n    {\n      name: 'flip',\n      options: {\n        allowedAutoPlacements,\n        boundary: boundaryElement || undefined,\n        fallbackPlacements,\n        padding: 8,\n      },\n    },\n    matchReferenceWidth && {\n      name: 'matchWidth',\n      enabled: true,\n      phase: 'beforeWrite',\n      requires: ['computeStyles'],\n      fn({state}: any) {\n        const {width} = state.rects.reference\n\n        state.styles.popper.width = `${width}px`\n      },\n      effect: ({state}: any) => {\n        const refElement = state.elements.reference\n\n        if (refElement instanceof HTMLElement) {\n          state.elements.popper.style.width = `${\n            refElement.offsetWidth - (margins ? margins[1] + margins[3] : 0)\n          }px`\n        }\n      },\n    },\n  ].filter(Boolean) as Modifier<any, any>[]\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAoBO,6BAA6B,OAAoD;AACtF,QAAM;AAAA,IACJ;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,MACE;AAMJ,MAAI,CAAC,MAAM;AACT,WAAO;AAAA;AAGT,QAAM,wBAAwB;AAAA,IAC5B,SAAS,CAAC;AAAA,IACV,UAAU,mBAAmB;AAAA,IAC7B,SAAS;AAAA,IACT;AAAA,IACA;AAAA;AAGF,SAAO;AAAA,IACL,iBAAiB,iCACZ,kBADY;AAAA,MAEf,SAAS;AAAA;AAAA,IAEX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU,CAAC;AAAA,MACX,GAAG,EAAC,SAAa;AACf,cAAM,EAAC,OAAO,WAAU,MAAM,cAAc;AAE5C,cAAM,OAAO,SAAS,iCACjB,MAAM,OAAO,SADI;AAAA,UAEpB,UAAU,GAAG;AAAA,UACb,WAAW,GAAG;AAAA;AAAA;AAAA;AAAA,IAIpB,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA;AAAA;AAAA,IAGZ,kBAAiB,oBAAoB;AAAA,MACpC,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,QACP,QAAQ,CAAC,UAAU;AAAA;AAAA;AAAA,IAGvB,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,IAAI,CAAC,EAAC,YAAgB;AACpB,cAAM,EAAC,UAAS;AAEhB,YAAI,MAAM,WAAW;AACnB,gBAAM,UAAU,KAAK,QAAQ;AAC7B,gBAAM,UAAU,KAAK,QAAQ;AAC7B,gBAAM,UAAU,SAAS,QAAQ,KAAK,QAAQ;AAC9C,gBAAM,UAAU,UAAU,QAAQ,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,IAIrD;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,QACP;AAAA,QACA,UAAU,mBAAmB;AAAA,QAC7B;AAAA,QACA,SAAS;AAAA;AAAA;AAAA,IAGb,uBAAuB;AAAA,MACrB,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU,CAAC;AAAA,MACX,GAAG,EAAC,SAAa;AACf,cAAM,EAAC,UAAS,MAAM,MAAM;AAE5B,cAAM,OAAO,OAAO,QAAQ,GAAG;AAAA;AAAA,MAEjC,QAAQ,CAAC,EAAC,YAAgB;AACxB,cAAM,aAAa,MAAM,SAAS;AAElC,YAAI,sBAAsB,aAAa;AACrC,gBAAM,SAAS,OAAO,MAAM,QAAQ,GAClC,WAAW,cAAe,WAAU,QAAQ,KAAK,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,IAKtE,OAAO;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAoBO,6BAA6B,OAAoD;AACtF,QAAM;AAAA,IACJ;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,MACE;AAMJ,MAAI,CAAC,MAAM;AACT,WAAO;AAAA;AAGT,QAAM,wBAAwB;AAAA,IAC5B,SAAS,CAAC;AAAA,IACV,UAAU,mBAAmB;AAAA,IAC7B,SAAS;AAAA,IACT;AAAA,IACA;AAAA;AAGF,SAAO;AAAA,IACL,iBAAiB,iCACZ,kBADY;AAAA,MAEf,SAAS;AAAA;AAAA,IAEX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU,CAAC;AAAA,MACX,GAAG,EAAC,SAAa;AACf,cAAM,EAAC,OAAO,WAAU,MAAM,cAAc;AAE5C,cAAM,OAAO,SAAS,iCACjB,MAAM,OAAO,SADI;AAAA,UAEpB,UAAU,GAAG;AAAA,UACb,WAAW,GAAG;AAAA;AAAA;AAAA;AAAA,IAIpB,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA;AAAA;AAAA,IAGZ,kBAAiB,oBAAoB;AAAA,MACpC,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,QACP,QAAQ,CAAC,UAAU;AAAA;AAAA;AAAA,IAGvB,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,IAAI,CAAC,EAAC,YAAgB;AACpB,cAAM,EAAC,UAAS;AAEhB,YAAI,MAAM,WAAW;AACnB,gBAAM,UAAU,KAAK,QAAQ;AAC7B,gBAAM,UAAU,KAAK,QAAQ;AAC7B,gBAAM,UAAU,SAAS,QAAQ,KAAK,QAAQ;AAC9C,gBAAM,UAAU,UAAU,QAAQ,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,IAIrD;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,QACP;AAAA,QACA,UAAU,mBAAmB;AAAA,QAC7B;AAAA,QACA,SAAS;AAAA;AAAA;AAAA,IAGb,uBAAuB;AAAA,MACrB,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU,CAAC;AAAA,MACX,GAAG,EAAC,SAAa;AACf,cAAM,EAAC,UAAS,MAAM,MAAM;AAE5B,cAAM,OAAO,OAAO,QAAQ,GAAG;AAAA;AAAA,MAEjC,QAAQ,CAAC,EAAC,YAAgB;AACxB,cAAM,aAAa,MAAM,SAAS;AAElC,YAAI,sBAAsB,aAAa;AACrC,gBAAM,SAAS,OAAO,MAAM,QAAQ,GAClC,WAAW,cAAe,WAAU,QAAQ,KAAK,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,IAKtE,OAAO;AAAA;",
   "names": []
 }

package/lib/esm/primitives/popover/popover.js CHANGED Viewed

@@ -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/popover/popover.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/popover/popover.tsx"],
   "sourcesContent": ["import React, {cloneElement, forwardRef, useCallback, useEffect, useMemo, useState} from 'react'\nimport {usePopper} from 'react-popper'\nimport styled, {css} from 'styled-components'\nimport {EMPTY_RECORD} from '../../constants'\nimport {useForwardedRef} from '../../hooks'\nimport {ThemeColorSchemeKey, useTheme} from '../../theme'\nimport {CardTone, Placement, PopoverMargins} from '../../types'\nimport {Layer, LayerProps, Portal, useBoundaryElement, usePortal} from '../../utils'\nimport {Card} from '../card'\nimport {ResponsiveWidthStyleProps} from '../container'\nimport {responsiveContainerWidthStyle} from '../container/styles'\nimport {ResponsiveRadiusProps, ResponsiveShadowProps, ResponsiveWidthProps} from '../types'\nimport {PopoverArrow} from './arrow'\nimport {usePopoverModifiers} from './modifiers'\n\n/**\n * @public\n */\nexport interface PopoverProps\n  extends Omit<LayerProps, 'as'>,\n    ResponsiveRadiusProps,\n    ResponsiveShadowProps,\n    ResponsiveWidthProps {\n  /**\n   * @beta\n   */\n  __unstable_margins?: PopoverMargins\n  allowedAutoPlacements?: Placement[]\n  arrow?: boolean\n  boundaryElement?: HTMLElement | null\n  children?: React.ReactElement\n  constrainSize?: boolean\n  content?: React.ReactNode\n  disabled?: boolean\n  fallbackPlacements?: Placement[]\n  open?: boolean\n  padding?: number | number[]\n  placement?: Placement\n  portal?: boolean\n  preventOverflow?: boolean\n  referenceElement?: HTMLElement | null\n  matchReferenceWidth?: boolean\n  scheme?: ThemeColorSchemeKey\n  tether?: boolean\n  tetherOffset?: number | ((...args: any[]) => number)\n  tone?: CardTone\n}\n\nconst Root = styled(Layer)<{$preventOverflow?: boolean}>(\n  ({$preventOverflow}) => css`\n    pointer-events: none;\n    display: flex;\n    flex-direction: column;\n    max-width: calc(100% - 16px);\n\n    & > * {\n      min-height: 0;\n    }\n\n    /* Hide the popover when the reference element is out of bounds */\n    ${$preventOverflow &&\n    css`\n      &[data-popper-reference-hidden='true'] {\n        display: none;\n      }\n    `}\n  `\n)\n\nconst PopoverCard = styled(Card)<\n  ResponsiveWidthStyleProps & {\n    $constrainSize?: boolean\n    $preventOverflow?: boolean\n  }\n>(\n  ({$constrainSize}) => css`\n    flex: 1;\n    max-height: ${$constrainSize && '100%'};\n    pointer-events: all;\n\n    && {\n      display: flex;\n    }\n\n    flex-direction: column;\n\n    & > * {\n      min-height: 0;\n    }\n\n    ${responsiveContainerWidthStyle}\n  `\n)\n\n/**\n * @public\n */\nexport const Popover = forwardRef(function Popover(\n  props: PopoverProps &\n    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'content' | 'width'>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const boundaryElementContext = useBoundaryElement()\n  const theme = useTheme()\n  const {\n    __unstable_margins: margins,\n    allowedAutoPlacements,\n    arrow = true,\n    boundaryElement: boundaryElementProp = boundaryElementContext.element,\n    children: child,\n    content,\n    constrainSize,\n    disabled,\n    fallbackPlacements,\n    open = false,\n    padding,\n    placement = 'bottom',\n    portal: portalProp = false,\n    preventOverflow,\n    radius = 3,\n    referenceElement: referenceElementProp,\n    matchReferenceWidth,\n    shadow = 3,\n    scheme,\n    style = EMPTY_RECORD,\n    tether,\n    tetherOffset,\n    tone = 'inherit',\n    width = 0,\n    zOffset = theme.sanity.layer?.popover.zOffset,\n    ...restProps\n  } = props\n  const forwardedRef = useForwardedRef(ref)\n  const portal = usePortal()\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null)\n  const [popperElement, setPopperElement] = useState<HTMLElement | null>(null)\n  const [arrowElement, setArrowElement] = useState<HTMLElement | null>(null)\n  const popperReferenceElement = referenceElementProp || referenceElement\n\n  const modifiers = usePopoverModifiers({\n    allowedAutoPlacements,\n    arrow,\n    arrowElement,\n    boundaryElement: boundaryElementProp || portal.boundaryElement,\n    constrainSize,\n    distance: arrow ? 4 : 0,\n    fallbackPlacements,\n    margins,\n    matchReferenceWidth,\n    open,\n    preventOverflow,\n    skidding: 0,\n    tether,\n    tetherOffset,\n  })\n\n  const popper = usePopper(popperReferenceElement, popperElement, {\n    placement,\n    modifiers,\n  })\n\n  const {attributes, forceUpdate, styles} = popper\n\n  const setRef = useCallback(\n    (el: HTMLElement | null) => {\n      const childRef = (child as any).ref\n\n      setReferenceElement(el)\n\n      if (typeof childRef === 'function') {\n        childRef(el)\n      } else if (childRef) {\n        childRef.current = el\n      }\n    },\n    [child]\n  )\n\n  const setRootRef = useCallback(\n    (el: HTMLDivElement | null) => {\n      setPopperElement(el)\n      forwardedRef.current = el\n    },\n    [forwardedRef]\n  )\n\n  const popoverStyle = useMemo(() => ({...style, ...styles.popper}), [style, styles])\n\n  useEffect(() => {\n    if (forceUpdate) {\n      try {\n        forceUpdate()\n      } catch (_) {\n        // ignore caught error\n      }\n    }\n  }, [content, forceUpdate, open, popperReferenceElement])\n\n  if (disabled) {\n    return child || <></>\n  }\n\n  const node = (\n    <Root\n      data-ui=\"Popover\"\n      {...restProps}\n      $preventOverflow={preventOverflow}\n      ref={setRootRef}\n      style={popoverStyle}\n      zOffset={zOffset}\n      {...attributes.popper}\n    >\n      <PopoverCard\n        $constrainSize={constrainSize}\n        data-ui=\"PopoverCard\"\n        padding={padding}\n        radius={radius}\n        scheme={scheme}\n        shadow={shadow}\n        tone={tone}\n        width={width as any}\n      >\n        {arrow && <PopoverArrow ref={setArrowElement} style={styles.arrow} />}\n        {content}\n      </PopoverCard>\n    </Root>\n  )\n\n  return (\n    <>\n      {child && !referenceElementProp ? cloneElement(child, {ref: setRef}) : child || <></>}\n\n      {open && (\n        <>\n          {portalProp && <Portal>{node}</Portal>}\n\n          {!portalProp && node}\n        </>\n      )}\n    </>\n  )\n})\n"],
-  "mappings": "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",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AAmCA,MAAM,OAAO,OAAO,OAClB,CAAC,EAAC,uBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAWpB,oBACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAQJ,MAAM,cAAc,OAAO,MAMzB,CAAC,EAAC,qBAAoB;AAAA;AAAA,kBAEN,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAa9B;AAAA;AAOC,MAAM,UAAU,WAAW,kBAChC,OAEA,KACA;AArGF;AAsGE,QAAM,yBAAyB;AAC/B,QAAM,QAAQ;AACd,QA2BI,YA1BF;AAAA,wBAAoB;AAAA,IACpB;AAAA,IACA,QAAQ;AAAA,IACR,iBAAiB,sBAAsB,uBAAuB;AAAA,IAC9D,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,YAAY;AAAA,IACZ,QAAQ,aAAa;AAAA,IACrB;AAAA,IACA,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU,YAAM,OAAO,UAAb,mBAAoB,QAAQ;AAAA,MAEpC,IADC,sBACD,IADC;AAAA,IAzBH;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;AAGF,QAAM,eAAe,gBAAgB;AACrC,QAAM,SAAS;AACf,QAAM,CAAC,kBAAkB,uBAAuB,SAA6B;AAC7E,QAAM,CAAC,eAAe,oBAAoB,SAA6B;AACvE,QAAM,CAAC,cAAc,mBAAmB,SAA6B;AACrE,QAAM,yBAAyB,wBAAwB;AAEvD,QAAM,YAAY,oBAAoB;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB,uBAAuB,OAAO;AAAA,IAC/C;AAAA,IACA,UAAU,QAAQ,IAAI;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA;AAGF,QAAM,SAAS,UAAU,wBAAwB,eAAe;AAAA,IAC9D;AAAA,IACA;AAAA;AAGF,QAAM,EAAC,YAAY,aAAa,WAAU;AAE1C,QAAM,SAAS,YACb,CAAC,OAA2B;AAC1B,UAAM,WAAY,MAAc;AAEhC,wBAAoB;AAEpB,QAAI,OAAO,aAAa,YAAY;AAClC,eAAS;AAAA,eACA,UAAU;AACnB,eAAS,UAAU;AAAA;AAAA,KAGvB,CAAC;AAGH,QAAM,aAAa,YACjB,CAAC,OAA8B;AAC7B,qBAAiB;AACjB,iBAAa,UAAU;AAAA,KAEzB,CAAC;AAGH,QAAM,eAAe,QAAQ,MAAO,kCAAI,QAAU,OAAO,SAAU,CAAC,OAAO;AAE3E,YAAU,MAAM;AACd,QAAI,aAAa;AACf,UAAI;AACF;AAAA,eACO,GAAP;AAAA;AAAA;AAAA,KAIH,CAAC,SAAS,aAAa,MAAM;AAEhC,MAAI,UAAU;AACZ,WAAO,SAAS;AAAA;AAGlB,QAAM,OACJ,oCAAC,MAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,kBAAkB;AAAA,IAClB,KAAK;AAAA,IACL,OAAO;AAAA,IACP;AAAA,MACI,WAAW,SAEf,oCAAC,aAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,WAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,SAAS,oCAAC,cAAD;AAAA,IAAc,KAAK;AAAA,IAAiB,OAAO,OAAO;AAAA,MAC3D;AAKP,SACE,0DACG,SAAS,CAAC,uBAAuB,aAAa,OAAO,EAAC,KAAK,YAAW,SAAS,2DAE/E,QACC,0DACG,cAAc,oCAAC,QAAD,MAAS,OAEvB,CAAC,cAAc;AAAA;",
   "names": []
 }

package/lib/esm/primitives/radio/radio.js CHANGED Viewed

@@ -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/radio/radio.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/radio/radio.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\nimport {useForwardedRef, useCustomValidity} from '../../hooks'\nimport {radioBaseStyle, inputElementStyle} from './styles'\n\n/**\n * @public\n */\nexport interface RadioProps {\n  customValidity?: string\n}\n\nconst Root = styled.div(radioBaseStyle)\nconst Input = styled.input(inputElementStyle)\n\n/**\n * @public\n */\nexport const Radio = forwardRef(function Radio(\n  props: Omit<React.HTMLProps<HTMLInputElement>, 'as' | 'type'> & RadioProps,\n  forwardedRef: React.ForwardedRef<HTMLInputElement>\n) {\n  const {className, disabled, style, customValidity, readOnly, ...restProps} = props\n  const ref = useForwardedRef(forwardedRef)\n\n  useCustomValidity(ref, customValidity)\n\n  return (\n    <Root className={className} data-ui=\"Radio\" style={style}>\n      <Input\n        data-read-only={!disabled && readOnly ? '' : undefined}\n        {...restProps}\n        disabled={disabled || readOnly}\n        readOnly={readOnly}\n        ref={ref}\n        type=\"radio\"\n      />\n      <span />\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AASA,MAAM,OAAO,OAAO,IAAI;AACxB,MAAM,QAAQ,OAAO,MAAM;AAKpB,MAAM,QAAQ,WAAW,gBAC9B,OACA,cACA;AACA,QAA6E,YAAtE,aAAW,UAAU,OAAO,gBAAgB,aAA0B,IAAb,sBAAa,IAAb,CAAzD,aAAW,YAAU,SAAO,kBAAgB;AACnD,QAAM,MAAM,gBAAgB;AAE5B,oBAAkB,KAAK;AAEvB,SACE,oCAAC,MAAD;AAAA,IAAM;AAAA,IAAsB,WAAQ;AAAA,IAAQ;AAAA,KAC1C,oCAAC,OAAD;AAAA,IACE,kBAAgB,CAAC,YAAY,WAAW,KAAK;AAAA,KACzC,YAFN;AAAA,IAGE,UAAU,YAAY;AAAA,IACtB;AAAA,IACA;AAAA,IACA,MAAK;AAAA,OAEP,oCAAC,QAAD;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AASA,MAAM,OAAO,OAAO,IAAI;AACxB,MAAM,QAAQ,OAAO,MAAM;AAKpB,MAAM,QAAQ,WAAW,gBAC9B,OACA,cACA;AACA,QAA6E,YAAtE,aAAW,UAAU,OAAO,gBAAgB,aAA0B,IAAb,sBAAa,IAAb,CAAzD,aAAW,YAAU,SAAO,kBAAgB;AACnD,QAAM,MAAM,gBAAgB;AAE5B,oBAAkB,KAAK;AAEvB,SACE,oCAAC,MAAD;AAAA,IAAM;AAAA,IAAsB,WAAQ;AAAA,IAAQ;AAAA,KAC1C,oCAAC,OAAD;AAAA,IACE,kBAAgB,CAAC,YAAY,WAAW,KAAK;AAAA,KACzC,YAFN;AAAA,IAGE,UAAU,YAAY;AAAA,IACtB;AAAA,IACA;AAAA,IACA,MAAK;AAAA,OAEP,oCAAC,QAAD;AAAA;",
   "names": []
 }

package/lib/esm/primitives/select/select.js CHANGED Viewed

@@ -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/select/select.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/select/select.tsx"],
   "sourcesContent": ["import {SelectIcon} from '@sanity/icons'\nimport React, {forwardRef} from 'react'\nimport styled from 'styled-components'\nimport {useForwardedRef, useCustomValidity} from '../../hooks'\nimport {Box} from '../box'\nimport {Text} from '../text'\nimport {selectStyle} from './styles'\n\n/**\n * @public\n */\nexport interface SelectProps {\n  fontSize?: number | number[]\n  padding?: number | number[]\n  radius?: number | number[]\n  space?: number | number[]\n  customValidity?: string\n}\n\nconst Root = styled.div(selectStyle.root)\n\nconst Input = styled.select<{\n  $fontSize?: number | number[]\n  $padding?: number | number[]\n  $radius?: number | number[]\n  $space?: number | number[]\n}>(selectStyle.input)\n\nconst IconBox = styled(Box)(selectStyle.iconBox)\n\n/**\n * @public\n */\nexport const Select = forwardRef(function Select(\n  props: SelectProps & Omit<React.HTMLProps<HTMLSelectElement>, 'as'>,\n  forwardedRef: React.ForwardedRef<HTMLSelectElement>\n) {\n  const {\n    children,\n    customValidity,\n    disabled,\n    fontSize = 2,\n    padding = 3,\n    radius = 1,\n    readOnly,\n    space = 3,\n    ...restProps\n  } = props\n\n  const ref = useForwardedRef(forwardedRef)\n\n  useCustomValidity(ref, customValidity)\n\n  return (\n    <Root data-ui=\"Select\">\n      <Input\n        data-read-only={!disabled && readOnly ? '' : undefined}\n        data-ui=\"Select\"\n        {...restProps}\n        $fontSize={fontSize}\n        $padding={padding}\n        $radius={radius}\n        $space={space}\n        disabled={disabled || readOnly}\n        ref={ref}\n      >\n        {children}\n      </Input>\n\n      <IconBox padding={padding}>\n        <Text size={fontSize}>\n          <SelectIcon />\n        </Text>\n      </IconBox>\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAaA,MAAM,OAAO,OAAO,IAAI,YAAY;AAEpC,MAAM,QAAQ,OAAO,OAKlB,YAAY;AAEf,MAAM,UAAU,OAAO,KAAK,YAAY;AAKjC,MAAM,SAAS,WAAW,iBAC/B,OACA,cACA;AACA,QAUI,YATF;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MAEN,IADC,sBACD,IADC;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAAM,MAAM,gBAAgB;AAE5B,oBAAkB,KAAK;AAEvB,SACE,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KACZ,oCAAC,OAAD;AAAA,IACE,kBAAgB,CAAC,YAAY,WAAW,KAAK;AAAA,IAC7C,WAAQ;AAAA,KACJ,YAHN;AAAA,IAIE,WAAW;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,UAAU,YAAY;AAAA,IACtB;AAAA,MAEC,WAGH,oCAAC,SAAD;AAAA,IAAS;AAAA,KACP,oCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,KACV,oCAAC,YAAD;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAaA,MAAM,OAAO,OAAO,IAAI,YAAY;AAEpC,MAAM,QAAQ,OAAO,OAKlB,YAAY;AAEf,MAAM,UAAU,OAAO,KAAK,YAAY;AAKjC,MAAM,SAAS,WAAW,iBAC/B,OACA,cACA;AACA,QAUI,YATF;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MAEN,IADC,sBACD,IADC;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAAM,MAAM,gBAAgB;AAE5B,oBAAkB,KAAK;AAEvB,SACE,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KACZ,oCAAC,OAAD;AAAA,IACE,kBAAgB,CAAC,YAAY,WAAW,KAAK;AAAA,IAC7C,WAAQ;AAAA,KACJ,YAHN;AAAA,IAIE,WAAW;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,UAAU,YAAY;AAAA,IACtB;AAAA,MAEC,WAGH,oCAAC,SAAD;AAAA,IAAS;AAAA,KACP,oCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,KACV,oCAAC,YAAD;AAAA;",
   "names": []
 }

package/lib/esm/primitives/spinner/spinner.js CHANGED Viewed

@@ -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 { SpinnerIcon } from "@sanity/icons";
 import React, { forwardRef } from "react";
 import styled, { keyframes } from "styled-components";

package/lib/esm/primitives/spinner/spinner.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/spinner/spinner.tsx"],
   "sourcesContent": ["import {SpinnerIcon} from '@sanity/icons'\nimport React, {forwardRef} from 'react'\nimport styled, {keyframes} from 'styled-components'\nimport {Text} from '../text'\n\n/**\n * @public\n */\nexport interface SpinnerProps {\n  muted?: boolean\n  size?: number | number[]\n}\n\nconst rotate = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n`\n\nconst Root = styled(Text)`\n  & > span > svg {\n    animation: ${rotate} 500ms linear infinite;\n  }\n`\n\n/**\n * @public\n */\nexport const Spinner = forwardRef(function Spinner(\n  props: SpinnerProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'size'>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  return (\n    <Root data-ui=\"Spinner\" {...props} ref={ref}>\n      <SpinnerIcon />\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAUA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUf,MAAM,OAAO,OAAO;AAAA;AAAA,iBAEH;AAAA;AAAA;AAOV,MAAM,UAAU,WAAW,kBAChC,OACA,KACA;AACA,SACE,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KAAc,QAA5B;AAAA,IAAmC;AAAA,MACjC,oCAAC,aAAD;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAUA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUf,MAAM,OAAO,OAAO;AAAA;AAAA,iBAEH;AAAA;AAAA;AAOV,MAAM,UAAU,WAAW,kBAChC,OACA,KACA;AACA,SACE,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KAAc,QAA5B;AAAA,IAAmC;AAAA,MACjC,oCAAC,aAAD;AAAA;",
   "names": []
 }

package/lib/esm/primitives/stack/stack.js CHANGED Viewed

@@ -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/stack/stack.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/stack/stack.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\nimport {Box, BoxProps} from '../box'\nimport {stackBaseStyle, responsiveStackSpaceStyle, ResponsiveStackSpaceStyleProps} from './styles'\n\n/**\n * @public\n */\nexport interface StackProps extends BoxProps {\n  as?: React.ElementType | keyof JSX.IntrinsicElements\n  space?: number | number[]\n}\n\nconst Root = styled(Box)<ResponsiveStackSpaceStyleProps>(stackBaseStyle, responsiveStackSpaceStyle)\n\n/**\n * @public\n */\nexport const Stack = forwardRef(function Stack(\n  props: StackProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'ref'>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const {as, space, ...restProps} = props\n\n  return (\n    <Root\n      data-as={typeof as === 'string' ? as : undefined}\n      data-ui=\"Stack\"\n      {...restProps}\n      $space={space}\n      forwardedAs={as}\n      ref={ref}\n    />\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAUA,MAAM,OAAO,OAAO,KAAqC,gBAAgB;AAKlE,MAAM,QAAQ,WAAW,gBAC9B,OACA,KACA;AACA,QAAkC,YAA3B,MAAI,UAAuB,IAAb,sBAAa,IAAb,CAAd,MAAI;AAEX,SACE,oCAAC,MAAD;AAAA,IACE,WAAS,OAAO,OAAO,WAAW,KAAK;AAAA,IACvC,WAAQ;AAAA,KACJ,YAHN;AAAA,IAIE,QAAQ;AAAA,IACR,aAAa;AAAA,IACb;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAUA,MAAM,OAAO,OAAO,KAAqC,gBAAgB;AAKlE,MAAM,QAAQ,WAAW,gBAC9B,OACA,KACA;AACA,QAAkC,YAA3B,MAAI,UAAuB,IAAb,sBAAa,IAAb,CAAd,MAAI;AAEX,SACE,oCAAC,MAAD;AAAA,IACE,WAAS,OAAO,OAAO,WAAW,KAAK;AAAA,IACvC,WAAQ;AAAA,KACJ,YAHN;AAAA,IAIE,QAAQ;AAAA,IACR,aAAa;AAAA,IACb;AAAA;AAAA;",
   "names": []
 }

package/lib/esm/primitives/switch/switch.js CHANGED Viewed

@@ -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/switch/switch.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/switch/switch.tsx"],
   "sourcesContent": ["import React, {forwardRef, useEffect} from 'react'\nimport styled from 'styled-components'\nimport {useForwardedRef} from '../../hooks'\nimport {\n  switchBaseStyles,\n  switchRepresentationStyles,\n  switchThumbStyles,\n  switchTrackStyles,\n  switchInputStyles,\n} from './styles'\n\n/**\n * @public\n */\nexport interface SwitchProps {\n  indeterminate?: boolean\n}\n\nconst Root = styled.span(switchBaseStyles)\nconst Input = styled.input(switchInputStyles)\nconst Representation = styled.span(switchRepresentationStyles)\nconst Track = styled.span(switchTrackStyles)\nconst Thumb = styled.span<{$checked?: boolean; $indeterminate?: boolean}>(switchThumbStyles)\n\n/**\n * @public\n */\nexport const Switch = forwardRef(function Switch(\n  props: Omit<React.HTMLProps<HTMLInputElement>, 'as' | 'type'> & SwitchProps,\n  forwardedRef: React.ForwardedRef<HTMLInputElement>\n) {\n  const {checked, className, disabled, indeterminate, readOnly, style, ...restProps} = props\n  const ref = useForwardedRef(forwardedRef)\n\n  useEffect(() => {\n    if (ref.current) {\n      // Set the indeterminate state\n      ref.current.indeterminate = indeterminate || false\n    }\n  }, [indeterminate, ref])\n\n  return (\n    <Root className={className} data-ui=\"Switch\" style={style}>\n      <Input\n        data-read-only={!disabled && readOnly ? '' : undefined}\n        {...restProps}\n        checked={indeterminate !== true && checked}\n        disabled={disabled || readOnly}\n        type=\"checkbox\"\n        ref={ref}\n      />\n      <Representation aria-hidden data-name=\"representation\">\n        <Track />\n        <Thumb $checked={checked} $indeterminate={indeterminate} />\n      </Representation>\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeA,MAAM,OAAO,OAAO,KAAK;AACzB,MAAM,QAAQ,OAAO,MAAM;AAC3B,MAAM,iBAAiB,OAAO,KAAK;AACnC,MAAM,QAAQ,OAAO,KAAK;AAC1B,MAAM,QAAQ,OAAO,KAAqD;AAKnE,MAAM,SAAS,WAAW,iBAC/B,OACA,cACA;AACA,QAAqF,YAA9E,WAAS,WAAW,UAAU,eAAe,UAAU,UAAuB,IAAb,sBAAa,IAAb,CAAjE,WAAS,aAAW,YAAU,iBAAe,YAAU;AAC9D,QAAM,MAAM,gBAAgB;AAE5B,YAAU,MAAM;AACd,QAAI,IAAI,SAAS;AAEf,UAAI,QAAQ,gBAAgB,iBAAiB;AAAA;AAAA,KAE9C,CAAC,eAAe;AAEnB,SACE,oCAAC,MAAD;AAAA,IAAM;AAAA,IAAsB,WAAQ;AAAA,IAAS;AAAA,KAC3C,oCAAC,OAAD;AAAA,IACE,kBAAgB,CAAC,YAAY,WAAW,KAAK;AAAA,KACzC,YAFN;AAAA,IAGE,SAAS,kBAAkB,QAAQ;AAAA,IACnC,UAAU,YAAY;AAAA,IACtB,MAAK;AAAA,IACL;AAAA,OAEF,oCAAC,gBAAD;AAAA,IAAgB,eAAW;AAAA,IAAC,aAAU;AAAA,KACpC,oCAAC,OAAD,OACA,oCAAC,OAAD;AAAA,IAAO,UAAU;AAAA,IAAS,gBAAgB;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeA,MAAM,OAAO,OAAO,KAAK;AACzB,MAAM,QAAQ,OAAO,MAAM;AAC3B,MAAM,iBAAiB,OAAO,KAAK;AACnC,MAAM,QAAQ,OAAO,KAAK;AAC1B,MAAM,QAAQ,OAAO,KAAqD;AAKnE,MAAM,SAAS,WAAW,iBAC/B,OACA,cACA;AACA,QAAqF,YAA9E,WAAS,WAAW,UAAU,eAAe,UAAU,UAAuB,IAAb,sBAAa,IAAb,CAAjE,WAAS,aAAW,YAAU,iBAAe,YAAU;AAC9D,QAAM,MAAM,gBAAgB;AAE5B,YAAU,MAAM;AACd,QAAI,IAAI,SAAS;AAEf,UAAI,QAAQ,gBAAgB,iBAAiB;AAAA;AAAA,KAE9C,CAAC,eAAe;AAEnB,SACE,oCAAC,MAAD;AAAA,IAAM;AAAA,IAAsB,WAAQ;AAAA,IAAS;AAAA,KAC3C,oCAAC,OAAD;AAAA,IACE,kBAAgB,CAAC,YAAY,WAAW,KAAK;AAAA,KACzC,YAFN;AAAA,IAGE,SAAS,kBAAkB,QAAQ;AAAA,IACnC,UAAU,YAAY;AAAA,IACtB,MAAK;AAAA,IACL;AAAA,OAEF,oCAAC,gBAAD;AAAA,IAAgB,eAAW;AAAA,IAAC,aAAU;AAAA,KACpC,oCAAC,OAAD,OACA,oCAAC,OAAD;AAAA,IAAO,UAAU;AAAA,IAAS,gBAAgB;AAAA;AAAA;",
   "names": []
 }

package/lib/esm/primitives/text/text.js CHANGED Viewed

@@ -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/text/text.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/text/text.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\nimport {\n  ResponsiveFontStyleProps,\n  responsiveTextAlignStyle,\n  responsiveTextFont,\n} from '../../styles/internal'\nimport {ThemeFontWeightKey} from '../../theme'\nimport {TextAlign} from '../../types'\nimport {textBaseStyle} from './styles'\n\n/**\n * @public\n */\nexport interface TextProps {\n  accent?: boolean\n  align?: TextAlign | TextAlign[]\n  as?: React.ElementType | keyof JSX.IntrinsicElements\n  muted?: boolean\n  size?: number | number[]\n  /**\n   * Controls how overflowing text is treated.\n   * Use `textOverflow=\"ellipsis\"` to render text as a single line which is concatenated with a `\u2026` symbol.\n   * @beta\n   */\n  textOverflow?: 'ellipsis'\n  weight?: ThemeFontWeightKey\n}\n\nconst Root = styled.div<ResponsiveFontStyleProps>(\n  responsiveTextFont,\n  responsiveTextAlignStyle,\n  textBaseStyle\n)\n\nconst SpanWithTextOverflow = styled.span`\n  display: block;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n`\n\n/**\n * @public\n */\nexport const Text = forwardRef(function Text(\n  props: TextProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'size'>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const {\n    accent = false,\n    align,\n    children: childrenProp,\n    muted = false,\n    size = 2,\n    textOverflow,\n    weight,\n    ...restProps\n  } = props\n\n  let children = childrenProp\n\n  if (textOverflow === 'ellipsis') {\n    children = <SpanWithTextOverflow>{children}</SpanWithTextOverflow>\n  }\n\n  return (\n    <Root\n      data-ui=\"Text\"\n      {...restProps}\n      $accent={accent}\n      $align={align}\n      $muted={muted}\n      ref={ref}\n      $size={size}\n      $weight={weight}\n    >\n      <span>{children}</span>\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAOA;AAoBA,MAAM,OAAO,OAAO,IAClB,oBACA,0BACA;AAGF,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAU7B,MAAM,OAAO,WAAW,eAC7B,OACA,KACA;AACA,QASI,YARF;AAAA,aAAS;AAAA,IACT;AAAA,IACA,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP;AAAA,IACA;AAAA,MAEE,IADC,sBACD,IADC;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,MAAI,WAAW;AAEf,MAAI,iBAAiB,YAAY;AAC/B,eAAW,oCAAC,sBAAD,MAAuB;AAAA;AAGpC,SACE,oCAAC,MAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,SAAS;AAAA,MAET,oCAAC,QAAD,MAAO;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAOA;AAoBA,MAAM,OAAO,OAAO,IAClB,oBACA,0BACA;AAGF,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAU7B,MAAM,OAAO,WAAW,eAC7B,OACA,KACA;AACA,QASI,YARF;AAAA,aAAS;AAAA,IACT;AAAA,IACA,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP;AAAA,IACA;AAAA,MAEE,IADC,sBACD,IADC;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,MAAI,WAAW;AAEf,MAAI,iBAAiB,YAAY;AAC/B,eAAW,oCAAC,sBAAD,MAAuB;AAAA;AAGpC,SACE,oCAAC,MAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,SAAS;AAAA,MAET,oCAAC,QAAD,MAAO;AAAA;",
   "names": []
 }

package/lib/esm/primitives/textArea/textArea.js CHANGED Viewed

@@ -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/textArea/textArea.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/textArea/textArea.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\nimport {useForwardedRef, useCustomValidity} from '../../hooks'\nimport {\n  responsiveInputPaddingStyle,\n  responsiveRadiusStyle,\n  ResponsiveRadiusStyleProps,\n  TextInputResponsivePaddingStyleProps,\n  TextInputInputStyleProps,\n  TextInputRepresentationStyleProps,\n  textInputRootStyle,\n  textInputBaseStyle,\n  textInputFontSizeStyle,\n  textInputRepresentationStyle,\n} from '../../styles/internal'\nimport {ThemeFontWeightKey} from '../../theme'\nimport {ResponsiveRadiusProps} from '../types'\n\n/**\n * @public\n */\nexport interface TextAreaProps extends ResponsiveRadiusProps {\n  border?: boolean\n  customValidity?: string\n  fontSize?: number | number[]\n  padding?: number | number[]\n  weight?: ThemeFontWeightKey\n}\n\nconst Root = styled.span(textInputRootStyle)\n\nconst InputRoot = styled.span`\n  flex: 1;\n  min-width: 0;\n  display: block;\n  position: relative;\n`\n\nconst Input = styled.textarea<TextInputResponsivePaddingStyleProps & TextInputInputStyleProps>(\n  responsiveInputPaddingStyle,\n  textInputBaseStyle,\n  textInputFontSizeStyle\n)\n\nconst Presentation = styled.div<ResponsiveRadiusStyleProps & TextInputRepresentationStyleProps>(\n  responsiveRadiusStyle,\n  textInputRepresentationStyle\n)\n\n/**\n * @public\n */\nexport const TextArea = forwardRef(function TextArea(\n  props: TextAreaProps & Omit<React.HTMLProps<HTMLTextAreaElement>, 'as'>,\n  forwardedRef: React.ForwardedRef<HTMLTextAreaElement>\n) {\n  const {\n    border = true,\n    customValidity,\n    disabled = false,\n    fontSize = 2,\n    padding = 3,\n    radius = 1,\n    ...restProps\n  } = props\n\n  const ref = useForwardedRef(forwardedRef)\n\n  useCustomValidity(ref, customValidity)\n\n  return (\n    <Root data-ui=\"TextArea\">\n      <InputRoot>\n        <Input\n          data-as=\"textarea\"\n          {...restProps}\n          $fontSize={fontSize}\n          $padding={padding}\n          disabled={disabled}\n          ref={ref}\n        />\n        <Presentation $border={border} $radius={radius} />\n      </InputRoot>\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BA,MAAM,OAAO,OAAO,KAAK;AAEzB,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,QAAQ,OAAO,SACnB,6BACA,oBACA;AAGF,MAAM,eAAe,OAAO,IAC1B,uBACA;AAMK,MAAM,WAAW,WAAW,mBACjC,OACA,cACA;AACA,QAQI,YAPF;AAAA,aAAS;AAAA,IACT;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,MAEP,IADC,sBACD,IADC;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAAM,MAAM,gBAAgB;AAE5B,oBAAkB,KAAK;AAEvB,SACE,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KACZ,oCAAC,WAAD,MACE,oCAAC,OAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA;AAAA,OAEF,oCAAC,cAAD;AAAA,IAAc,SAAS;AAAA,IAAQ,SAAS;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BA,MAAM,OAAO,OAAO,KAAK;AAEzB,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,QAAQ,OAAO,SACnB,6BACA,oBACA;AAGF,MAAM,eAAe,OAAO,IAC1B,uBACA;AAMK,MAAM,WAAW,WAAW,mBACjC,OACA,cACA;AACA,QAQI,YAPF;AAAA,aAAS;AAAA,IACT;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,MAEP,IADC,sBACD,IADC;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAAM,MAAM,gBAAgB;AAE5B,oBAAkB,KAAK;AAEvB,SACE,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KACZ,oCAAC,WAAD,MACE,oCAAC,OAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA;AAAA,OAEF,oCAAC,cAAD;AAAA,IAAc,SAAS;AAAA,IAAQ,SAAS;AAAA;AAAA;",
   "names": []
 }

package/lib/esm/primitives/textInput/textInput.js CHANGED Viewed

@@ -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)