@sanity/ui 0.36.14 → 0.36.17

package/lib/esm/styles/font/responsiveFont.js

@@ -1,74 +0,0 @@
-import { getResponsiveProp, rem, responsive } from "../helpers";
-function responsiveFont(fontKey, props) {
-  const { $size, $weight, theme } = props;
-  const { fonts, media } = theme.sanity;
-  const { family, sizes, weights, horizontalOffset } = fonts[fontKey];
-  const fontWeight = $weight && weights[$weight] || weights.regular;
-  const defaultSize = sizes[2];
-  const base = {
-    position: "relative",
-    fontFamily: family,
-    fontWeight,
-    padding: "1px",
-    margin: 0,
-    "&:before": {
-      content: '""',
-      display: "block",
-      height: 0
-    },
-    "&:after": {
-      content: '""',
-      display: "block",
-      height: 0
-    },
-    "& > code, & > span": {
-      display: "block"
-    },
-    "&:not([hidden])": {
-      display: "block"
-    }
-  };
-  const resp = responsive(media, getResponsiveProp($size), (sizeIndex) => fontSize(sizes[sizeIndex] || defaultSize, horizontalOffset));
-  return [base, ...resp];
-}
-function fontSize(size, horizontalOffset) {
-  const { ascenderHeight, descenderHeight, fontSize: fontSize2, iconSize, letterSpacing, lineHeight } = size;
-  const negHeight = ascenderHeight + descenderHeight;
-  const capHeight = lineHeight - negHeight;
-  const iconOffset = (capHeight - iconSize) / 2;
-  const customIconSize = Math.floor(fontSize2 * 1.125 / 2) * 2 + 1;
-  const customIconOffset = (capHeight - customIconSize) / 2;
-  return {
-    fontSize: rem(fontSize2),
-    lineHeight: `calc(${lineHeight} / ${fontSize2})`,
-    letterSpacing: rem(letterSpacing),
-    transform: `translateY(${rem(descenderHeight)})`,
-    "&:before": {
-      marginTop: `calc(${rem(0 - negHeight)} - 1px)`
-    },
-    "&:after": {
-      marginBottom: "-1px"
-    },
-    "& > code, & > span": {
-      margin: horizontalOffset ? `0 calc(${rem(0 - horizontalOffset * fontSize2)} - 1px)` : "0 -1px"
-    },
-    "& svg:not([data-sanity-icon])": {
-      fontSize: `calc(${customIconSize} / 16 * 1rem)`,
-      margin: [
-        rem(customIconOffset),
-        horizontalOffset ? `calc(${rem(customIconOffset)} + ${rem(horizontalOffset * fontSize2)})` : rem(customIconOffset)
-      ].join(" ")
-    },
-    "& [data-sanity-icon]": {
-      fontSize: `calc(${iconSize} / 16 * 1rem)`,
-      margin: [
-        rem(iconOffset),
-        horizontalOffset ? `calc(${rem(iconOffset)} + ${rem(horizontalOffset * fontSize2)})` : rem(iconOffset)
-      ].join(" ")
-    }
-  };
-}
-export {
-  fontSize,
-  responsiveFont
-};

package/lib/esm/styles/font/responsiveFont.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/styles/font/responsiveFont.ts"],
-  "sourcesContent": ["import {CSSObject} from 'styled-components'\nimport {ThemeFontSize, ThemeFontKey} from '../../theme'\nimport {getResponsiveProp, rem, responsive} from '../helpers'\nimport {ThemeProps} from '../types'\nimport {ResponsiveFontStyleProps} from './types'\n\n/**\n * A utility function getting responsive font styles.\n * @internal\n */\nexport function responsiveFont(\n  fontKey: ThemeFontKey,\n  props: ResponsiveFontStyleProps & ThemeProps\n): CSSObject[] {\n  const {$size, $weight, theme} = props\n  const {fonts, media} = theme.sanity\n  const {family, sizes, weights, horizontalOffset} = fonts[fontKey]\n  const fontWeight = ($weight && weights[$weight]) || weights.regular\n\n  // @todo: make this configurable\n  const defaultSize = sizes[2]\n\n  const base: CSSObject = {\n    position: 'relative',\n    fontFamily: family,\n    fontWeight,\n    padding: '1px',\n    margin: 0,\n\n    '&:before': {\n      content: '\"\"',\n      display: 'block',\n      height: 0,\n    },\n\n    '&:after': {\n      content: '\"\"',\n      display: 'block',\n      height: 0,\n    },\n\n    '& > code, & > span': {\n      display: 'block',\n    },\n\n    '&:not([hidden])': {\n      display: 'block',\n    },\n  }\n\n  const resp = responsive(media, getResponsiveProp($size), (sizeIndex) =>\n    fontSize(sizes[sizeIndex] || defaultSize, horizontalOffset)\n  )\n\n  return [base, ...resp]\n}\n\nexport function fontSize(size: ThemeFontSize, horizontalOffset?: number): CSSObject {\n  const {ascenderHeight, descenderHeight, fontSize, iconSize, letterSpacing, lineHeight} = size\n  const negHeight = ascenderHeight + descenderHeight\n  const capHeight = lineHeight - negHeight\n  const iconOffset = (capHeight - iconSize) / 2\n  const customIconSize = Math.floor((fontSize * 1.125) / 2) * 2 + 1\n  const customIconOffset = (capHeight - customIconSize) / 2\n\n  return {\n    fontSize: rem(fontSize),\n    lineHeight: `calc(${lineHeight} / ${fontSize})`,\n    letterSpacing: rem(letterSpacing),\n    transform: `translateY(${rem(descenderHeight)})`,\n\n    '&:before': {\n      marginTop: `calc(${rem(0 - negHeight)} - 1px)`,\n    },\n\n    '&:after': {\n      marginBottom: '-1px',\n    },\n\n    '& > code, & > span': {\n      margin: horizontalOffset ? `0 calc(${rem(0 - horizontalOffset * fontSize)} - 1px)` : '0 -1px',\n    },\n\n    '& svg:not([data-sanity-icon])': {\n      fontSize: `calc(${customIconSize} / 16 * 1rem)`,\n      margin: [\n        // top & bottom\n        rem(customIconOffset),\n        // left & right\n        horizontalOffset\n          ? `calc(${rem(customIconOffset)} + ${rem(horizontalOffset * fontSize)})`\n          : rem(customIconOffset),\n      ].join(' '),\n    },\n\n    '& [data-sanity-icon]': {\n      fontSize: `calc(${iconSize} / 16 * 1rem)`,\n      margin: [\n        // top & bottom\n        rem(iconOffset),\n        // left & right\n        horizontalOffset\n          ? `calc(${rem(iconOffset)} + ${rem(horizontalOffset * fontSize)})`\n          : rem(iconOffset),\n      ].join(' '),\n    },\n  }\n}\n"],
-  "mappings": "AAEA;AAQO,wBACL,SACA,OACa;AACb,QAAM,EAAC,OAAO,SAAS,UAAS;AAChC,QAAM,EAAC,OAAO,UAAS,MAAM;AAC7B,QAAM,EAAC,QAAQ,OAAO,SAAS,qBAAoB,MAAM;AACzD,QAAM,aAAc,WAAW,QAAQ,YAAa,QAAQ;AAG5D,QAAM,cAAc,MAAM;AAE1B,QAAM,OAAkB;AAAA,IACtB,UAAU;AAAA,IACV,YAAY;AAAA,IACZ;AAAA,IACA,SAAS;AAAA,IACT,QAAQ;AAAA,IAER,YAAY;AAAA,MACV,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA;AAAA,IAGV,WAAW;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA;AAAA,IAGV,sBAAsB;AAAA,MACpB,SAAS;AAAA;AAAA,IAGX,mBAAmB;AAAA,MACjB,SAAS;AAAA;AAAA;AAIb,QAAM,OAAO,WAAW,OAAO,kBAAkB,QAAQ,CAAC,cACxD,SAAS,MAAM,cAAc,aAAa;AAG5C,SAAO,CAAC,MAAM,GAAG;AAAA;AAGZ,kBAAkB,MAAqB,kBAAsC;AAClF,QAAM,EAAC,gBAAgB,iBAAiB,qBAAU,UAAU,eAAe,eAAc;AACzF,QAAM,YAAY,iBAAiB;AACnC,QAAM,YAAY,aAAa;AAC/B,QAAM,aAAc,aAAY,YAAY;AAC5C,QAAM,iBAAiB,KAAK,MAAO,YAAW,QAAS,KAAK,IAAI;AAChE,QAAM,mBAAoB,aAAY,kBAAkB;AAExD,SAAO;AAAA,IACL,UAAU,IAAI;AAAA,IACd,YAAY,QAAQ,gBAAgB;AAAA,IACpC,eAAe,IAAI;AAAA,IACnB,WAAW,cAAc,IAAI;AAAA,IAE7B,YAAY;AAAA,MACV,WAAW,QAAQ,IAAI,IAAI;AAAA;AAAA,IAG7B,WAAW;AAAA,MACT,cAAc;AAAA;AAAA,IAGhB,sBAAsB;AAAA,MACpB,QAAQ,mBAAmB,UAAU,IAAI,IAAI,mBAAmB,sBAAqB;AAAA;AAAA,IAGvF,iCAAiC;AAAA,MAC/B,UAAU,QAAQ;AAAA,MAClB,QAAQ;AAAA,QAEN,IAAI;AAAA,QAEJ,mBACI,QAAQ,IAAI,uBAAuB,IAAI,mBAAmB,gBAC1D,IAAI;AAAA,QACR,KAAK;AAAA;AAAA,IAGT,wBAAwB;AAAA,MACtB,UAAU,QAAQ;AAAA,MAClB,QAAQ;AAAA,QAEN,IAAI;AAAA,QAEJ,mBACI,QAAQ,IAAI,iBAAiB,IAAI,mBAAmB,gBACpD,IAAI;AAAA,QACR,KAAK;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/lib/esm/styles/font/textAlignStyle.d.ts

@@ -1,9 +0,0 @@
-import { CSSObject } from 'styled-components';
-import { ThemeProps } from '../types';
-import { ResponsiveTextAlignStyleProps } from './types';
-/**
- * Get responsive text align styles.
- * @internal
- */
-export declare function responsiveTextAlignStyle(props: ResponsiveTextAlignStyleProps & ThemeProps): CSSObject[];
-//# sourceMappingURL=textAlignStyle.d.ts.map

package/lib/esm/styles/font/textAlignStyle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"textAlignStyle.d.ts","sourceRoot":"","sources":["../../../../src/styles/font/textAlignStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAA;AAE3C,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AACnC,OAAO,EAAC,6BAA6B,EAAC,MAAM,SAAS,CAAA;AAErD;;;GAGG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,6BAA6B,GAAG,UAAU,GAChD,SAAS,EAAE,CAMb"}

package/lib/esm/styles/font/textAlignStyle.js

@@ -1,10 +0,0 @@
-import { getResponsiveProp, responsive } from "../helpers";
-function responsiveTextAlignStyle(props) {
-  const { theme } = props;
-  return responsive(theme.sanity.media, getResponsiveProp(props.$align), (textAlign) => {
-    return { textAlign };
-  });
-}
-export {
-  responsiveTextAlignStyle
-};

package/lib/esm/styles/font/textAlignStyle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/styles/font/textAlignStyle.ts"],
-  "sourcesContent": ["import {CSSObject} from 'styled-components'\nimport {getResponsiveProp, responsive} from '../helpers'\nimport {ThemeProps} from '../types'\nimport {ResponsiveTextAlignStyleProps} from './types'\n\n/**\n * Get responsive text align styles.\n * @internal\n */\nexport function responsiveTextAlignStyle(\n  props: ResponsiveTextAlignStyleProps & ThemeProps\n): CSSObject[] {\n  const {theme} = props\n\n  return responsive(theme.sanity.media, getResponsiveProp(props.$align), (textAlign) => {\n    return {textAlign}\n  })\n}\n"],
-  "mappings": "AACA;AAQO,kCACL,OACa;AACb,QAAM,EAAC,UAAS;AAEhB,SAAO,WAAW,MAAM,OAAO,OAAO,kBAAkB,MAAM,SAAS,CAAC,cAAc;AACpF,WAAO,EAAC;AAAA;AAAA;",
-  "names": []
-}

package/lib/esm/styles/font/textFontStyle.d.ts

@@ -1,9 +0,0 @@
-import { CSSObject } from 'styled-components';
-import { ThemeProps } from '../types';
-import { ResponsiveFontStyleProps } from './types';
-/**
- * Get responsive CSS for the `text` font style.
- * @internal
- */
-export declare function responsiveTextFont(props: ResponsiveFontStyleProps & ThemeProps): CSSObject[];
-//# sourceMappingURL=textFontStyle.d.ts.map

package/lib/esm/styles/font/textFontStyle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"textFontStyle.d.ts","sourceRoot":"","sources":["../../../../src/styles/font/textFontStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AAEnC,OAAO,EAAC,wBAAwB,EAAC,MAAM,SAAS,CAAA;AAEhD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,wBAAwB,GAAG,UAAU,GAAG,SAAS,EAAE,CAE5F"}

package/lib/esm/styles/font/textFontStyle.js

@@ -1,7 +0,0 @@
-import { responsiveFont } from "./responsiveFont";
-function responsiveTextFont(props) {
-  return responsiveFont("text", props);
-}
-export {
-  responsiveTextFont
-};

package/lib/esm/styles/font/textFontStyle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/styles/font/textFontStyle.ts"],
-  "sourcesContent": ["import {CSSObject} from 'styled-components'\nimport {ThemeProps} from '../types'\nimport {responsiveFont} from './responsiveFont'\nimport {ResponsiveFontStyleProps} from './types'\n\n/**\n * Get responsive CSS for the `text` font style.\n * @internal\n */\nexport function responsiveTextFont(props: ResponsiveFontStyleProps & ThemeProps): CSSObject[] {\n  return responsiveFont('text', props)\n}\n"],
-  "mappings": "AAEA;AAOO,4BAA4B,OAA2D;AAC5F,SAAO,eAAe,QAAQ;AAAA;",
-  "names": []
-}

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

@@ -1,28 +0,0 @@
-import { ThemeFontWeightKey } from '../../theme';
-import { TextAlign } from '../../types';
-/**
- * @internal
- */
-export interface ResponsiveFontSizeStyleProps {
-    $size?: number | number[];
-}
-/**
- * @internal
- */
-export interface FontWeightStyleProps {
-    $weight?: ThemeFontWeightKey;
-}
-/**
- * @internal
- */
-export interface ResponsiveTextAlignStyleProps {
-    $align?: TextAlign | TextAlign[];
-}
-/**
- * @internal
- */
-export interface ResponsiveFontStyleProps extends FontWeightStyleProps, ResponsiveFontSizeStyleProps {
-    $accent?: boolean;
-    $muted?: boolean;
-}
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/styles/font/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AAErC;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,kBAAkB,CAAA;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC5C,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,wBACf,SAAQ,oBAAoB,EAC1B,4BAA4B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB"}

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

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

package/lib/esm/styles/grid/gridItemStyle.d.ts

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

package/lib/esm/styles/grid/gridItemStyle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"gridItemStyle.d.ts","sourceRoot":"","sources":["../../../../src/styles/grid/gridItemStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAA;AAE3C,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AACnC,OAAO,EAAC,4BAA4B,EAAC,MAAM,SAAS,CAAA;AAEpD,wBAAgB,uBAAuB,IAAI,KAAK,CAC9C,CAAC,KAAK,EAAE,4BAA4B,GAAG,UAAU,KAAK,SAAS,EAAE,CAClE,CASA"}

package/lib/esm/styles/grid/gridItemStyle.js

@@ -1,68 +0,0 @@
-import { getResponsiveProp, responsive } from "../helpers";
-function responsiveGridItemStyle() {
-  return [
-    responsiveGridItemRowStyle,
-    responsiveGridItemRowStartStyle,
-    responsiveGridItemRowEndStyle,
-    responsiveGridItemColumnStyle,
-    responsiveGridItemColumnStartStyle,
-    responsiveGridItemColumnEndStyle
-  ];
-}
-const GRID_ITEM_ROW = {
-  auto: "auto",
-  full: "1 / -1"
-};
-const GRID_ITEM_COLUMN = {
-  auto: "auto",
-  full: "1 / -1"
-};
-function responsiveGridItemRowStyle(props) {
-  const { theme } = props;
-  const { media } = theme.sanity;
-  return responsive(media, getResponsiveProp(props.$row), (row) => {
-    if (typeof row === "number") {
-      return { gridRow: `span ${row} / span ${row}` };
-    }
-    return { gridRow: GRID_ITEM_ROW[row] };
-  });
-}
-function responsiveGridItemRowStartStyle(props) {
-  const { theme } = props;
-  const { media } = theme.sanity;
-  return responsive(media, getResponsiveProp(props.$rowStart), (rowStart) => ({
-    gridRowStart: rowStart
-  }));
-}
-function responsiveGridItemRowEndStyle(props) {
-  const { theme } = props;
-  const { media } = theme.sanity;
-  return responsive(media, getResponsiveProp(props.$rowEnd), (rowEnd) => ({ gridRowEnd: rowEnd }));
-}
-function responsiveGridItemColumnStyle(props) {
-  const { theme } = props;
-  const { media } = theme.sanity;
-  return responsive(media, getResponsiveProp(props.$column), (column) => {
-    if (typeof column === "number") {
-      return { gridColumn: `span ${column} / span ${column}` };
-    }
-    return { gridColumn: GRID_ITEM_COLUMN[column] };
-  });
-}
-function responsiveGridItemColumnStartStyle(props) {
-  const { theme } = props;
-  const { media } = theme.sanity;
-  return responsive(media, getResponsiveProp(props.$columnStart), (columnStart) => ({
-    gridColumnStart: columnStart
-  }));
-}
-function responsiveGridItemColumnEndStyle(props) {
-  const { theme } = props;
-  const { media } = theme.sanity;
-  return responsive(media, getResponsiveProp(props.$columnEnd), (columnEnd) => ({
-    gridColumnEnd: columnEnd
-  }));
-}
-export {
-  responsiveGridItemStyle
-};

package/lib/esm/styles/grid/gridItemStyle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/styles/grid/gridItemStyle.ts"],
-  "sourcesContent": ["import {CSSObject} from 'styled-components'\nimport {getResponsiveProp, responsive} from '../helpers'\nimport {ThemeProps} from '../types'\nimport {ResponsiveGridItemStyleProps} from './types'\n\nexport function responsiveGridItemStyle(): Array<\n  (props: ResponsiveGridItemStyleProps & ThemeProps) => CSSObject[]\n> {\n  return [\n    responsiveGridItemRowStyle,\n    responsiveGridItemRowStartStyle,\n    responsiveGridItemRowEndStyle,\n    responsiveGridItemColumnStyle,\n    responsiveGridItemColumnStartStyle,\n    responsiveGridItemColumnEndStyle,\n  ]\n}\n\nconst GRID_ITEM_ROW = {\n  auto: 'auto',\n  full: '1 / -1',\n}\n\nconst GRID_ITEM_COLUMN = {\n  auto: 'auto',\n  full: '1 / -1',\n}\n\nfunction responsiveGridItemRowStyle(props: ResponsiveGridItemStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$row), (row) => {\n    if (typeof row === 'number') {\n      return {gridRow: `span ${row} / span ${row}`}\n    }\n\n    return {gridRow: GRID_ITEM_ROW[row]}\n  })\n}\n\nfunction responsiveGridItemRowStartStyle(props: ResponsiveGridItemStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$rowStart), (rowStart) => ({\n    gridRowStart: rowStart,\n  }))\n}\n\nfunction responsiveGridItemRowEndStyle(props: ResponsiveGridItemStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$rowEnd), (rowEnd) => ({gridRowEnd: rowEnd}))\n}\n\nfunction responsiveGridItemColumnStyle(props: ResponsiveGridItemStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$column), (column) => {\n    if (typeof column === 'number') {\n      return {gridColumn: `span ${column} / span ${column}`}\n    }\n\n    return {gridColumn: GRID_ITEM_COLUMN[column]}\n  })\n}\n\nfunction responsiveGridItemColumnStartStyle(props: ResponsiveGridItemStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$columnStart), (columnStart) => ({\n    gridColumnStart: columnStart,\n  }))\n}\n\nfunction responsiveGridItemColumnEndStyle(props: ResponsiveGridItemStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$columnEnd), (columnEnd) => ({\n    gridColumnEnd: columnEnd,\n  }))\n}\n"],
-  "mappings": "AACA;AAIO,mCAEL;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,MAAM,gBAAgB;AAAA,EACpB,MAAM;AAAA,EACN,MAAM;AAAA;AAGR,MAAM,mBAAmB;AAAA,EACvB,MAAM;AAAA,EACN,MAAM;AAAA;AAGR,oCAAoC,OAAkD;AACpF,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,WAAW,OAAO,kBAAkB,MAAM,OAAO,CAAC,QAAQ;AAC/D,QAAI,OAAO,QAAQ,UAAU;AAC3B,aAAO,EAAC,SAAS,QAAQ,cAAc;AAAA;AAGzC,WAAO,EAAC,SAAS,cAAc;AAAA;AAAA;AAInC,yCAAyC,OAAkD;AACzF,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,WAAW,OAAO,kBAAkB,MAAM,YAAY,CAAC,aAAc;AAAA,IAC1E,cAAc;AAAA;AAAA;AAIlB,uCAAuC,OAAkD;AACvF,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,WAAW,OAAO,kBAAkB,MAAM,UAAU,CAAC,WAAY,GAAC,YAAY;AAAA;AAGvF,uCAAuC,OAAkD;AACvF,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,WAAW,OAAO,kBAAkB,MAAM,UAAU,CAAC,WAAW;AACrE,QAAI,OAAO,WAAW,UAAU;AAC9B,aAAO,EAAC,YAAY,QAAQ,iBAAiB;AAAA;AAG/C,WAAO,EAAC,YAAY,iBAAiB;AAAA;AAAA;AAIzC,4CAA4C,OAAkD;AAC5F,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,WAAW,OAAO,kBAAkB,MAAM,eAAe,CAAC,gBAAiB;AAAA,IAChF,iBAAiB;AAAA;AAAA;AAIrB,0CAA0C,OAAkD;AAC1F,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,WAAW,OAAO,kBAAkB,MAAM,aAAa,CAAC,cAAe;AAAA,IAC5E,eAAe;AAAA;AAAA;",
-  "names": []
-}

package/lib/esm/styles/grid/gridStyle.d.ts

@@ -1,5 +0,0 @@
-import { CSSObject } from 'styled-components';
-import { ThemeProps } from '../types';
-import { ResponsiveGridStyleProps } from './types';
-export declare function responsiveGridStyle(): Array<CSSObject | ((props: ResponsiveGridStyleProps & ThemeProps) => CSSObject[])>;
-//# sourceMappingURL=gridStyle.d.ts.map

package/lib/esm/styles/grid/gridStyle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"gridStyle.d.ts","sourceRoot":"","sources":["../../../../src/styles/grid/gridStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAA;AAE3C,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AACnC,OAAO,EAAC,wBAAwB,EAAC,MAAM,SAAS,CAAA;AAyBhD,wBAAgB,mBAAmB,IAAI,KAAK,CAC1C,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,wBAAwB,GAAG,UAAU,KAAK,SAAS,EAAE,CAAC,CAC5E,CAYA"}

package/lib/esm/styles/grid/gridStyle.js

@@ -1,93 +0,0 @@
-import { getResponsiveProp, rem, responsive } from "../helpers";
-const GRID_CSS = {
-  "&&:not([hidden])": {
-    display: "grid"
-  },
-  '&[data-as="ul"],&[data-as="ol"]': {
-    listStyle: "none"
-  }
-};
-const GRID_AUTO_COLUMS = {
-  auto: "auto",
-  min: "min-content",
-  max: "max-content",
-  fr: "minmax(0, 1fr)"
-};
-const GRID_AUTO_ROWS = {
-  auto: "auto",
-  min: "min-content",
-  max: "max-content",
-  fr: "minmax(0, 1fr)"
-};
-function responsiveGridStyle() {
-  return [
-    GRID_CSS,
-    responsiveGridAutoFlowStyle,
-    responsiveGridAutoRowsStyle,
-    responsiveGridAutoColsStyle,
-    responsiveGridColumnsStyle,
-    responsiveGridRowsStyle,
-    responsiveGridGapStyle,
-    responsiveGridGapXStyle,
-    responsiveGridGapYStyle
-  ];
-}
-function responsiveGridAutoFlowStyle(props) {
-  const { theme } = props;
-  const { media } = theme.sanity;
-  return responsive(media, getResponsiveProp(props.$autoFlow), (autoFlow) => ({
-    gridAutoFlow: autoFlow
-  }));
-}
-function responsiveGridAutoRowsStyle(props) {
-  const { theme } = props;
-  const { media } = theme.sanity;
-  return responsive(media, getResponsiveProp(props.$autoRows), (autoRows) => ({
-    gridAutoRows: autoRows && GRID_AUTO_ROWS[autoRows]
-  }));
-}
-function responsiveGridAutoColsStyle(props) {
-  const { theme } = props;
-  const { media } = theme.sanity;
-  return responsive(media, getResponsiveProp(props.$autoCols), (autoCols) => ({
-    gridAutoColumns: autoCols && GRID_AUTO_COLUMS[autoCols]
-  }));
-}
-function responsiveGridColumnsStyle(props) {
-  const { theme } = props;
-  const { media } = theme.sanity;
-  return responsive(media, getResponsiveProp(props.$columns), (columns) => ({
-    gridTemplateColumns: columns && `repeat(${columns},minmax(0,1fr));`
-  }));
-}
-function responsiveGridRowsStyle(props) {
-  const { theme } = props;
-  const { media } = theme.sanity;
-  return responsive(media, getResponsiveProp(props.$rows), (rows) => ({
-    gridTemplateRows: rows && `repeat(${rows},minmax(0,1fr));`
-  }));
-}
-function responsiveGridGapStyle(props) {
-  const { theme } = props;
-  const { media, space } = theme.sanity;
-  return responsive(media, getResponsiveProp(props.$gap), (gap) => ({
-    gridGap: gap ? rem(space[gap]) : void 0
-  }));
-}
-function responsiveGridGapXStyle(props) {
-  const { theme } = props;
-  const { media, space } = theme.sanity;
-  return responsive(media, getResponsiveProp(props.$gapX), (gapX) => ({
-    columnGap: gapX ? rem(space[gapX]) : void 0
-  }));
-}
-function responsiveGridGapYStyle(props) {
-  const { theme } = props;
-  const { media, space } = theme.sanity;
-  return responsive(media, getResponsiveProp(props.$gapY), (gapY) => ({
-    rowGap: gapY ? rem(space[gapY]) : void 0
-  }));
-}
-export {
-  responsiveGridStyle
-};

package/lib/esm/styles/grid/gridStyle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/styles/grid/gridStyle.ts"],
-  "sourcesContent": ["import {CSSObject} from 'styled-components'\nimport {getResponsiveProp, rem, responsive} from '../helpers'\nimport {ThemeProps} from '../types'\nimport {ResponsiveGridStyleProps} from './types'\n\nconst GRID_CSS = {\n  '&&:not([hidden])': {\n    display: 'grid',\n  },\n  '&[data-as=\"ul\"],&[data-as=\"ol\"]': {\n    listStyle: 'none',\n  },\n}\n\nconst GRID_AUTO_COLUMS = {\n  auto: 'auto',\n  min: 'min-content',\n  max: 'max-content',\n  fr: 'minmax(0, 1fr)',\n}\n\nconst GRID_AUTO_ROWS = {\n  auto: 'auto',\n  min: 'min-content',\n  max: 'max-content',\n  fr: 'minmax(0, 1fr)',\n}\n\nexport function responsiveGridStyle(): Array<\n  CSSObject | ((props: ResponsiveGridStyleProps & ThemeProps) => CSSObject[])\n> {\n  return [\n    GRID_CSS,\n    responsiveGridAutoFlowStyle,\n    responsiveGridAutoRowsStyle,\n    responsiveGridAutoColsStyle,\n    responsiveGridColumnsStyle,\n    responsiveGridRowsStyle,\n    responsiveGridGapStyle,\n    responsiveGridGapXStyle,\n    responsiveGridGapYStyle,\n  ]\n}\n\nfunction responsiveGridAutoFlowStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$autoFlow), (autoFlow) => ({\n    gridAutoFlow: autoFlow,\n  }))\n}\n\nfunction responsiveGridAutoRowsStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$autoRows), (autoRows) => ({\n    gridAutoRows: autoRows && GRID_AUTO_ROWS[autoRows],\n  }))\n}\n\nfunction responsiveGridAutoColsStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$autoCols), (autoCols) => ({\n    gridAutoColumns: autoCols && GRID_AUTO_COLUMS[autoCols],\n  }))\n}\n\nfunction responsiveGridColumnsStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$columns), (columns) => ({\n    gridTemplateColumns: columns && `repeat(${columns},minmax(0,1fr));`,\n  }))\n}\n\nfunction responsiveGridRowsStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$rows), (rows) => ({\n    gridTemplateRows: rows && `repeat(${rows},minmax(0,1fr));`,\n  }))\n}\n\nfunction responsiveGridGapStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media, space} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$gap), (gap) => ({\n    gridGap: gap ? rem(space[gap]) : undefined,\n  }))\n}\n\nfunction responsiveGridGapXStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media, space} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$gapX), (gapX) => ({\n    columnGap: gapX ? rem(space[gapX]) : undefined,\n  }))\n}\n\nfunction responsiveGridGapYStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media, space} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$gapY), (gapY) => ({\n    rowGap: gapY ? rem(space[gapY]) : undefined,\n  }))\n}\n"],
-  "mappings": "AACA;AAIA,MAAM,WAAW;AAAA,EACf,oBAAoB;AAAA,IAClB,SAAS;AAAA;AAAA,EAEX,mCAAmC;AAAA,IACjC,WAAW;AAAA;AAAA;AAIf,MAAM,mBAAmB;AAAA,EACvB,MAAM;AAAA,EACN,KAAK;AAAA,EACL,KAAK;AAAA,EACL,IAAI;AAAA;AAGN,MAAM,iBAAiB;AAAA,EACrB,MAAM;AAAA,EACN,KAAK;AAAA,EACL,KAAK;AAAA,EACL,IAAI;AAAA;AAGC,+BAEL;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,qCAAqC,OAA8C;AACjF,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,WAAW,OAAO,kBAAkB,MAAM,YAAY,CAAC,aAAc;AAAA,IAC1E,cAAc;AAAA;AAAA;AAIlB,qCAAqC,OAA8C;AACjF,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,WAAW,OAAO,kBAAkB,MAAM,YAAY,CAAC,aAAc;AAAA,IAC1E,cAAc,YAAY,eAAe;AAAA;AAAA;AAI7C,qCAAqC,OAA8C;AACjF,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,WAAW,OAAO,kBAAkB,MAAM,YAAY,CAAC,aAAc;AAAA,IAC1E,iBAAiB,YAAY,iBAAiB;AAAA;AAAA;AAIlD,oCAAoC,OAA8C;AAChF,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,WAAW,OAAO,kBAAkB,MAAM,WAAW,CAAC,YAAa;AAAA,IACxE,qBAAqB,WAAW,UAAU;AAAA;AAAA;AAI9C,iCAAiC,OAA8C;AAC7E,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,WAAW,OAAO,kBAAkB,MAAM,QAAQ,CAAC,SAAU;AAAA,IAClE,kBAAkB,QAAQ,UAAU;AAAA;AAAA;AAIxC,gCAAgC,OAA8C;AAC5E,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,OAAO,UAAS,MAAM;AAE7B,SAAO,WAAW,OAAO,kBAAkB,MAAM,OAAO,CAAC,QAAS;AAAA,IAChE,SAAS,MAAM,IAAI,MAAM,QAAQ;AAAA;AAAA;AAIrC,iCAAiC,OAA8C;AAC7E,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,OAAO,UAAS,MAAM;AAE7B,SAAO,WAAW,OAAO,kBAAkB,MAAM,QAAQ,CAAC,SAAU;AAAA,IAClE,WAAW,OAAO,IAAI,MAAM,SAAS;AAAA;AAAA;AAIzC,iCAAiC,OAA8C;AAC7E,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,OAAO,UAAS,MAAM;AAE7B,SAAO,WAAW,OAAO,kBAAkB,MAAM,QAAQ,CAAC,SAAU;AAAA,IAClE,QAAQ,OAAO,IAAI,MAAM,SAAS;AAAA;AAAA;",
-  "names": []
-}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/styles/grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA"}

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

@@ -1,3 +0,0 @@
-export * from "./gridStyle";
-export * from "./gridItemStyle";
-export * from "./types";

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

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

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

@@ -1,26 +0,0 @@
-import { GridAutoCols, GridAutoFlow, GridAutoRows, GridItemColumn, GridItemColumnEnd, GridItemColumnStart, GridItemRow, GridItemRowEnd, GridItemRowStart } from '../../types';
-/**
- * @internal
- */
-export interface ResponsiveGridStyleProps {
-    $autoRows?: GridAutoRows | GridAutoRows[];
-    $autoCols?: GridAutoCols | GridAutoCols[];
-    $autoFlow?: GridAutoFlow | GridAutoFlow[];
-    $columns?: number | number[];
-    $gap?: number | number[];
-    $gapX?: number | number[];
-    $gapY?: number | number[];
-    $rows?: number | number[];
-}
-/**
- * @internal
- */
-export interface ResponsiveGridItemStyleProps {
-    $column?: GridItemColumn | GridItemColumn[];
-    $columnStart?: GridItemColumnStart | GridItemColumnStart[];
-    $columnEnd?: GridItemColumnEnd | GridItemColumnEnd[];
-    $row?: GridItemRow | GridItemRow[];
-    $rowStart?: GridItemRowStart | GridItemRowStart[];
-    $rowEnd?: GridItemRowEnd | GridItemRowEnd[];
-}
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/styles/grid/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,WAAW,EACX,cAAc,EACd,gBAAgB,EACjB,MAAM,aAAa,CAAA;AAEpB;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;IACzC,SAAS,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;IACzC,SAAS,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;IACzC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,OAAO,CAAC,EAAE,cAAc,GAAG,cAAc,EAAE,CAAA;IAC3C,YAAY,CAAC,EAAE,mBAAmB,GAAG,mBAAmB,EAAE,CAAA;IAC1D,UAAU,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,EAAE,CAAA;IACpD,IAAI,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAA;IAClC,SAAS,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,EAAE,CAAA;IACjD,OAAO,CAAC,EAAE,cAAc,GAAG,cAAc,EAAE,CAAA;CAC5C"}

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

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

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

@@ -1,23 +0,0 @@
-import { CSSObject } from 'styled-components';
-import { Theme } from '../theme';
-/**
- * @internal
- */
-export declare function fillCSSObject(propKeys: string[], value: unknown): CSSObject;
-/**
- * @public
- */
-export declare function rem(pixelValue: number): string | 0;
-/**
- * @internal
- */
-export declare function responsive<T>(media: number[], values: T[], callback: (value: T, index: number, array: T[]) => CSSObject): CSSObject[];
-/**
- * @internal
- */
-export declare function getResponsiveProp<T = number>(val: T | T[] | undefined, defaultVal?: T[]): T[];
-/**
- * @internal
- */
-export declare function getResponsiveSpace(theme: Theme, props: string[], spaceIndexes?: number[]): CSSObject[] | null;
-//# sourceMappingURL=helpers.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/styles/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAA;AAE3C,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAA;AAE9B;;GAEG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,CAM3E;AAED;;GAEG;AACH,wBAAgB,GAAG,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,CAIlD;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAC1B,KAAK,EAAE,MAAM,EAAE,EACf,MAAM,EAAE,CAAC,EAAE,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,SAAS,GAC3D,SAAS,EAAE,CAQb;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,SAAS,EAAE,UAAU,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAI7F;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,EAAE,EACf,YAAY,GAAE,MAAM,EAAgB,GACnC,SAAS,EAAE,GAAG,IAAI,CAYpB"}

package/lib/esm/styles/helpers.js

@@ -1,41 +0,0 @@
-import { EMPTY_ARRAY } from "../constants";
-function fillCSSObject(propKeys, value) {
-  return propKeys.reduce((obj, propKey) => {
-    obj[propKey] = value;
-    return obj;
-  }, {});
-}
-function rem(pixelValue) {
-  if (pixelValue === 0)
-    return 0;
-  return `${pixelValue / 16}rem`;
-}
-function responsive(media, values, callback) {
-  const statements = values.map(callback);
-  return statements.map((statement, mediaIndex) => {
-    if (mediaIndex === 0)
-      return statement;
-    return { [`@media screen and (min-width: ${media[mediaIndex - 1]}px)`]: statement };
-  });
-}
-function getResponsiveProp(val, defaultVal) {
-  if (val === void 0)
-    return defaultVal || EMPTY_ARRAY;
-  return Array.isArray(val) ? val : [val];
-}
-function getResponsiveSpace(theme, props, spaceIndexes = EMPTY_ARRAY) {
-  if (!Array.isArray(spaceIndexes)) {
-    throw new Error("the property must be array of numbers");
-  }
-  if (spaceIndexes.length === 0) {
-    return null;
-  }
-  return responsive(theme.sanity.media, spaceIndexes, (spaceIndex) => fillCSSObject(props, rem(theme.sanity.space[spaceIndex])));
-}
-export {
-  fillCSSObject,
-  getResponsiveProp,
-  getResponsiveSpace,
-  rem,
-  responsive
-};

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/styles/helpers.ts"],
-  "sourcesContent": ["import {CSSObject} from 'styled-components'\nimport {EMPTY_ARRAY} from '../constants'\nimport {Theme} from '../theme'\n\n/**\n * @internal\n */\nexport function fillCSSObject(propKeys: string[], value: unknown): CSSObject {\n  return propKeys.reduce((obj: CSSObject, propKey) => {\n    obj[propKey] = value as any\n\n    return obj\n  }, {})\n}\n\n/**\n * @public\n */\nexport function rem(pixelValue: number): string | 0 {\n  if (pixelValue === 0) return 0\n\n  return `${pixelValue / 16}rem`\n}\n\n/**\n * @internal\n */\nexport function responsive<T>(\n  media: number[],\n  values: T[],\n  callback: (value: T, index: number, array: T[]) => CSSObject\n): CSSObject[] {\n  const statements = values.map(callback)\n\n  return statements.map((statement, mediaIndex) => {\n    if (mediaIndex === 0) return statement\n\n    return {[`@media screen and (min-width: ${media[mediaIndex - 1]}px)`]: statement}\n  })\n}\n\n/**\n * @internal\n */\nexport function getResponsiveProp<T = number>(val: T | T[] | undefined, defaultVal?: T[]): T[] {\n  if (val === undefined) return defaultVal || EMPTY_ARRAY\n\n  return Array.isArray(val) ? val : [val]\n}\n\n/**\n * @internal\n */\nexport function getResponsiveSpace(\n  theme: Theme,\n  props: string[],\n  spaceIndexes: number[] = EMPTY_ARRAY\n): CSSObject[] | null {\n  if (!Array.isArray(spaceIndexes)) {\n    throw new Error('the property must be array of numbers')\n  }\n\n  if (spaceIndexes.length === 0) {\n    return null\n  }\n\n  return responsive(theme.sanity.media, spaceIndexes, (spaceIndex) =>\n    fillCSSObject(props, rem(theme.sanity.space[spaceIndex]))\n  )\n}\n"],
-  "mappings": "AACA;AAMO,uBAAuB,UAAoB,OAA2B;AAC3E,SAAO,SAAS,OAAO,CAAC,KAAgB,YAAY;AAClD,QAAI,WAAW;AAEf,WAAO;AAAA,KACN;AAAA;AAME,aAAa,YAAgC;AAClD,MAAI,eAAe;AAAG,WAAO;AAE7B,SAAO,GAAG,aAAa;AAAA;AAMlB,oBACL,OACA,QACA,UACa;AACb,QAAM,aAAa,OAAO,IAAI;AAE9B,SAAO,WAAW,IAAI,CAAC,WAAW,eAAe;AAC/C,QAAI,eAAe;AAAG,aAAO;AAE7B,WAAO,GAAE,iCAAiC,MAAM,aAAa,UAAU;AAAA;AAAA;AAOpE,2BAAuC,KAA0B,YAAuB;AAC7F,MAAI,QAAQ;AAAW,WAAO,cAAc;AAE5C,SAAO,MAAM,QAAQ,OAAO,MAAM,CAAC;AAAA;AAM9B,4BACL,OACA,OACA,eAAyB,aACL;AACpB,MAAI,CAAC,MAAM,QAAQ,eAAe;AAChC,UAAM,IAAI,MAAM;AAAA;AAGlB,MAAI,aAAa,WAAW,GAAG;AAC7B,WAAO;AAAA;AAGT,SAAO,WAAW,MAAM,OAAO,OAAO,cAAc,CAAC,eACnD,cAAc,OAAO,IAAI,MAAM,OAAO,MAAM;AAAA;",
-  "names": []
-}

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

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

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

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

package/lib/esm/styles/index.js

@@ -1,3 +0,0 @@
-export * from "./helpers";
-export * from "./types";
-export * from "./font";

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/styles/input/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAA;AAC7C,cAAc,kBAAkB,CAAA"}

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

@@ -1,2 +0,0 @@
-export * from "./responsiveInputPaddingStyle";
-export * from "./textInputStyle";

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

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