@sanity/ui 0.36.13 → 0.36.16

package/lib/esm/styles/input/responsiveInputPaddingStyle.d.ts

@@ -1,26 +0,0 @@
-import { CSSObject } from 'styled-components';
-import { ThemeProps } from '../types';
-export interface TextInputResponsivePaddingStyleProps {
-    $fontSize?: number | number[];
-    $iconLeft?: boolean;
-    $iconRight?: boolean;
-    $padding?: number | number[];
-    $space?: number | number[];
-}
-export declare function responsiveInputPaddingStyle(props: TextInputResponsivePaddingStyleProps & ThemeProps): CSSObject[];
-export declare function responsiveInputPaddingIconsStyle(props: {
-    padding?: number | number[];
-    size?: number | number[];
-    space?: number | number[];
-} & ThemeProps): CSSObject[];
-export declare function responsiveInputPaddingIconLeftStyle(props: {
-    padding?: number | number[];
-    size?: number | number[];
-    space?: number | number[];
-} & ThemeProps): CSSObject[];
-export declare function responsiveInputPaddingIconRightStyle(props: {
-    padding?: number | number[];
-    size?: number | number[];
-    space?: number | number[];
-} & ThemeProps): CSSObject[];
-//# sourceMappingURL=responsiveInputPaddingStyle.d.ts.map

package/lib/esm/styles/input/responsiveInputPaddingStyle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"responsiveInputPaddingStyle.d.ts","sourceRoot":"","sources":["../../../../src/styles/input/responsiveInputPaddingStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAA;AAE3C,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AAEnC,MAAM,WAAW,oCAAoC;IACnD,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC3B;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,oCAAoC,GAAG,UAAU,GACvD,SAAS,EAAE,CAmCb;AAED,wBAAgB,gCAAgC,CAC9C,KAAK,EAAE;IACL,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC1B,GAAG,UAAU,GACb,SAAS,EAAE,CAEb;AAED,wBAAgB,mCAAmC,CACjD,KAAK,EAAE;IACL,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC1B,GAAG,UAAU,GACb,SAAS,EAAE,CAEb;AAED,wBAAgB,oCAAoC,CAClD,KAAK,EAAE;IACL,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC1B,GAAG,UAAU,GACb,SAAS,EAAE,CAEb"}

package/lib/esm/styles/input/responsiveInputPaddingStyle.js

@@ -1,68 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { getResponsiveProp, rem, responsive } from "../helpers";
-function responsiveInputPaddingStyle(props) {
-  const { $iconLeft, $iconRight, theme } = props;
-  const { fonts, media, space: spaceScale } = theme.sanity;
-  const padding = getResponsiveProp(props.$padding, [0]);
-  const space = getResponsiveProp(props.$space, [0]);
-  const size = getResponsiveProp(props.$fontSize, [0]);
-  const len = Math.max(padding.length, space.length, size.length);
-  const _padding = [];
-  const _space = [];
-  const _size = [];
-  for (let i = 0; i < len; i += 1) {
-    _padding[i] = padding[i] === void 0 ? _padding[i - 1] : padding[i];
-    _space[i] = space[i] === void 0 ? _space[i - 1] : space[i];
-    _size[i] = size[i] === void 0 ? _size[i - 1] : size[i];
-  }
-  return responsive(media, _padding, (_, i) => {
-    const fontSize = fonts.text.sizes[_size[i]] || fonts.text.sizes[2];
-    const emSize = fontSize.lineHeight - fontSize.ascenderHeight - fontSize.descenderHeight;
-    const p = spaceScale[_padding[i]];
-    const s = spaceScale[_space[i]];
-    const styles = {
-      paddingTop: rem(p - fontSize.ascenderHeight),
-      paddingRight: rem(p),
-      paddingBottom: rem(p - fontSize.descenderHeight),
-      paddingLeft: rem(p)
-    };
-    if ($iconRight)
-      styles.paddingRight = rem(p + emSize + s);
-    if ($iconLeft)
-      styles.paddingLeft = rem(p + emSize + s);
-    return styles;
-  });
-}
-function responsiveInputPaddingIconsStyle(props) {
-  return responsiveInputPaddingStyle(__spreadProps(__spreadValues({}, props), { $iconLeft: true, $iconRight: true }));
-}
-function responsiveInputPaddingIconLeftStyle(props) {
-  return responsiveInputPaddingStyle(__spreadProps(__spreadValues({}, props), { $iconLeft: true }));
-}
-function responsiveInputPaddingIconRightStyle(props) {
-  return responsiveInputPaddingStyle(__spreadProps(__spreadValues({}, props), { $iconRight: true }));
-}
-export {
-  responsiveInputPaddingIconLeftStyle,
-  responsiveInputPaddingIconRightStyle,
-  responsiveInputPaddingIconsStyle,
-  responsiveInputPaddingStyle
-};

package/lib/esm/styles/input/responsiveInputPaddingStyle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/styles/input/responsiveInputPaddingStyle.ts"],
-  "sourcesContent": ["import {CSSObject} from 'styled-components'\nimport {getResponsiveProp, rem, responsive} from '../helpers'\nimport {ThemeProps} from '../types'\n\nexport interface TextInputResponsivePaddingStyleProps {\n  $fontSize?: number | number[]\n  $iconLeft?: boolean\n  $iconRight?: boolean\n  $padding?: number | number[]\n  $space?: number | number[]\n}\n\nexport function responsiveInputPaddingStyle(\n  props: TextInputResponsivePaddingStyleProps & ThemeProps\n): CSSObject[] {\n  const {$iconLeft, $iconRight, theme} = props\n  const {fonts, media, space: spaceScale} = theme.sanity\n  const padding = getResponsiveProp(props.$padding, [0])\n  const space = getResponsiveProp(props.$space, [0])\n  const size = getResponsiveProp(props.$fontSize, [0])\n  const len = Math.max(padding.length, space.length, size.length)\n  const _padding: number[] = []\n  const _space: number[] = []\n  const _size: number[] = []\n\n  for (let i = 0; i < len; i += 1) {\n    _padding[i] = padding[i] === undefined ? _padding[i - 1] : padding[i]\n    _space[i] = space[i] === undefined ? _space[i - 1] : space[i]\n    _size[i] = size[i] === undefined ? _size[i - 1] : size[i]\n  }\n\n  return responsive(media, _padding, (_, i) => {\n    const fontSize = fonts.text.sizes[_size[i]] || fonts.text.sizes[2]\n    const emSize = fontSize.lineHeight - fontSize.ascenderHeight - fontSize.descenderHeight\n    const p = spaceScale[_padding[i]]\n    const s = spaceScale[_space[i]]\n\n    const styles = {\n      paddingTop: rem(p - fontSize.ascenderHeight),\n      paddingRight: rem(p),\n      paddingBottom: rem(p - fontSize.descenderHeight),\n      paddingLeft: rem(p),\n    }\n\n    if ($iconRight) styles.paddingRight = rem(p + emSize + s)\n    if ($iconLeft) styles.paddingLeft = rem(p + emSize + s)\n\n    return styles\n  })\n}\n\nexport function responsiveInputPaddingIconsStyle(\n  props: {\n    padding?: number | number[]\n    size?: number | number[]\n    space?: number | number[]\n  } & ThemeProps\n): CSSObject[] {\n  return responsiveInputPaddingStyle({...props, $iconLeft: true, $iconRight: true})\n}\n\nexport function responsiveInputPaddingIconLeftStyle(\n  props: {\n    padding?: number | number[]\n    size?: number | number[]\n    space?: number | number[]\n  } & ThemeProps\n): CSSObject[] {\n  return responsiveInputPaddingStyle({...props, $iconLeft: true})\n}\n\nexport function responsiveInputPaddingIconRightStyle(\n  props: {\n    padding?: number | number[]\n    size?: number | number[]\n    space?: number | number[]\n  } & ThemeProps\n): CSSObject[] {\n  return responsiveInputPaddingStyle({...props, $iconRight: true})\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AACA;AAWO,qCACL,OACa;AACb,QAAM,EAAC,WAAW,YAAY,UAAS;AACvC,QAAM,EAAC,OAAO,OAAO,OAAO,eAAc,MAAM;AAChD,QAAM,UAAU,kBAAkB,MAAM,UAAU,CAAC;AACnD,QAAM,QAAQ,kBAAkB,MAAM,QAAQ,CAAC;AAC/C,QAAM,OAAO,kBAAkB,MAAM,WAAW,CAAC;AACjD,QAAM,MAAM,KAAK,IAAI,QAAQ,QAAQ,MAAM,QAAQ,KAAK;AACxD,QAAM,WAAqB;AAC3B,QAAM,SAAmB;AACzB,QAAM,QAAkB;AAExB,WAAS,IAAI,GAAG,IAAI,KAAK,KAAK,GAAG;AAC/B,aAAS,KAAK,QAAQ,OAAO,SAAY,SAAS,IAAI,KAAK,QAAQ;AACnE,WAAO,KAAK,MAAM,OAAO,SAAY,OAAO,IAAI,KAAK,MAAM;AAC3D,UAAM,KAAK,KAAK,OAAO,SAAY,MAAM,IAAI,KAAK,KAAK;AAAA;AAGzD,SAAO,WAAW,OAAO,UAAU,CAAC,GAAG,MAAM;AAC3C,UAAM,WAAW,MAAM,KAAK,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM;AAChE,UAAM,SAAS,SAAS,aAAa,SAAS,iBAAiB,SAAS;AACxE,UAAM,IAAI,WAAW,SAAS;AAC9B,UAAM,IAAI,WAAW,OAAO;AAE5B,UAAM,SAAS;AAAA,MACb,YAAY,IAAI,IAAI,SAAS;AAAA,MAC7B,cAAc,IAAI;AAAA,MAClB,eAAe,IAAI,IAAI,SAAS;AAAA,MAChC,aAAa,IAAI;AAAA;AAGnB,QAAI;AAAY,aAAO,eAAe,IAAI,IAAI,SAAS;AACvD,QAAI;AAAW,aAAO,cAAc,IAAI,IAAI,SAAS;AAErD,WAAO;AAAA;AAAA;AAIJ,0CACL,OAKa;AACb,SAAO,4BAA4B,iCAAI,QAAJ,EAAW,WAAW,MAAM,YAAY;AAAA;AAGtE,6CACL,OAKa;AACb,SAAO,4BAA4B,iCAAI,QAAJ,EAAW,WAAW;AAAA;AAGpD,8CACL,OAKa;AACb,SAAO,4BAA4B,iCAAI,QAAJ,EAAW,YAAY;AAAA;",
-  "names": []
-}

package/lib/esm/styles/input/textInputStyle.d.ts

@@ -1,23 +0,0 @@
-import { CSSObject, FlattenSimpleInterpolation } from 'styled-components';
-import { ThemeFontWeightKey } from '../../theme';
-import { ThemeProps } from '../types';
-/**
- * @internal
- */
-export interface TextInputInputStyleProps {
-    $fontSize?: number | number[];
-    $weight?: ThemeFontWeightKey;
-}
-/**
- * @internal
- */
-export interface TextInputRepresentationStyleProps {
-    $border?: boolean;
-    $hasPrefix?: boolean;
-    $hasSuffix?: boolean;
-}
-export declare function textInputRootStyle(): FlattenSimpleInterpolation;
-export declare function textInputBaseStyle(props: TextInputInputStyleProps & ThemeProps): FlattenSimpleInterpolation;
-export declare function textInputFontSizeStyle(props: TextInputInputStyleProps & ThemeProps): CSSObject[];
-export declare function textInputRepresentationStyle(props: TextInputRepresentationStyleProps & ThemeProps): FlattenSimpleInterpolation;
-//# sourceMappingURL=textInputStyle.d.ts.map

package/lib/esm/styles/input/textInputStyle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"textInputStyle.d.ts","sourceRoot":"","sources":["../../../../src/styles/input/textInputStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,SAAS,EAAE,0BAA0B,EAAC,MAAM,mBAAmB,CAAA;AAC5E,OAAO,EAAC,kBAAkB,EAAC,MAAM,aAAa,CAAA;AAG9C,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AAEnC;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC7B,OAAO,CAAC,EAAE,kBAAkB,CAAA;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,iCAAiC;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAQD,wBAAgB,kBAAkB,IAAI,0BAA0B,CAE/D;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,wBAAwB,GAAG,UAAU,GAC3C,0BAA0B,CAmE5B;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,wBAAwB,GAAG,UAAU,GAAG,SAAS,EAAE,CAYhG;AAED,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,iCAAiC,GAAG,UAAU,GACpD,0BAA0B,CAuF5B"}

package/lib/esm/styles/input/textInputStyle.js

@@ -1,172 +0,0 @@
-import { css } from "styled-components";
-import { focusRingBorderStyle, focusRingStyle } from "../focusRing";
-import { getResponsiveProp, rem, responsive } from "../helpers";
-const ROOT_STYLE = css`
-  &:not([hidden]) {
-    display: flex;
-  }
-`;
-function textInputRootStyle() {
-  return ROOT_STYLE;
-}
-function textInputBaseStyle(props) {
-  const { theme, $weight } = props;
-  const font = theme.sanity.fonts.text;
-  const color = theme.sanity.color.input;
-  return css`
-    --input-fg-color: ${color.default.enabled.fg};
-    --input-placeholder-color: ${color.default.enabled.placeholder};
-
-    appearance: none;
-    background: none;
-    border: 0;
-    border-radius: 0;
-    outline: none;
-    width: 100%;
-    box-sizing: border-box;
-    font-family: ${font.family};
-    font-weight: ${$weight && font.weights[$weight] || font.weights.regular};
-    margin: 0;
-    position: relative;
-    z-index: 1;
-    display: block;
-    color: var(--input-fg-color);
-
-    /* NOTE: This is a hack to disable Chrome’s autofill styles */
-    &:-webkit-autofill,
-    &:-webkit-autofill:hover,
-    &:-webkit-autofill:focus,
-    &:-webkit-autofill:active {
-      -webkit-text-fill-color: var(--input-fg-color) !important;
-      transition: background-color 5000s;
-      transition-delay: 86400s /* 24h */;
-    }
-
-    &::placeholder {
-      color: var(--input-placeholder-color);
-    }
-
-    /* &:is(textarea) */
-    &[data-as='textarea'] {
-      resize: none;
-    }
-
-    /* enabled */
-    &:not(:invalid):not(:disabled):not(:read-only) {
-      --input-fg-color: ${color.default.enabled.fg};
-      --input-placeholder-color: ${color.default.enabled.placeholder};
-    }
-
-    /* disabled */
-    &:not(:invalid):disabled {
-      --input-fg-color: ${color.default.disabled.fg};
-      --input-placeholder-color: ${color.default.disabled.placeholder};
-    }
-
-    /* invalid */
-    &:invalid {
-      --input-fg-color: ${color.invalid.enabled.fg};
-      --input-placeholder-color: ${color.invalid.enabled.placeholder};
-    }
-
-    /* readOnly */
-    &:read-only {
-      --input-fg-color: ${color.default.readOnly.fg};
-      --input-placeholder-color: ${color.default.readOnly.placeholder};
-    }
-  `;
-}
-function textInputFontSizeStyle(props) {
-  const { theme } = props;
-  const { fonts, media } = theme.sanity;
-  return responsive(media, getResponsiveProp(props.$fontSize, [2]), (sizeIndex) => {
-    const size = fonts.text.sizes[sizeIndex] || fonts.text.sizes[2];
-    return {
-      fontSize: rem(size.fontSize),
-      lineHeight: size.lineHeight / size.fontSize
-    };
-  });
-}
-function textInputRepresentationStyle(props) {
-  const { $border, $hasPrefix, $hasSuffix, theme } = props;
-  const { focusRing, input } = theme.sanity;
-  const color = theme.sanity.color.input;
-  return css`
-    --card-bg-color: ${color.default.enabled.bg};
-    --card-fg-color: ${color.default.enabled.fg};
-    --input-box-shadow: none;
-
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    display: block;
-    pointer-events: none;
-    z-index: 0;
-    background-color: var(--card-bg-color);
-    box-shadow: var(--input-box-shadow);
-
-    border-top-left-radius: ${$hasPrefix ? 0 : void 0};
-    border-bottom-left-radius: ${$hasPrefix ? 0 : void 0};
-    border-top-right-radius: ${$hasSuffix ? 0 : void 0};
-    border-bottom-right-radius: ${$hasSuffix ? 0 : void 0};
-
-    /* enabled */
-    *:not(:disabled) + && {
-      --input-box-shadow: ${$border ? focusRingBorderStyle({ color: color.default.enabled.border, width: input.border.width }) : void 0};
-    }
-
-    /* invalid */
-    *:not(:disabled):invalid + && {
-      --card-bg-color: ${color.invalid.enabled.bg};
-      --card-fg-color: ${color.invalid.enabled.fg};
-      --input-box-shadow: ${$border ? focusRingBorderStyle({ color: color.invalid.enabled.border, width: input.border.width }) : "none"};
-    }
-
-    /* focused */
-    *:not(:disabled):focus + && {
-      --input-box-shadow: ${focusRingStyle({
-    border: $border ? { color: color.default.enabled.border, width: input.border.width } : void 0,
-    focusRing
-  })};
-    }
-
-    /* disabled */
-    *:disabled + && {
-      --card-bg-color: ${color.default.disabled.bg};
-      --card-fg-color: ${color.default.disabled.fg};
-      --input-box-shadow: ${$border ? focusRingBorderStyle({
-    color: color.default.disabled.border,
-    width: input.border.width
-  }) : "none"};
-    }
-
-    /* hovered */
-    @media (hover: hover) {
-      *:not(:disabled):not(:read-only):not(:invalid):hover + && {
-        --card-bg-color: ${color.default.hovered.bg};
-        --card-fg-color: ${color.default.hovered.fg};
-      }
-
-      *:not(:disabled):not(:read-only):not(:invalid):not(:focus):hover + && {
-        --input-box-shadow: ${$border ? focusRingBorderStyle({
-    color: color.default.hovered.border,
-    width: input.border.width
-  }) : "none"};
-      }
-    }
-
-    /* readOnly */
-    *:read-only + && {
-      --card-bg-color: ${color.default.readOnly.bg};
-      --card-fg-color: ${color.default.readOnly.fg};
-    }
-  `;
-}
-export {
-  textInputBaseStyle,
-  textInputFontSizeStyle,
-  textInputRepresentationStyle,
-  textInputRootStyle
-};

package/lib/esm/styles/input/textInputStyle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/styles/input/textInputStyle.ts"],
-  "sourcesContent": ["import {css, CSSObject, FlattenSimpleInterpolation} from 'styled-components'\nimport {ThemeFontWeightKey} from '../../theme'\nimport {focusRingBorderStyle, focusRingStyle} from '../focusRing'\nimport {getResponsiveProp, rem, responsive} from '../helpers'\nimport {ThemeProps} from '../types'\n\n/**\n * @internal\n */\nexport interface TextInputInputStyleProps {\n  $fontSize?: number | number[]\n  $weight?: ThemeFontWeightKey\n}\n\n/**\n * @internal\n */\nexport interface TextInputRepresentationStyleProps {\n  $border?: boolean\n  $hasPrefix?: boolean\n  $hasSuffix?: boolean\n}\n\nconst ROOT_STYLE = css`\n  &:not([hidden]) {\n    display: flex;\n  }\n`\n\nexport function textInputRootStyle(): FlattenSimpleInterpolation {\n  return ROOT_STYLE\n}\n\nexport function textInputBaseStyle(\n  props: TextInputInputStyleProps & ThemeProps\n): FlattenSimpleInterpolation {\n  const {theme, $weight} = props\n  const font = theme.sanity.fonts.text\n  const color = theme.sanity.color.input\n\n  return css`\n    --input-fg-color: ${color.default.enabled.fg};\n    --input-placeholder-color: ${color.default.enabled.placeholder};\n\n    appearance: none;\n    background: none;\n    border: 0;\n    border-radius: 0;\n    outline: none;\n    width: 100%;\n    box-sizing: border-box;\n    font-family: ${font.family};\n    font-weight: ${($weight && font.weights[$weight]) || font.weights.regular};\n    margin: 0;\n    position: relative;\n    z-index: 1;\n    display: block;\n    color: var(--input-fg-color);\n\n    /* NOTE: This is a hack to disable Chrome\u2019s autofill styles */\n    &:-webkit-autofill,\n    &:-webkit-autofill:hover,\n    &:-webkit-autofill:focus,\n    &:-webkit-autofill:active {\n      -webkit-text-fill-color: var(--input-fg-color) !important;\n      transition: background-color 5000s;\n      transition-delay: 86400s /* 24h */;\n    }\n\n    &::placeholder {\n      color: var(--input-placeholder-color);\n    }\n\n    /* &:is(textarea) */\n    &[data-as='textarea'] {\n      resize: none;\n    }\n\n    /* enabled */\n    &:not(:invalid):not(:disabled):not(:read-only) {\n      --input-fg-color: ${color.default.enabled.fg};\n      --input-placeholder-color: ${color.default.enabled.placeholder};\n    }\n\n    /* disabled */\n    &:not(:invalid):disabled {\n      --input-fg-color: ${color.default.disabled.fg};\n      --input-placeholder-color: ${color.default.disabled.placeholder};\n    }\n\n    /* invalid */\n    &:invalid {\n      --input-fg-color: ${color.invalid.enabled.fg};\n      --input-placeholder-color: ${color.invalid.enabled.placeholder};\n    }\n\n    /* readOnly */\n    &:read-only {\n      --input-fg-color: ${color.default.readOnly.fg};\n      --input-placeholder-color: ${color.default.readOnly.placeholder};\n    }\n  `\n}\n\nexport function textInputFontSizeStyle(props: TextInputInputStyleProps & ThemeProps): CSSObject[] {\n  const {theme} = props\n  const {fonts, media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$fontSize, [2]), (sizeIndex) => {\n    const size = fonts.text.sizes[sizeIndex] || fonts.text.sizes[2]\n\n    return {\n      fontSize: rem(size.fontSize),\n      lineHeight: size.lineHeight / size.fontSize,\n    }\n  })\n}\n\nexport function textInputRepresentationStyle(\n  props: TextInputRepresentationStyleProps & ThemeProps\n): FlattenSimpleInterpolation {\n  const {$border, $hasPrefix, $hasSuffix, theme} = props\n  const {focusRing, input} = theme.sanity\n  const color = theme.sanity.color.input\n\n  return css`\n    --card-bg-color: ${color.default.enabled.bg};\n    --card-fg-color: ${color.default.enabled.fg};\n    --input-box-shadow: none;\n\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: block;\n    pointer-events: none;\n    z-index: 0;\n    background-color: var(--card-bg-color);\n    box-shadow: var(--input-box-shadow);\n\n    border-top-left-radius: ${$hasPrefix ? 0 : undefined};\n    border-bottom-left-radius: ${$hasPrefix ? 0 : undefined};\n    border-top-right-radius: ${$hasSuffix ? 0 : undefined};\n    border-bottom-right-radius: ${$hasSuffix ? 0 : undefined};\n\n    /* enabled */\n    *:not(:disabled) + && {\n      --input-box-shadow: ${$border\n        ? focusRingBorderStyle({color: color.default.enabled.border, width: input.border.width})\n        : undefined};\n    }\n\n    /* invalid */\n    *:not(:disabled):invalid + && {\n      --card-bg-color: ${color.invalid.enabled.bg};\n      --card-fg-color: ${color.invalid.enabled.fg};\n      --input-box-shadow: ${$border\n        ? focusRingBorderStyle({color: color.invalid.enabled.border, width: input.border.width})\n        : 'none'};\n    }\n\n    /* focused */\n    *:not(:disabled):focus + && {\n      --input-box-shadow: ${focusRingStyle({\n        border: $border\n          ? {color: color.default.enabled.border, width: input.border.width}\n          : undefined,\n        focusRing,\n      })};\n    }\n\n    /* disabled */\n    *:disabled + && {\n      --card-bg-color: ${color.default.disabled.bg};\n      --card-fg-color: ${color.default.disabled.fg};\n      --input-box-shadow: ${$border\n        ? focusRingBorderStyle({\n            color: color.default.disabled.border,\n            width: input.border.width,\n          })\n        : 'none'};\n    }\n\n    /* hovered */\n    @media (hover: hover) {\n      *:not(:disabled):not(:read-only):not(:invalid):hover + && {\n        --card-bg-color: ${color.default.hovered.bg};\n        --card-fg-color: ${color.default.hovered.fg};\n      }\n\n      *:not(:disabled):not(:read-only):not(:invalid):not(:focus):hover + && {\n        --input-box-shadow: ${$border\n          ? focusRingBorderStyle({\n              color: color.default.hovered.border,\n              width: input.border.width,\n            })\n          : 'none'};\n      }\n    }\n\n    /* readOnly */\n    *:read-only + && {\n      --card-bg-color: ${color.default.readOnly.bg};\n      --card-fg-color: ${color.default.readOnly.fg};\n    }\n  `\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/lib/esm/styles/internal.d.ts

@@ -1,12 +0,0 @@
-export * from './border';
-export * from './box';
-export * from './flex';
-export * from './focusRing';
-export * from './font';
-export * from './grid';
-export * from './input';
-export * from './margin';
-export * from './padding';
-export * from './radius';
-export * from './shadow';
-//# sourceMappingURL=internal.d.ts.map

package/lib/esm/styles/internal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/styles/internal.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA"}

package/lib/esm/styles/internal.js

@@ -1,11 +0,0 @@
-export * from "./border";
-export * from "./box";
-export * from "./flex";
-export * from "./focusRing";
-export * from "./font";
-export * from "./grid";
-export * from "./input";
-export * from "./margin";
-export * from "./padding";
-export * from "./radius";
-export * from "./shadow";

package/lib/esm/styles/internal.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/styles/internal.ts"],
-  "sourcesContent": ["// Not yet ready to be exposed\nexport * from './border'\nexport * from './box'\nexport * from './flex'\nexport * from './focusRing'\nexport * from './font'\nexport * from './grid'\nexport * from './input'\nexport * from './margin'\nexport * from './padding'\nexport * from './radius'\nexport * from './shadow'\n"],
-  "mappings": "AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
-  "names": []
-}

package/lib/esm/styles/margin/index.d.ts

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

package/lib/esm/styles/margin/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/styles/margin/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA"}

package/lib/esm/styles/margin/index.js

@@ -1,2 +0,0 @@
-export * from "./marginStyle";
-export * from "./types";

package/lib/esm/styles/margin/index.js.map

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

package/lib/esm/styles/margin/marginStyle.d.ts

@@ -1,5 +0,0 @@
-import { CSSObject } from 'styled-components';
-import { ThemeProps } from '../types';
-import { ResponsiveMarginStyleProps } from './types';
-export declare function responsiveMarginStyle(props: ResponsiveMarginStyleProps & ThemeProps): CSSObject[][];
-//# sourceMappingURL=marginStyle.d.ts.map

package/lib/esm/styles/margin/marginStyle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"marginStyle.d.ts","sourceRoot":"","sources":["../../../../src/styles/margin/marginStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAA;AAE3C,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AACnC,OAAO,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAA;AAElD,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,0BAA0B,GAAG,UAAU,GAC7C,SAAS,EAAE,EAAE,CAYf"}

package/lib/esm/styles/margin/marginStyle.js

@@ -1,16 +0,0 @@
-import { getResponsiveProp, getResponsiveSpace } from "../helpers";
-function responsiveMarginStyle(props) {
-  const { theme } = props;
-  return [
-    getResponsiveSpace(theme, ["margin"], getResponsiveProp(props.$margin)),
-    getResponsiveSpace(theme, ["marginLeft", "marginRight"], getResponsiveProp(props.$marginX)),
-    getResponsiveSpace(theme, ["marginTop", "marginBottom"], getResponsiveProp(props.$marginY)),
-    getResponsiveSpace(theme, ["marginTop"], getResponsiveProp(props.$marginTop)),
-    getResponsiveSpace(theme, ["marginRight"], getResponsiveProp(props.$marginRight)),
-    getResponsiveSpace(theme, ["marginBottom"], getResponsiveProp(props.$marginBottom)),
-    getResponsiveSpace(theme, ["marginLeft"], getResponsiveProp(props.$marginLeft))
-  ].filter(Boolean);
-}
-export {
-  responsiveMarginStyle
-};

package/lib/esm/styles/margin/marginStyle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/styles/margin/marginStyle.ts"],
-  "sourcesContent": ["import {CSSObject} from 'styled-components'\nimport {getResponsiveProp, getResponsiveSpace} from '../helpers'\nimport {ThemeProps} from '../types'\nimport {ResponsiveMarginStyleProps} from './types'\n\nexport function responsiveMarginStyle(\n  props: ResponsiveMarginStyleProps & ThemeProps\n): CSSObject[][] {\n  const {theme} = props\n\n  return [\n    getResponsiveSpace(theme, ['margin'], getResponsiveProp(props.$margin)),\n    getResponsiveSpace(theme, ['marginLeft', 'marginRight'], getResponsiveProp(props.$marginX)),\n    getResponsiveSpace(theme, ['marginTop', 'marginBottom'], getResponsiveProp(props.$marginY)),\n    getResponsiveSpace(theme, ['marginTop'], getResponsiveProp(props.$marginTop)),\n    getResponsiveSpace(theme, ['marginRight'], getResponsiveProp(props.$marginRight)),\n    getResponsiveSpace(theme, ['marginBottom'], getResponsiveProp(props.$marginBottom)),\n    getResponsiveSpace(theme, ['marginLeft'], getResponsiveProp(props.$marginLeft)),\n  ].filter(Boolean) as CSSObject[][]\n}\n"],
-  "mappings": "AACA;AAIO,+BACL,OACe;AACf,QAAM,EAAC,UAAS;AAEhB,SAAO;AAAA,IACL,mBAAmB,OAAO,CAAC,WAAW,kBAAkB,MAAM;AAAA,IAC9D,mBAAmB,OAAO,CAAC,cAAc,gBAAgB,kBAAkB,MAAM;AAAA,IACjF,mBAAmB,OAAO,CAAC,aAAa,iBAAiB,kBAAkB,MAAM;AAAA,IACjF,mBAAmB,OAAO,CAAC,cAAc,kBAAkB,MAAM;AAAA,IACjE,mBAAmB,OAAO,CAAC,gBAAgB,kBAAkB,MAAM;AAAA,IACnE,mBAAmB,OAAO,CAAC,iBAAiB,kBAAkB,MAAM;AAAA,IACpE,mBAAmB,OAAO,CAAC,eAAe,kBAAkB,MAAM;AAAA,IAClE,OAAO;AAAA;",
-  "names": []
-}

package/lib/esm/styles/margin/types.d.ts

@@ -1,10 +0,0 @@
-export interface ResponsiveMarginStyleProps {
-    $margin?: number | number[];
-    $marginX?: number | number[];
-    $marginY?: number | number[];
-    $marginTop?: number | number[];
-    $marginRight?: number | number[];
-    $marginBottom?: number | number[];
-    $marginLeft?: number | number[];
-}
-//# sourceMappingURL=types.d.ts.map

package/lib/esm/styles/margin/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/styles/margin/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,0BAA0B;IACzC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAChC"}

package/lib/esm/styles/margin/types.js.map

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

package/lib/esm/styles/padding/index.d.ts

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

package/lib/esm/styles/padding/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/styles/padding/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA"}

package/lib/esm/styles/padding/index.js

@@ -1,2 +0,0 @@
-export * from "./paddingStyle";
-export * from "./types";

package/lib/esm/styles/padding/index.js.map

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

package/lib/esm/styles/padding/paddingStyle.d.ts

@@ -1,5 +0,0 @@
-import { CSSObject } from 'styled-components';
-import { ThemeProps } from '../types';
-import { ResponsivePaddingStyleProps } from './types';
-export declare function responsivePaddingStyle(props: ResponsivePaddingStyleProps & ThemeProps): CSSObject[][];
-//# sourceMappingURL=paddingStyle.d.ts.map

package/lib/esm/styles/padding/paddingStyle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"paddingStyle.d.ts","sourceRoot":"","sources":["../../../../src/styles/padding/paddingStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAA;AAE3C,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AACnC,OAAO,EAAC,2BAA2B,EAAC,MAAM,SAAS,CAAA;AAEnD,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,2BAA2B,GAAG,UAAU,GAC9C,SAAS,EAAE,EAAE,CAYf"}

package/lib/esm/styles/padding/paddingStyle.js

@@ -1,16 +0,0 @@
-import { getResponsiveProp, getResponsiveSpace } from "../helpers";
-function responsivePaddingStyle(props) {
-  const { theme } = props;
-  return [
-    getResponsiveSpace(theme, ["padding"], getResponsiveProp(props.$padding)),
-    getResponsiveSpace(theme, ["paddingLeft", "paddingRight"], getResponsiveProp(props.$paddingX)),
-    getResponsiveSpace(theme, ["paddingTop", "paddingBottom"], getResponsiveProp(props.$paddingY)),
-    getResponsiveSpace(theme, ["paddingTop"], getResponsiveProp(props.$paddingTop)),
-    getResponsiveSpace(theme, ["paddingRight"], getResponsiveProp(props.$paddingRight)),
-    getResponsiveSpace(theme, ["paddingBottom"], getResponsiveProp(props.$paddingBottom)),
-    getResponsiveSpace(theme, ["paddingLeft"], getResponsiveProp(props.$paddingLeft))
-  ].filter(Boolean);
-}
-export {
-  responsivePaddingStyle
-};

package/lib/esm/styles/padding/paddingStyle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/styles/padding/paddingStyle.ts"],
-  "sourcesContent": ["import {CSSObject} from 'styled-components'\nimport {getResponsiveProp, getResponsiveSpace} from '../helpers'\nimport {ThemeProps} from '../types'\nimport {ResponsivePaddingStyleProps} from './types'\n\nexport function responsivePaddingStyle(\n  props: ResponsivePaddingStyleProps & ThemeProps\n): CSSObject[][] {\n  const {theme} = props\n\n  return [\n    getResponsiveSpace(theme, ['padding'], getResponsiveProp(props.$padding)),\n    getResponsiveSpace(theme, ['paddingLeft', 'paddingRight'], getResponsiveProp(props.$paddingX)),\n    getResponsiveSpace(theme, ['paddingTop', 'paddingBottom'], getResponsiveProp(props.$paddingY)),\n    getResponsiveSpace(theme, ['paddingTop'], getResponsiveProp(props.$paddingTop)),\n    getResponsiveSpace(theme, ['paddingRight'], getResponsiveProp(props.$paddingRight)),\n    getResponsiveSpace(theme, ['paddingBottom'], getResponsiveProp(props.$paddingBottom)),\n    getResponsiveSpace(theme, ['paddingLeft'], getResponsiveProp(props.$paddingLeft)),\n  ].filter(Boolean) as CSSObject[][]\n}\n"],
-  "mappings": "AACA;AAIO,gCACL,OACe;AACf,QAAM,EAAC,UAAS;AAEhB,SAAO;AAAA,IACL,mBAAmB,OAAO,CAAC,YAAY,kBAAkB,MAAM;AAAA,IAC/D,mBAAmB,OAAO,CAAC,eAAe,iBAAiB,kBAAkB,MAAM;AAAA,IACnF,mBAAmB,OAAO,CAAC,cAAc,kBAAkB,kBAAkB,MAAM;AAAA,IACnF,mBAAmB,OAAO,CAAC,eAAe,kBAAkB,MAAM;AAAA,IAClE,mBAAmB,OAAO,CAAC,iBAAiB,kBAAkB,MAAM;AAAA,IACpE,mBAAmB,OAAO,CAAC,kBAAkB,kBAAkB,MAAM;AAAA,IACrE,mBAAmB,OAAO,CAAC,gBAAgB,kBAAkB,MAAM;AAAA,IACnE,OAAO;AAAA;",
-  "names": []
-}

package/lib/esm/styles/padding/types.d.ts

@@ -1,13 +0,0 @@
-/**
- * @internal
- */
-export interface ResponsivePaddingStyleProps {
-    $padding?: number | number[];
-    $paddingX?: number | number[];
-    $paddingY?: number | number[];
-    $paddingTop?: number | number[];
-    $paddingRight?: number | number[];
-    $paddingBottom?: number | number[];
-    $paddingLeft?: number | number[];
-}
-//# sourceMappingURL=types.d.ts.map

package/lib/esm/styles/padding/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/styles/padding/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC/B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACjC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CACjC"}

package/lib/esm/styles/padding/types.js.map

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

package/lib/esm/styles/radius/index.d.ts

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

package/lib/esm/styles/radius/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/styles/radius/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA"}

package/lib/esm/styles/radius/index.js

@@ -1,2 +0,0 @@
-export * from "./radiusStyle";
-export * from "./types";

package/lib/esm/styles/radius/index.js.map

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

package/lib/esm/styles/radius/radiusStyle.d.ts

@@ -1,5 +0,0 @@
-import { CSSObject } from 'styled-components';
-import { ThemeProps } from '../types';
-import { ResponsiveRadiusStyleProps } from './types';
-export declare function responsiveRadiusStyle(props: ResponsiveRadiusStyleProps & ThemeProps): CSSObject[];
-//# sourceMappingURL=radiusStyle.d.ts.map

package/lib/esm/styles/radius/radiusStyle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"radiusStyle.d.ts","sourceRoot":"","sources":["../../../../src/styles/radius/radiusStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAA;AAE3C,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AACnC,OAAO,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAA;AAElD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,GAAG,UAAU,GAAG,SAAS,EAAE,CAOjG"}

package/lib/esm/styles/radius/radiusStyle.js

@@ -1,11 +0,0 @@
-import { getResponsiveProp, rem, responsive } from "../helpers";
-function responsiveRadiusStyle(props) {
-  const { theme } = props;
-  const { media, radius } = theme.sanity;
-  return responsive(media, getResponsiveProp(props.$radius), (radiusIndex) => ({
-    borderRadius: rem(radius[radiusIndex])
-  }));
-}
-export {
-  responsiveRadiusStyle
-};

package/lib/esm/styles/radius/radiusStyle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/styles/radius/radiusStyle.ts"],
-  "sourcesContent": ["import {CSSObject} from 'styled-components'\nimport {getResponsiveProp, rem, responsive} from '../helpers'\nimport {ThemeProps} from '../types'\nimport {ResponsiveRadiusStyleProps} from './types'\n\nexport function responsiveRadiusStyle(props: ResponsiveRadiusStyleProps & ThemeProps): CSSObject[] {\n  const {theme} = props\n  const {media, radius} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$radius), (radiusIndex) => ({\n    borderRadius: rem(radius[radiusIndex]),\n  }))\n}\n"],
-  "mappings": "AACA;AAIO,+BAA+B,OAA6D;AACjG,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,OAAO,WAAU,MAAM;AAE9B,SAAO,WAAW,OAAO,kBAAkB,MAAM,UAAU,CAAC,gBAAiB;AAAA,IAC3E,cAAc,IAAI,OAAO;AAAA;AAAA;",
-  "names": []
-}

package/lib/esm/styles/radius/types.d.ts

@@ -1,7 +0,0 @@
-/**
- * @internal
- */
-export interface ResponsiveRadiusStyleProps {
-    $radius?: number | number[];
-}
-//# sourceMappingURL=types.d.ts.map

package/lib/esm/styles/radius/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/styles/radius/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC5B"}