@sanity/ui 0.36.10 → 0.36.13-next.13

package/lib/cjs/primitives/text/text.js.map

@@ -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;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,sBAIO;AAGP,oBAA4B;AAoB5B,MAAM,OAAO,iCAAO,IAClB,oCACA,0CACA;AAGF,MAAM,uBAAuB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAU7B,MAAM,OAAO,6BAAW,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,mDAAC,sBAAD,MAAuB;AAAA;AAGpC,SACE,mDAAC,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,mDAAC,QAAD,MAAO;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,sBAIO;AAGP,oBAA4B;AAoB5B,MAAM,OAAO,iCAAO,IAClB,oCACA,0CACA;AAGF,MAAM,uBAAuB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAU7B,MAAM,OAAO,6BAAW,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,mDAAC,sBAAD,MAAuB;AAAA;AAGpC,SACE,mDAAC,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,mDAAC,QAAD,MAAO;AAAA;",
   "names": []
 }

package/lib/cjs/primitives/textArea/index.js

@@ -5,9 +5,6 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __reExport = (target, module2, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))

package/lib/cjs/primitives/textArea/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/textArea/index.ts"],
   "sourcesContent": ["export * from './textArea'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;",
   "names": []
 }

package/lib/cjs/primitives/textArea/textArea.js

@@ -22,9 +22,6 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-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/cjs/primitives/textArea/textArea.js.map

@@ -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;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,mBAAiD;AACjD,sBAWO;AAeP,MAAM,OAAO,iCAAO,KAAK;AAEzB,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,QAAQ,iCAAO,SACnB,6CACA,oCACA;AAGF,MAAM,eAAe,iCAAO,IAC1B,uCACA;AAMK,MAAM,WAAW,6BAAW,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,kCAAgB;AAE5B,sCAAkB,KAAK;AAEvB,SACE,mDAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KACZ,mDAAC,WAAD,MACE,mDAAC,OAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA;AAAA,OAEF,mDAAC,cAAD;AAAA,IAAc,SAAS;AAAA,IAAQ,SAAS;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,mBAAiD;AACjD,sBAWO;AAeP,MAAM,OAAO,iCAAO,KAAK;AAEzB,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,QAAQ,iCAAO,SACnB,6CACA,oCACA;AAGF,MAAM,eAAe,iCAAO,IAC1B,uCACA;AAMK,MAAM,WAAW,6BAAW,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,kCAAgB;AAE5B,sCAAkB,KAAK;AAEvB,SACE,mDAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KACZ,mDAAC,WAAD,MACE,mDAAC,OAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA;AAAA,OAEF,mDAAC,cAAD;AAAA,IAAc,SAAS;AAAA,IAAQ,SAAS;AAAA;AAAA;",
   "names": []
 }

package/lib/cjs/primitives/textInput/index.js

@@ -5,9 +5,6 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __reExport = (target, module2, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))

package/lib/cjs/primitives/textInput/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/textInput/index.ts"],
   "sourcesContent": ["export * from './textInput'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;",
   "names": []
 }

package/lib/cjs/primitives/textInput/textInput.js

@@ -22,9 +22,6 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-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/cjs/primitives/textInput/textInput.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/textInput/textInput.tsx"],
   "sourcesContent": ["import {CloseIcon} from '@sanity/icons'\nimport React, {createElement, forwardRef, isValidElement, useCallback, useMemo} from 'react'\nimport {isValidElementType} from 'react-is'\nimport styled from 'styled-components'\nimport {EMPTY_RECORD} from '../../constants'\nimport {useForwardedRef, useCustomValidity, useResponsiveProp} from '../../hooks'\nimport {\n  responsiveRadiusStyle,\n  ResponsiveRadiusStyleProps,\n  responsiveInputPaddingStyle,\n  TextInputInputStyleProps,\n  TextInputRepresentationStyleProps,\n  TextInputResponsivePaddingStyleProps,\n  textInputBaseStyle,\n  textInputFontSizeStyle,\n  textInputRepresentationStyle,\n  textInputRootStyle,\n} from '../../styles/internal'\nimport {ThemeFontWeightKey} from '../../theme'\nimport {Box} from '../box'\nimport {Button, ButtonProps} from '../button'\nimport {Card} from '../card'\nimport {Text} from '../text'\n\n/**\n * @public\n */\nexport type TextInputClearButtonProps = Omit<ButtonProps, 'as'> &\n  Omit<React.HTMLProps<HTMLButtonElement>, 'as' | 'onClick' | 'onMouseDown' | 'ref'>\n\n/**\n * @public\n */\nexport type TextInputType =\n  | 'date'\n  | 'datetime-local'\n  | 'email'\n  | 'url'\n  | 'month'\n  | 'number'\n  | 'password'\n  | 'tel'\n  | 'time'\n  | 'text'\n  | 'week'\n\n/**\n * @public\n */\nexport interface TextInputProps {\n  border?: boolean\n  /**\n   * @beta\n   */\n  clearButton?: boolean | TextInputClearButtonProps\n  customValidity?: string\n  fontSize?: number | number[]\n  icon?: React.ComponentType | React.ReactNode\n  iconRight?: React.ComponentType | React.ReactNode\n  /**\n   * @beta\n   */\n  onClear?: () => void\n  padding?: number | number[]\n  prefix?: React.ReactNode\n  radius?: number | number[]\n  space?: number | number[]\n  suffix?: React.ReactNode\n  type?: TextInputType\n  weight?: ThemeFontWeightKey\n}\n\nconst CLEAR_BUTTON_BOX_STYLE: React.CSSProperties = {zIndex: 2}\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 Prefix = styled(Card).attrs({forwardedAs: 'span'})`\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n\n  & > span {\n    display: block;\n    margin: -1px;\n  }\n`\n\nconst Suffix = styled(Card).attrs({forwardedAs: 'span'})`\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n\n  & > span {\n    display: block;\n    margin: -1px;\n  }\n`\n\nconst Input = styled.input<TextInputResponsivePaddingStyleProps & TextInputInputStyleProps>(\n  responsiveInputPaddingStyle,\n  textInputBaseStyle,\n  textInputFontSizeStyle\n)\n\nconst Presentation = styled.span<ResponsiveRadiusStyleProps & TextInputRepresentationStyleProps>(\n  responsiveRadiusStyle,\n  textInputRepresentationStyle\n)\n\nconst LeftBox = styled(Box)`\n  position: absolute;\n  top: 0;\n  left: 0;\n`\n\nconst RightCard = styled(Card)`\n  background-color: transparent;\n  position: absolute;\n  top: 0;\n  right: 0;\n`\n\n/**\n * @public\n */\nexport const TextInput = forwardRef(function TextInput(\n  props: TextInputProps & Omit<React.HTMLProps<HTMLInputElement>, 'as' | 'prefix' | 'type'>,\n  forwardedRef: React.Ref<HTMLInputElement>\n) {\n  const {\n    border = true,\n    clearButton,\n    disabled = false,\n    fontSize = 2,\n    icon,\n    iconRight,\n    onClear,\n    padding: paddingProp = 3,\n    prefix,\n    radius: radiusProp = 1,\n    readOnly,\n    space = 3,\n    suffix,\n    customValidity,\n    type = 'text',\n    ...restProps\n  } = props\n\n  const ref = useForwardedRef(forwardedRef)\n  const padding = useResponsiveProp(paddingProp)\n  const radius = useResponsiveProp(radiusProp)\n\n  // Transient properties\n  const $hasClearButton = Boolean(clearButton)\n  const $hasIcon = Boolean(icon)\n  const $hasIconRight = Boolean(iconRight)\n  const $hasSuffix = Boolean(suffix)\n  const $hasPrefix = Boolean(prefix)\n\n  useCustomValidity(ref, customValidity)\n\n  // Prevent the clear button from taking the focus away from the input\n  const handleClearMouseDown = useCallback((event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault()\n    event.stopPropagation()\n  }, [])\n\n  const handleClearClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault()\n      event.stopPropagation()\n\n      if (onClear) onClear()\n\n      // Focus the input, in case focus has been lost when clicking the clear button\n      ref.current?.focus()\n    },\n    [onClear, ref]\n  )\n\n  // Render prefix (memoized)\n  const prefixNode = useMemo(\n    () =>\n      prefix && (\n        <Prefix borderTop borderLeft borderBottom radius={radius} sizing=\"border\" tone=\"inherit\">\n          <span>{prefix}</span>\n        </Prefix>\n      ),\n    [prefix, radius]\n  )\n\n  // Render presentation (memoized)\n  const presentationNode = useMemo(\n    () => (\n      <Presentation\n        $border={border}\n        $hasPrefix={$hasPrefix}\n        $hasSuffix={$hasSuffix}\n        $radius={radius}\n      >\n        {icon && (\n          <LeftBox padding={padding}>\n            <Text size={fontSize}>\n              {isValidElement(icon) && icon}\n              {isValidElementType(icon) && createElement(icon)}\n            </Text>\n          </LeftBox>\n        )}\n\n        {!$hasClearButton && iconRight && (\n          <RightCard padding={padding}>\n            <Text size={fontSize}>\n              {isValidElement(iconRight) && iconRight}\n              {isValidElementType(iconRight) && createElement(iconRight)}\n            </Text>\n          </RightCard>\n        )}\n      </Presentation>\n    ),\n    [border, fontSize, icon, iconRight, padding, radius, $hasClearButton, $hasPrefix, $hasSuffix]\n  )\n\n  // Render clear button (memoized)\n  const clearButtonBoxPadding = useMemo(() => padding.map((v) => v - 2), [padding])\n  const clearButtonPadding = useMemo(() => padding.map((v) => v - 1), [padding])\n  const clearButtonProps: TextInputClearButtonProps = useMemo(\n    () => (typeof clearButton === 'object' ? clearButton : EMPTY_RECORD),\n    [clearButton]\n  )\n  const clearButtonNode = useMemo(\n    () =>\n      !disabled &&\n      !readOnly &&\n      clearButton && (\n        <RightCard\n          forwardedAs=\"span\"\n          padding={clearButtonBoxPadding}\n          style={CLEAR_BUTTON_BOX_STYLE}\n          tone={customValidity ? 'critical' : 'inherit'}\n        >\n          <Button\n            data-qa=\"clear-button\"\n            fontSize={fontSize}\n            icon={CloseIcon}\n            mode=\"bleed\"\n            padding={clearButtonPadding}\n            radius={radius.map((r) => r - 1)}\n            {...clearButtonProps}\n            onClick={handleClearClick}\n            onMouseDown={handleClearMouseDown}\n          />\n        </RightCard>\n      ),\n    [\n      clearButton,\n      clearButtonBoxPadding,\n      clearButtonPadding,\n      clearButtonProps,\n      customValidity,\n      disabled,\n      fontSize,\n      handleClearClick,\n      handleClearMouseDown,\n      radius,\n      readOnly,\n    ]\n  )\n\n  // Render suffix (memoized)\n  const suffixNode = useMemo(\n    () =>\n      suffix && (\n        <Suffix borderTop borderRight borderBottom radius={radius} sizing=\"border\" tone=\"inherit\">\n          <span>{suffix}</span>\n        </Suffix>\n      ),\n    [radius, suffix]\n  )\n\n  return (\n    <Root data-ui=\"TextInput\">\n      {prefixNode}\n      <InputRoot>\n        <Input\n          data-as=\"input\"\n          {...restProps}\n          $iconLeft={$hasIcon}\n          $iconRight={$hasIconRight || $hasClearButton}\n          $padding={padding}\n          $space={space}\n          $fontSize={fontSize}\n          disabled={disabled}\n          readOnly={readOnly}\n          ref={ref}\n          type={type}\n        />\n        {presentationNode}\n        {clearButtonNode}\n      </InputRoot>\n      {suffixNode}\n    </Root>\n  )\n})\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/lib/cjs/primitives/tooltip/index.js

@@ -5,9 +5,6 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __reExport = (target, module2, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))

package/lib/cjs/primitives/tooltip/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/tooltip/index.ts"],
   "sourcesContent": ["export * from './tooltip'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;",
   "names": []
 }

package/lib/cjs/primitives/tooltip/tooltip.d.ts

@@ -13,7 +13,7 @@ export interface TooltipProps extends Omit<LayerProps, 'as'> {
     disabled?: boolean;
     fallbackPlacements?: Placement[];
     placement?: Placement;
-    portal?: boolean;
+    portal?: boolean | string;
     scheme?: ThemeColorSchemeKey;
 }
 /**

package/lib/cjs/primitives/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/primitives/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAA;AAIvF,OAAO,EAAC,mBAAmB,EAAW,MAAM,aAAa,CAAA;AACzD,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AACrC,OAAO,EAAQ,UAAU,EAA6B,MAAM,aAAa,CAAA;AAIzE;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC;IAC1D,qBAAqB,CAAC,EAAE,SAAS,EAAE,CAAA;IACnC,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAA;IAChC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,mBAAmB,CAAA;CAC7B;AAMD;;GAEG;AACH,eAAO,MAAM,OAAO,w2LA0HlB,CAAA"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/primitives/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAA;AAIvF,OAAO,EAAC,mBAAmB,EAAW,MAAM,aAAa,CAAA;AACzD,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AACrC,OAAO,EAAQ,UAAU,EAA6B,MAAM,aAAa,CAAA;AAIzE;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC;IAC1D,qBAAqB,CAAC,EAAE,SAAS,EAAE,CAAA;IACnC,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAA;IAChC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACzB,MAAM,CAAC,EAAE,mBAAmB,CAAA;CAC7B;AAMD;;GAEG;AACH,eAAO,MAAM,OAAO,w2LAyJlB,CAAA"}

package/lib/cjs/primitives/tooltip/tooltip.js

@@ -22,9 +22,6 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-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)
@@ -135,6 +132,23 @@ const Tooltip = (0, import_react.forwardRef)(function Tooltip2(props, ref) {
   const handleFocus = (0, import_react.useCallback)(() => setIsOpen(true), []);
   const handleMouseEnter = (0, import_react.useCallback)(() => setIsOpen(true), []);
   const handleMouseLeave = (0, import_react.useCallback)(() => setIsOpen(false), []);
+  (0, import_react.useEffect)(() => {
+    if (!isOpen)
+      return;
+    function handleWindowMouseMove(event) {
+      if (!referenceElement)
+        return;
+      const isHoveringReference = referenceElement === event.target || event.target instanceof Node && referenceElement.contains(event.target);
+      if (!isHoveringReference) {
+        setIsOpen(false);
+        window.removeEventListener("mousemove", handleWindowMouseMove);
+      }
+    }
+    window.addEventListener("mousemove", handleWindowMouseMove);
+    return () => {
+      window.removeEventListener("mousemove", handleWindowMouseMove);
+    };
+  }, [isOpen, referenceElement]);
   (0, import_react.useEffect)(() => {
     if (forceUpdate)
       forceUpdate();
@@ -177,5 +191,7 @@ const Tooltip = (0, import_react.forwardRef)(function Tooltip2(props, ref) {
     ref: setArrowElement,
     style: popper.styles.arrow
   })));
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, referenceNode, isOpen && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, portal && /* @__PURE__ */ import_react.default.createElement(import_utils.Portal, null, popperNode), !portal && popperNode));
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, referenceNode, isOpen && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, portal && /* @__PURE__ */ import_react.default.createElement(import_utils.Portal, {
+    __unstable_name: typeof portal === "string" ? portal : void 0
+  }, popperNode), !portal && popperNode));
 });

package/lib/cjs/primitives/tooltip/tooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/primitives/tooltip/tooltip.tsx"],
-  "sourcesContent": ["import React, {cloneElement, forwardRef, useCallback, useEffect, useState} from 'react'\nimport {usePopper} from 'react-popper'\nimport styled from 'styled-components'\nimport {useForwardedRef} from '../../hooks'\nimport {ThemeColorSchemeKey, useTheme} from '../../theme'\nimport {Placement} from '../../types'\nimport {Layer, LayerProps, Portal, useBoundaryElement} from '../../utils'\nimport {Card} from '../card'\nimport {TooltipArrow} from './tooltipArrow'\n\n/**\n * @public\n */\nexport interface TooltipProps extends Omit<LayerProps, 'as'> {\n  allowedAutoPlacements?: Placement[]\n  boundaryElement?: HTMLElement | null\n  children?: React.ReactElement\n  content?: React.ReactNode\n  disabled?: boolean\n  fallbackPlacements?: Placement[]\n  placement?: Placement\n  portal?: boolean\n  scheme?: ThemeColorSchemeKey\n}\n\nconst Root = styled(Layer)`\n  pointer-events: none;\n`\n\n/**\n * @public\n */\nexport const Tooltip = forwardRef(function Tooltip(\n  props: TooltipProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'content'>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const boundaryElementContext = useBoundaryElement()\n  const theme = useTheme()\n  const {\n    allowedAutoPlacements,\n    boundaryElement = boundaryElementContext?.element,\n    children,\n    content,\n    disabled,\n    fallbackPlacements,\n    placement = 'bottom',\n    portal,\n    scheme,\n    zOffset = theme.sanity.layer?.tooltip.zOffset,\n    ...restProps\n  } = props\n  const forwardedRef = useForwardedRef(ref)\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null)\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(null)\n  const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null)\n  const popper = usePopper(referenceElement, popperElement, {\n    placement,\n    modifiers: [\n      {\n        name: 'arrow',\n        options: {\n          element: arrowElement,\n          padding: 4,\n        },\n      },\n      {\n        name: 'preventOverflow',\n        options: {\n          altAxis: true,\n          boundary: boundaryElement || undefined,\n          padding: 4,\n        },\n      },\n      {\n        name: 'offset',\n        options: {offset: [0, 3]},\n      },\n      {\n        name: 'flip',\n        options: {\n          allowedAutoPlacements,\n          fallbackPlacements,\n        },\n      },\n    ],\n  })\n  const {forceUpdate} = popper\n  const [isOpen, setIsOpen] = useState(false)\n  const handleBlur = useCallback(() => setIsOpen(false), [])\n  const handleFocus = useCallback(() => setIsOpen(true), [])\n  const handleMouseEnter = useCallback(() => setIsOpen(true), [])\n  const handleMouseLeave = useCallback(() => setIsOpen(false), [])\n\n  useEffect(() => {\n    if (forceUpdate) forceUpdate()\n  }, [forceUpdate, content])\n\n  // Close when `disabled` changes to `true`\n  useEffect(() => {\n    if (disabled) setIsOpen(false)\n  }, [disabled])\n\n  // Close when `content` changes to falsy\n  useEffect(() => {\n    if (!content) setIsOpen(false)\n  }, [content])\n\n  const setRef = (el: HTMLDivElement | null) => {\n    setPopperElement(el)\n    forwardedRef.current = el\n  }\n\n  if (!children) return <></>\n\n  if (disabled) return children\n\n  const referenceProps = {\n    onBlur: handleBlur,\n    onFocus: handleFocus,\n    onMouseEnter: handleMouseEnter,\n    onMouseLeave: handleMouseLeave,\n    ref: setReferenceElement,\n  }\n\n  const referenceNode = cloneElement(children, referenceProps)\n\n  const popperNode = (\n    <Root\n      data-ui=\"Tooltip\"\n      {...restProps}\n      {...popper.attributes.popper}\n      ref={setRef}\n      style={popper.styles.popper}\n      zOffset={zOffset}\n    >\n      <Card radius={2} scheme={scheme} shadow={3}>\n        {content}\n        <TooltipArrow ref={setArrowElement} style={popper.styles.arrow} />\n      </Card>\n    </Root>\n  )\n\n  return (\n    <>\n      {referenceNode}\n\n      {isOpen && (\n        <>\n          {portal && <Portal>{popperNode}</Portal>}\n          {!portal && popperNode}\n        </>\n      )}\n    </>\n  )\n})\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, {cloneElement, forwardRef, useCallback, useEffect, useState} from 'react'\nimport {usePopper} from 'react-popper'\nimport styled from 'styled-components'\nimport {useForwardedRef} from '../../hooks'\nimport {ThemeColorSchemeKey, useTheme} from '../../theme'\nimport {Placement} from '../../types'\nimport {Layer, LayerProps, Portal, useBoundaryElement} from '../../utils'\nimport {Card} from '../card'\nimport {TooltipArrow} from './tooltipArrow'\n\n/**\n * @public\n */\nexport interface TooltipProps extends Omit<LayerProps, 'as'> {\n  allowedAutoPlacements?: Placement[]\n  boundaryElement?: HTMLElement | null\n  children?: React.ReactElement\n  content?: React.ReactNode\n  disabled?: boolean\n  fallbackPlacements?: Placement[]\n  placement?: Placement\n  portal?: boolean | string\n  scheme?: ThemeColorSchemeKey\n}\n\nconst Root = styled(Layer)`\n  pointer-events: none;\n`\n\n/**\n * @public\n */\nexport const Tooltip = forwardRef(function Tooltip(\n  props: TooltipProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'content'>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const boundaryElementContext = useBoundaryElement()\n  const theme = useTheme()\n  const {\n    allowedAutoPlacements,\n    boundaryElement = boundaryElementContext?.element,\n    children,\n    content,\n    disabled,\n    fallbackPlacements,\n    placement = 'bottom',\n    portal,\n    scheme,\n    zOffset = theme.sanity.layer?.tooltip.zOffset,\n    ...restProps\n  } = props\n  const forwardedRef = useForwardedRef(ref)\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null)\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(null)\n  const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null)\n  const popper = usePopper(referenceElement, popperElement, {\n    placement,\n    modifiers: [\n      {\n        name: 'arrow',\n        options: {\n          element: arrowElement,\n          padding: 4,\n        },\n      },\n      {\n        name: 'preventOverflow',\n        options: {\n          altAxis: true,\n          boundary: boundaryElement || undefined,\n          padding: 4,\n        },\n      },\n      {\n        name: 'offset',\n        options: {offset: [0, 3]},\n      },\n      {\n        name: 'flip',\n        options: {\n          allowedAutoPlacements,\n          fallbackPlacements,\n        },\n      },\n    ],\n  })\n  const {forceUpdate} = popper\n  const [isOpen, setIsOpen] = useState(false)\n  const handleBlur = useCallback(() => setIsOpen(false), [])\n  const handleFocus = useCallback(() => setIsOpen(true), [])\n  const handleMouseEnter = useCallback(() => setIsOpen(true), [])\n  const handleMouseLeave = useCallback(() => setIsOpen(false), [])\n\n  // Detect whether the mouse is moving outside of the reference element. This is sometimes\n  // necessary, because the tooltip might not always close as it should (e.g. when clicking\n  // the reference element triggers a CPU-heavy operation.)\n  useEffect(() => {\n    if (!isOpen) return\n\n    function handleWindowMouseMove(event: MouseEvent) {\n      if (!referenceElement) return\n\n      const isHoveringReference =\n        referenceElement === event.target ||\n        (event.target instanceof Node && referenceElement.contains(event.target))\n\n      if (!isHoveringReference) {\n        setIsOpen(false)\n        window.removeEventListener('mousemove', handleWindowMouseMove)\n      }\n    }\n\n    window.addEventListener('mousemove', handleWindowMouseMove)\n\n    return () => {\n      window.removeEventListener('mousemove', handleWindowMouseMove)\n    }\n  }, [isOpen, referenceElement])\n\n  useEffect(() => {\n    if (forceUpdate) forceUpdate()\n  }, [forceUpdate, content])\n\n  // Close when `disabled` changes to `true`\n  useEffect(() => {\n    if (disabled) setIsOpen(false)\n  }, [disabled])\n\n  // Close when `content` changes to falsy\n  useEffect(() => {\n    if (!content) setIsOpen(false)\n  }, [content])\n\n  const setRef = (el: HTMLDivElement | null) => {\n    setPopperElement(el)\n    forwardedRef.current = el\n  }\n\n  if (!children) return <></>\n\n  if (disabled) return children\n\n  const referenceProps = {\n    onBlur: handleBlur,\n    onFocus: handleFocus,\n    onMouseEnter: handleMouseEnter,\n    onMouseLeave: handleMouseLeave,\n    ref: setReferenceElement,\n  }\n\n  const referenceNode = cloneElement(children, referenceProps)\n\n  const popperNode = (\n    <Root\n      data-ui=\"Tooltip\"\n      {...restProps}\n      {...popper.attributes.popper}\n      ref={setRef}\n      style={popper.styles.popper}\n      zOffset={zOffset}\n    >\n      <Card radius={2} scheme={scheme} shadow={3}>\n        {content}\n        <TooltipArrow ref={setArrowElement} style={popper.styles.arrow} />\n      </Card>\n    </Root>\n  )\n\n  return (\n    <>\n      {referenceNode}\n\n      {isOpen && (\n        <>\n          {portal && (\n            <Portal __unstable_name={typeof portal === 'string' ? portal : undefined}>\n              {popperNode}\n            </Portal>\n          )}\n\n          {!portal && popperNode}\n        </>\n      )}\n    </>\n  )\n})\n"],
+  "mappings": "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",
   "names": []
 }

package/lib/cjs/primitives/tooltip/tooltipArrow.js

@@ -22,9 +22,6 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-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/cjs/primitives/tooltip/tooltipArrow.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/primitives/tooltip/tooltipArrow.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\n\nconst Root = styled.div`\n  position: absolute;\n  width: 15px;\n  height: 15px;\n  fill: none;\n\n  :empty + & {\n    display: none;\n  }\n\n  & > svg {\n    &:not([hidden]) {\n      display: block;\n    }\n    transform-origin: 7.5px 7.5px;\n  }\n\n  [data-popper-placement^='top'] > div > & {\n    bottom: -15px;\n  }\n\n  [data-popper-placement^='right'] > div > & {\n    left: -15px;\n\n    & > svg {\n      transform: rotate(90deg);\n    }\n  }\n\n  [data-popper-placement^='left'] > div > & {\n    right: -15px;\n\n    & > svg {\n      transform: rotate(-90deg);\n    }\n  }\n\n  [data-popper-placement^='bottom'] > div > & {\n    top: -15px;\n\n    & > svg {\n      transform: rotate(180deg);\n    }\n  }\n`\n\nconst Border = styled.path`\n  fill: var(--card-shadow-outline-color);\n`\n\nconst Shape = styled.path`\n  fill: var(--card-bg-color);\n`\n\ninterface TooltipArrowProps {}\n\nexport const TooltipArrow = forwardRef(function TooltipArrow(\n  props: TooltipArrowProps & Omit<React.HTMLProps<HTMLDivElement>, 'as'>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const {...restProps} = props\n\n  return (\n    <Root {...restProps} ref={ref}>\n      <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\">\n        <Border d=\"M11.5266 1C11.032 1.32802 10.5837 1.73105 10.1995 2.20057L9.04792 3.6081C8.24771 4.58614 6.7523 4.58614 5.95209 3.6081L4.80047 2.20057C4.41632 1.73105 3.96796 1.32802 3.47341 1H0.156727C1.65639 1 3.07687 1.67313 4.02651 2.83381L5.17813 4.24134C6.37844 5.70839 8.62156 5.70839 9.82187 4.24134L10.9735 2.83381C11.9231 1.67313 13.3436 1 14.8433 1H11.5266Z\" />\n        <Shape d=\"M0.156725 0C1.95632 0 3.66089 0.80776 4.80047 2.20057L5.95209 3.6081C6.75229 4.58614 8.24771 4.58614 9.04791 3.6081L10.1995 2.20057C11.3391 0.80776 13.0437 0 14.8433 0H15H0H0.156725Z\" />\n      </svg>\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AAEnB,MAAM,OAAO,iCAAO;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;AAAA;AA8CpB,MAAM,SAAS,iCAAO;AAAA;AAAA;AAItB,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAMd,MAAM,eAAe,6BAAW,uBACrC,OACA,KACA;AACA,QAAU,sBAAa,OAAb;AAEV,SACE,mDAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,MACnB,mDAAC,OAAD;AAAA,IAAK,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,SAAQ;AAAA,KAClC,mDAAC,QAAD;AAAA,IAAQ,GAAE;AAAA,MACV,mDAAC,OAAD;AAAA,IAAO,GAAE;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AAEnB,MAAM,OAAO,iCAAO;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;AAAA;AA8CpB,MAAM,SAAS,iCAAO;AAAA;AAAA;AAItB,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAMd,MAAM,eAAe,6BAAW,uBACrC,OACA,KACA;AACA,QAAU,sBAAa,OAAb;AAEV,SACE,mDAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,MACnB,mDAAC,OAAD;AAAA,IAAK,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,SAAQ;AAAA,KAClC,mDAAC,QAAD;AAAA,IAAQ,GAAE;AAAA,MACV,mDAAC,OAAD;AAAA,IAAO,GAAE;AAAA;AAAA;",
   "names": []
 }

package/lib/cjs/primitives/types.js

@@ -1,6 +1,3 @@
 var __defProp = Object.defineProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 __markAsModule(exports);

package/lib/cjs/primitives/types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/primitives/types.ts"],
   "sourcesContent": ["import {\n  BoxDisplay,\n  BoxHeight,\n  BoxOverflow,\n  BoxSizing,\n  FlexAlign,\n  FlexDirection,\n  FlexJustify,\n  FlexWrap,\n  GridAutoCols,\n  GridAutoFlow,\n  GridAutoRows,\n  GridItemColumn,\n  GridItemColumnEnd,\n  GridItemColumnStart,\n  GridItemRow,\n  GridItemRowEnd,\n  GridItemRowStart,\n} from '../types'\n\n/**\n * @public\n */\nexport interface ResponsiveBorderProps {\n  border?: boolean | boolean[]\n  borderTop?: boolean | boolean[]\n  borderRight?: boolean | boolean[]\n  borderBottom?: boolean | boolean[]\n  borderLeft?: boolean | boolean[]\n}\n\n/**\n * @public\n */\nexport interface ResponsiveBoxProps {\n  display?: BoxDisplay | BoxDisplay[]\n  height?: BoxHeight | BoxHeight[]\n  overflow?: BoxOverflow | BoxOverflow[]\n  sizing?: BoxSizing | BoxSizing[]\n}\n\n/**\n * @public\n */\nexport interface ResponsiveFlexProps {\n  align?: FlexAlign | FlexAlign[]\n  direction?: FlexDirection | FlexDirection[]\n  justify?: FlexJustify | FlexJustify[]\n  wrap?: FlexWrap | FlexWrap[]\n}\n\n/**\n * @public\n */\nexport interface ResponsiveFlexItemProps {\n  flex?: number | number[]\n}\n\n/**\n * @public\n */\nexport interface ResponsiveGridProps {\n  autoRows?: GridAutoRows | GridAutoRows[]\n  autoCols?: GridAutoCols | GridAutoCols[]\n  autoFlow?: GridAutoFlow | GridAutoFlow[]\n  columns?: number | number[]\n  gap?: number | number[]\n  gapX?: number | number[]\n  gapY?: number | number[]\n  rows?: number | number[]\n}\n\n/**\n * @public\n */\nexport interface ResponsiveGridItemProps {\n  column?: GridItemColumn | GridItemColumn[]\n  columnStart?: GridItemColumnStart | GridItemColumnStart[]\n  columnEnd?: GridItemColumnEnd | GridItemColumnEnd[]\n  row?: GridItemRow | GridItemRow[]\n  rowStart?: GridItemRowStart | GridItemRowStart[]\n  rowEnd?: GridItemRowEnd | GridItemRowEnd[]\n}\n\n/**\n * @public\n */\nexport interface ResponsiveMarginProps {\n  margin?: number | number[]\n  marginX?: number | number[]\n  marginY?: number | number[]\n  marginTop?: number | number[]\n  marginRight?: number | number[]\n  marginBottom?: number | number[]\n  marginLeft?: number | number[]\n}\n\n/**\n * @public\n */\nexport interface ResponsivePaddingProps {\n  padding?: number | number[]\n  paddingX?: number | number[]\n  paddingY?: number | number[]\n  paddingTop?: number | number[]\n  paddingRight?: number | number[]\n  paddingBottom?: number | number[]\n  paddingLeft?: number | number[]\n}\n\n/**\n * @public\n */\nexport interface ResponsiveRadiusProps {\n  radius?: number | number[]\n}\n\n/**\n * @public\n */\nexport interface ResponsiveShadowProps {\n  shadow?: number | number[]\n}\n\n/**\n * @public\n */\nexport interface ResponsiveWidthProps {\n  width?: number | number[] | 'auto'\n}\n"],
-  "mappings": ";;;;;AAAA;",
+  "mappings": ";;AAAA;",
   "names": []
 }

package/lib/cjs/styles/border/borderStyle.js

@@ -5,9 +5,6 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __export = (target, all) => {
   __markAsModule(target);
   for (var name in all)

package/lib/cjs/styles/border/borderStyle.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/styles/border/borderStyle.ts"],
   "sourcesContent": ["import {CSSObject} from 'styled-components'\nimport {getResponsiveProp, responsive} from '../helpers'\nimport {ThemeProps} from '../types'\nimport {ResponsiveBorderStyleProps} from './types'\n\nconst BORDER_VALUE = '1px solid var(--card-border-color)'\n\nexport function responsiveBorderStyle(): Array<\n  (props: ResponsiveBorderStyleProps & ThemeProps) => CSSObject[]\n> {\n  return [border, borderTop, borderRight, borderBottom, borderLeft]\n}\n\nfunction border(props: ResponsiveBorderStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$border), (value) =>\n    value ? {'&&': {border: BORDER_VALUE}} : {'&&': {border: 0}}\n  )\n}\n\nfunction borderTop(props: ResponsiveBorderStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$borderTop), (value) =>\n    value ? {'&&': {borderTop: BORDER_VALUE}} : {'&&': {borderTop: 0}}\n  )\n}\n\nfunction borderRight(props: ResponsiveBorderStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$borderRight), (value) =>\n    value ? {'&&': {borderRight: BORDER_VALUE}} : {'&&': {borderRight: 0}}\n  )\n}\n\nfunction borderBottom(props: ResponsiveBorderStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$borderBottom), (value) =>\n    value ? {'&&': {borderBottom: BORDER_VALUE}} : {'&&': {borderBottom: 0}}\n  )\n}\n\nfunction borderLeft(props: ResponsiveBorderStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$borderLeft), (value) =>\n    value ? {'&&': {borderLeft: BORDER_VALUE}} : {'&&': {borderLeft: 0}}\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AACA,qBAA4C;AAI5C,MAAM,eAAe;AAEd,iCAEL;AACA,SAAO,CAAC,QAAQ,WAAW,aAAa,cAAc;AAAA;AAGxD,gBAAgB,OAAgD;AAC9D,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,UAAU,CAAC,UAC1D,QAAQ,EAAC,MAAM,EAAC,QAAQ,mBAAiB,EAAC,MAAM,EAAC,QAAQ;AAAA;AAI7D,mBAAmB,OAAgD;AACjE,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,aAAa,CAAC,UAC7D,QAAQ,EAAC,MAAM,EAAC,WAAW,mBAAiB,EAAC,MAAM,EAAC,WAAW;AAAA;AAInE,qBAAqB,OAAgD;AACnE,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,eAAe,CAAC,UAC/D,QAAQ,EAAC,MAAM,EAAC,aAAa,mBAAiB,EAAC,MAAM,EAAC,aAAa;AAAA;AAIvE,sBAAsB,OAAgD;AACpE,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,gBAAgB,CAAC,UAChE,QAAQ,EAAC,MAAM,EAAC,cAAc,mBAAiB,EAAC,MAAM,EAAC,cAAc;AAAA;AAIzE,oBAAoB,OAAgD;AAClE,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,cAAc,CAAC,UAC9D,QAAQ,EAAC,MAAM,EAAC,YAAY,mBAAiB,EAAC,MAAM,EAAC,YAAY;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AACA,qBAA4C;AAI5C,MAAM,eAAe;AAEd,iCAEL;AACA,SAAO,CAAC,QAAQ,WAAW,aAAa,cAAc;AAAA;AAGxD,gBAAgB,OAAgD;AAC9D,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,UAAU,CAAC,UAC1D,QAAQ,EAAC,MAAM,EAAC,QAAQ,mBAAiB,EAAC,MAAM,EAAC,QAAQ;AAAA;AAI7D,mBAAmB,OAAgD;AACjE,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,aAAa,CAAC,UAC7D,QAAQ,EAAC,MAAM,EAAC,WAAW,mBAAiB,EAAC,MAAM,EAAC,WAAW;AAAA;AAInE,qBAAqB,OAAgD;AACnE,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,eAAe,CAAC,UAC/D,QAAQ,EAAC,MAAM,EAAC,aAAa,mBAAiB,EAAC,MAAM,EAAC,aAAa;AAAA;AAIvE,sBAAsB,OAAgD;AACpE,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,gBAAgB,CAAC,UAChE,QAAQ,EAAC,MAAM,EAAC,cAAc,mBAAiB,EAAC,MAAM,EAAC,cAAc;AAAA;AAIzE,oBAAoB,OAAgD;AAClE,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,cAAc,CAAC,UAC9D,QAAQ,EAAC,MAAM,EAAC,YAAY,mBAAiB,EAAC,MAAM,EAAC,YAAY;AAAA;",
   "names": []
 }

package/lib/cjs/styles/border/index.js

@@ -5,9 +5,6 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __reExport = (target, module2, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))

package/lib/cjs/styles/border/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/styles/border/index.ts"],
   "sourcesContent": ["export * from './borderStyle'\nexport * from './types'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;AACd,oBAAc;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;AACd,oBAAc;",
   "names": []
 }

package/lib/cjs/styles/border/types.js

@@ -1,6 +1,3 @@
 var __defProp = Object.defineProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 __markAsModule(exports);

package/lib/cjs/styles/border/types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/styles/border/types.ts"],
   "sourcesContent": ["/**\n * @internal\n */\nexport interface ResponsiveBorderStyleProps {\n  $border?: boolean | boolean[]\n  $borderTop?: boolean | boolean[]\n  $borderRight?: boolean | boolean[]\n  $borderBottom?: boolean | boolean[]\n  $borderLeft?: boolean | boolean[]\n}\n"],
-  "mappings": ";;;;;AAAA;",
+  "mappings": ";;AAAA;",
   "names": []
 }

package/lib/cjs/styles/box/boxStyle.js

@@ -5,9 +5,6 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __export = (target, all) => {
   __markAsModule(target);
   for (var name in all)

package/lib/cjs/styles/box/boxStyle.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/styles/box/boxStyle.ts"],
   "sourcesContent": ["import {Property} from 'csstype'\nimport {CSSObject} from 'styled-components'\nimport {getResponsiveProp, responsive} from '../helpers'\nimport {ThemeProps} from '../types'\nimport {ResponsiveBoxStyleProps} from './types'\n\nconst BASE_STYLE: CSSObject = {\n  '&[data-as=\"ul\"],&[data-as=\"ol\"]': {\n    listStyle: 'none',\n  },\n}\n\nconst BOX_SIZING: {[key: string]: Property.BoxSizing} = {\n  content: 'content-box',\n  border: 'border-box',\n}\n\nconst BOX_HEIGHT = {\n  stretch: 'stretch',\n  fill: '100%',\n}\n\nexport function boxStyle(): CSSObject {\n  return BASE_STYLE\n}\n\nexport function responsiveBoxStyle(): Array<\n  (props: ResponsiveBoxStyleProps & ThemeProps) => CSSObject[]\n> {\n  return [\n    responsiveBoxSizingStyle,\n    responsiveBoxHeightStyle,\n    responsiveBoxOverflowStyle,\n    responsiveBoxDisplayStyle,\n  ]\n}\n\nfunction responsiveBoxDisplayStyle(props: ResponsiveBoxStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$display), (display) => ({\n    '&:not([hidden])': {display},\n  }))\n}\n\nfunction responsiveBoxSizingStyle(props: ResponsiveBoxStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$sizing), (sizing) => ({\n    boxSizing: BOX_SIZING[sizing],\n  }))\n}\n\nfunction responsiveBoxHeightStyle(props: ResponsiveBoxStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$height), (height) => ({\n    height: BOX_HEIGHT[height],\n  }))\n}\n\nfunction responsiveBoxOverflowStyle(props: ResponsiveBoxStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$overflow), (overflow) => ({\n    overflow,\n  }))\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA,qBAA4C;AAI5C,MAAM,aAAwB;AAAA,EAC5B,mCAAmC;AAAA,IACjC,WAAW;AAAA;AAAA;AAIf,MAAM,aAAkD;AAAA,EACtD,SAAS;AAAA,EACT,QAAQ;AAAA;AAGV,MAAM,aAAa;AAAA,EACjB,SAAS;AAAA,EACT,MAAM;AAAA;AAGD,oBAA+B;AACpC,SAAO;AAAA;AAGF,8BAEL;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,mCAAmC,OAA6C;AAC9E,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,WAAW,CAAC,YAAa;AAAA,IACxE,mBAAmB,EAAC;AAAA;AAAA;AAIxB,kCAAkC,OAA6C;AAC7E,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,UAAU,CAAC,WAAY;AAAA,IACtE,WAAW,WAAW;AAAA;AAAA;AAI1B,kCAAkC,OAA6C;AAC7E,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,UAAU,CAAC,WAAY;AAAA,IACtE,QAAQ,WAAW;AAAA;AAAA;AAIvB,oCAAoC,OAA6C;AAC/E,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,YAAY,CAAC,aAAc;AAAA,IAC1E;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA,qBAA4C;AAI5C,MAAM,aAAwB;AAAA,EAC5B,mCAAmC;AAAA,IACjC,WAAW;AAAA;AAAA;AAIf,MAAM,aAAkD;AAAA,EACtD,SAAS;AAAA,EACT,QAAQ;AAAA;AAGV,MAAM,aAAa;AAAA,EACjB,SAAS;AAAA,EACT,MAAM;AAAA;AAGD,oBAA+B;AACpC,SAAO;AAAA;AAGF,8BAEL;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,mCAAmC,OAA6C;AAC9E,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,WAAW,CAAC,YAAa;AAAA,IACxE,mBAAmB,EAAC;AAAA;AAAA;AAIxB,kCAAkC,OAA6C;AAC7E,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,UAAU,CAAC,WAAY;AAAA,IACtE,WAAW,WAAW;AAAA;AAAA;AAI1B,kCAAkC,OAA6C;AAC7E,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,UAAU,CAAC,WAAY;AAAA,IACtE,QAAQ,WAAW;AAAA;AAAA;AAIvB,oCAAoC,OAA6C;AAC/E,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,YAAY,CAAC,aAAc;AAAA,IAC1E;AAAA;AAAA;",
   "names": []
 }

package/lib/cjs/styles/box/index.js

@@ -5,9 +5,6 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __reExport = (target, module2, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))

package/lib/cjs/styles/box/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/styles/box/index.ts"],
   "sourcesContent": ["export * from './boxStyle'\nexport * from './types'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;AACd,oBAAc;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;AACd,oBAAc;",
   "names": []
 }

package/lib/cjs/styles/box/types.js

@@ -1,6 +1,3 @@
 var __defProp = Object.defineProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 __markAsModule(exports);

package/lib/cjs/styles/box/types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/styles/box/types.ts"],
   "sourcesContent": ["import {BoxDisplay, BoxHeight, BoxOverflow, BoxSizing} from '../../types'\n\n/**\n * @internal\n */\nexport interface ResponsiveBoxStyleProps {\n  $display?: BoxDisplay | BoxDisplay[]\n  $height?: BoxHeight | BoxHeight[]\n  $overflow?: BoxOverflow | BoxOverflow[]\n  $sizing?: BoxSizing | BoxSizing[]\n}\n"],
-  "mappings": ";;;;;AAAA;",
+  "mappings": ";;AAAA;",
   "names": []
 }

package/lib/cjs/styles/colorVars/colorVarsStyle.js

@@ -1,8 +1,5 @@
 var __defProp = Object.defineProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __export = (target, all) => {
   __markAsModule(target);
   for (var name in all)

package/lib/cjs/styles/colorVars/colorVarsStyle.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/styles/colorVars/colorVarsStyle.ts"],
   "sourcesContent": ["import {CSSObject} from 'styled-components'\nimport {ThemeColorBase, ThemeColorGenericState} from '../../theme'\n\n/**\n * @internal\n */\nexport function _colorVarsStyle(\n  base: ThemeColorBase,\n  color: ThemeColorGenericState,\n  checkered = false\n): CSSObject {\n  return {\n    // Base\n    // @todo: rename to \"--base-\"?\n    '--card-shadow-outline-color': base.shadow.outline,\n    '--card-shadow-umbra-color': base.shadow.umbra,\n    '--card-shadow-penumbra-color': base.shadow.penumbra,\n    '--card-shadow-ambient-color': base.shadow.ambient,\n    '--card-focus-ring-color': base.focusRing,\n\n    // Card\n    '--card-bg-color': color.bg,\n    '--card-bg-image': checkered\n      ? `repeating-conic-gradient(${color.bg} 0% 25%, ${color.bg2 || color.bg} 0% 50%)`\n      : undefined,\n    '--card-fg-color': color.fg,\n    '--card-border-color': color.border,\n    '--card-muted-fg-color': color.muted?.fg,\n    '--card-accent-fg-color': color.accent?.fg,\n    '--card-link-fg-color': color.link?.fg,\n    '--card-code-bg-color': color.code?.bg,\n    '--card-code-fg-color': color.code?.fg,\n    '--card-skeleton-color-from': color.skeleton?.from,\n    '--card-skeleton-color-to': color.skeleton?.to,\n\n    // @todo: deprecate\n    '--card-link-color': color.link?.fg,\n    '--card-hairline-soft-color': color.border,\n    '--card-hairline-hard-color': color.border,\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAMO,yBACL,MACA,OACA,YAAY,OACD;AAVb;AAWE,SAAO;AAAA,IAGL,+BAA+B,KAAK,OAAO;AAAA,IAC3C,6BAA6B,KAAK,OAAO;AAAA,IACzC,gCAAgC,KAAK,OAAO;AAAA,IAC5C,+BAA+B,KAAK,OAAO;AAAA,IAC3C,2BAA2B,KAAK;AAAA,IAGhC,mBAAmB,MAAM;AAAA,IACzB,mBAAmB,YACf,4BAA4B,MAAM,cAAc,MAAM,OAAO,MAAM,eACnE;AAAA,IACJ,mBAAmB,MAAM;AAAA,IACzB,uBAAuB,MAAM;AAAA,IAC7B,yBAAyB,YAAM,UAAN,mBAAa;AAAA,IACtC,0BAA0B,YAAM,WAAN,mBAAc;AAAA,IACxC,wBAAwB,YAAM,SAAN,mBAAY;AAAA,IACpC,wBAAwB,YAAM,SAAN,mBAAY;AAAA,IACpC,wBAAwB,YAAM,SAAN,mBAAY;AAAA,IACpC,8BAA8B,YAAM,aAAN,mBAAgB;AAAA,IAC9C,4BAA4B,YAAM,aAAN,mBAAgB;AAAA,IAG5C,qBAAqB,YAAM,SAAN,mBAAY;AAAA,IACjC,8BAA8B,MAAM;AAAA,IACpC,8BAA8B,MAAM;AAAA;AAAA;",
+  "mappings": ";;;;;;;AAAA;AAAA;AAAA;AAMO,yBACL,MACA,OACA,YAAY,OACD;AAVb;AAWE,SAAO;AAAA,IAGL,+BAA+B,KAAK,OAAO;AAAA,IAC3C,6BAA6B,KAAK,OAAO;AAAA,IACzC,gCAAgC,KAAK,OAAO;AAAA,IAC5C,+BAA+B,KAAK,OAAO;AAAA,IAC3C,2BAA2B,KAAK;AAAA,IAGhC,mBAAmB,MAAM;AAAA,IACzB,mBAAmB,YACf,4BAA4B,MAAM,cAAc,MAAM,OAAO,MAAM,eACnE;AAAA,IACJ,mBAAmB,MAAM;AAAA,IACzB,uBAAuB,MAAM;AAAA,IAC7B,yBAAyB,YAAM,UAAN,mBAAa;AAAA,IACtC,0BAA0B,YAAM,WAAN,mBAAc;AAAA,IACxC,wBAAwB,YAAM,SAAN,mBAAY;AAAA,IACpC,wBAAwB,YAAM,SAAN,mBAAY;AAAA,IACpC,wBAAwB,YAAM,SAAN,mBAAY;AAAA,IACpC,8BAA8B,YAAM,aAAN,mBAAgB;AAAA,IAC9C,4BAA4B,YAAM,aAAN,mBAAgB;AAAA,IAG5C,qBAAqB,YAAM,SAAN,mBAAY;AAAA,IACjC,8BAA8B,MAAM;AAAA,IACpC,8BAA8B,MAAM;AAAA;AAAA;",
   "names": []
 }

package/lib/cjs/styles/colorVars/index.js

@@ -5,9 +5,6 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __reExport = (target, module2, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))

package/lib/cjs/styles/colorVars/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/styles/colorVars/index.ts"],
   "sourcesContent": ["export * from './colorVarsStyle'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;",
   "names": []
 }

package/lib/cjs/styles/flex/flexItemStyle.js

@@ -5,9 +5,6 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __export = (target, all) => {
   __markAsModule(target);
   for (var name in all)

package/lib/cjs/styles/flex/flexItemStyle.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/styles/flex/flexItemStyle.ts"],
   "sourcesContent": ["import {CSSObject} from 'styled-components'\nimport {getResponsiveProp, responsive} from '../helpers'\nimport {ThemeProps} from '../types'\nimport {ResponsiveFlexItemStyleProps} from './types'\n\nconst BASE_STYLE: CSSObject = {\n  minWidth: 0,\n  minHeight: 0,\n}\n\nexport function flexItemStyle(): Array<\n  CSSObject | ((props: ResponsiveFlexItemStyleProps & ThemeProps) => CSSObject[])\n> {\n  return [BASE_STYLE, responsiveFlexItemStyle]\n}\n\nexport function responsiveFlexItemStyle(\n  props: ResponsiveFlexItemStyleProps & ThemeProps\n): CSSObject[] {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$flex), (flex) => ({flex}))\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA,qBAA4C;AAI5C,MAAM,aAAwB;AAAA,EAC5B,UAAU;AAAA,EACV,WAAW;AAAA;AAGN,yBAEL;AACA,SAAO,CAAC,YAAY;AAAA;AAGf,iCACL,OACa;AACb,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,QAAQ,CAAC,SAAU,GAAC;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA,qBAA4C;AAI5C,MAAM,aAAwB;AAAA,EAC5B,UAAU;AAAA,EACV,WAAW;AAAA;AAGN,yBAEL;AACA,SAAO,CAAC,YAAY;AAAA;AAGf,iCACL,OACa;AACb,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,QAAQ,CAAC,SAAU,GAAC;AAAA;",
   "names": []
 }

package/lib/cjs/styles/flex/flexStyle.js

@@ -5,9 +5,6 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __export = (target, all) => {
   __markAsModule(target);
   for (var name in all)

package/lib/cjs/styles/flex/flexStyle.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/styles/flex/flexStyle.ts"],
   "sourcesContent": ["import {CSSObject} from 'styled-components'\nimport {getResponsiveProp, rem, responsive} from '../helpers'\nimport {ThemeProps} from '../types'\nimport {ResponsiveFlexStyleProps} from './types'\n\nconst BASE_STYLE: CSSObject = {\n  '&&:not([hidden])': {\n    display: 'flex',\n  },\n}\n\nexport function responsiveFlexStyle(): Array<\n  CSSObject | ((props: ResponsiveFlexStyleProps & ThemeProps) => CSSObject[])\n> {\n  return [\n    BASE_STYLE,\n    responsiveFlexAlignStyle,\n    responsiveFlexGapStyle,\n    responsiveFlexWrapStyle,\n    responsiveFlexJustifyStyle,\n    responsiveFlexDirectionStyle,\n  ]\n}\n\nexport function responsiveFlexAlignStyle(\n  props: ResponsiveFlexStyleProps & ThemeProps\n): CSSObject[] {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$align), (align) => {\n    return {alignItems: align}\n  })\n}\n\nfunction responsiveFlexGapStyle(props: ResponsiveFlexStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media, space} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$gap), (gap) => ({\n    gap: gap ? rem(space[gap]) : undefined,\n  }))\n}\n\nexport function responsiveFlexWrapStyle(props: ResponsiveFlexStyleProps & ThemeProps): CSSObject[] {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$wrap), (wrap) => {\n    return {flexWrap: wrap}\n  })\n}\n\nexport function responsiveFlexJustifyStyle(\n  props: ResponsiveFlexStyleProps & ThemeProps\n): CSSObject[] {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$justify), (justify) => {\n    return {justifyContent: justify}\n  })\n}\n\nexport function responsiveFlexDirectionStyle(\n  props: ResponsiveFlexStyleProps & ThemeProps\n): CSSObject[] {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$direction), (direction) => {\n    return {flexDirection: direction}\n  })\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAiD;AAIjD,MAAM,aAAwB;AAAA,EAC5B,oBAAoB;AAAA,IAClB,SAAS;AAAA;AAAA;AAIN,+BAEL;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIG,kCACL,OACa;AACb,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,SAAS,CAAC,UAAU;AACnE,WAAO,EAAC,YAAY;AAAA;AAAA;AAIxB,gCAAgC,OAA8C;AAC5E,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,OAAO,UAAS,MAAM;AAE7B,SAAO,+BAAW,OAAO,sCAAkB,MAAM,OAAO,CAAC,QAAS;AAAA,IAChE,KAAK,MAAM,wBAAI,MAAM,QAAQ;AAAA;AAAA;AAI1B,iCAAiC,OAA2D;AACjG,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,QAAQ,CAAC,SAAS;AACjE,WAAO,EAAC,UAAU;AAAA;AAAA;AAIf,oCACL,OACa;AACb,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,WAAW,CAAC,YAAY;AACvE,WAAO,EAAC,gBAAgB;AAAA;AAAA;AAIrB,sCACL,OACa;AACb,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,aAAa,CAAC,cAAc;AAC3E,WAAO,EAAC,eAAe;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAiD;AAIjD,MAAM,aAAwB;AAAA,EAC5B,oBAAoB;AAAA,IAClB,SAAS;AAAA;AAAA;AAIN,+BAEL;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIG,kCACL,OACa;AACb,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,SAAS,CAAC,UAAU;AACnE,WAAO,EAAC,YAAY;AAAA;AAAA;AAIxB,gCAAgC,OAA8C;AAC5E,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,OAAO,UAAS,MAAM;AAE7B,SAAO,+BAAW,OAAO,sCAAkB,MAAM,OAAO,CAAC,QAAS;AAAA,IAChE,KAAK,MAAM,wBAAI,MAAM,QAAQ;AAAA;AAAA;AAI1B,iCAAiC,OAA2D;AACjG,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,QAAQ,CAAC,SAAS;AACjE,WAAO,EAAC,UAAU;AAAA;AAAA;AAIf,oCACL,OACa;AACb,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,WAAW,CAAC,YAAY;AACvE,WAAO,EAAC,gBAAgB;AAAA;AAAA;AAIrB,sCACL,OACa;AACb,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,aAAa,CAAC,cAAc;AAC3E,WAAO,EAAC,eAAe;AAAA;AAAA;",
   "names": []
 }

package/lib/cjs/styles/flex/index.js

@@ -5,9 +5,6 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __reExport = (target, module2, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))

package/lib/cjs/styles/flex/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/styles/flex/index.ts"],
   "sourcesContent": ["export * from './flexStyle'\nexport * from './flexItemStyle'\nexport * from './types'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;AACd,oBAAc;AACd,oBAAc;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;AACd,oBAAc;AACd,oBAAc;",
   "names": []
 }

package/lib/cjs/styles/flex/types.js

@@ -1,6 +1,3 @@
 var __defProp = Object.defineProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 __markAsModule(exports);

package/lib/cjs/styles/flex/types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/styles/flex/types.ts"],
   "sourcesContent": ["import {FlexAlign, FlexDirection, FlexJustify, FlexWrap} from '../../types'\n\n/**\n * @internal\n */\nexport interface ResponsiveFlexStyleProps {\n  $align?: FlexAlign | FlexAlign[]\n  $direction?: FlexDirection | FlexDirection[]\n  $gap?: number | number[]\n  $justify?: FlexJustify | FlexJustify[]\n  $wrap?: FlexWrap | FlexWrap[]\n}\n\n/**\n * @internal\n */\nexport interface ResponsiveFlexItemStyleProps {\n  $flex?: number | number[]\n}\n\n/**\n * @internal\n */\nexport interface FlexItemStyleProps extends ResponsiveFlexItemStyleProps {}\n"],
-  "mappings": ";;;;;AAAA;",
+  "mappings": ";;AAAA;",
   "names": []
 }

package/lib/cjs/styles/focusRing/index.js

@@ -1,8 +1,5 @@
 var __defProp = Object.defineProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __export = (target, all) => {
   __markAsModule(target);
   for (var name in all)