@apia/theme 4.0.9 → 4.0.13

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-import { ResponsiveStyleValue, ThemeUICSSObject, Theme } from 'theme-ui';
+import { ResponsiveStyleValue, ThemeUICSSObject, Theme, InputProps, BoxProps } from 'theme-ui';
 export { Alert, AlertProps, AspectImage, AspectImageProps, AspectRatio, AspectRatioProps, Avatar, AvatarProps, Badge, BadgeProps, BaseStyles, Box, BoxOwnProps, BoxProps, Button, ButtonProps, CSSObject, CSSProperties, CSSPseudoSelectorProps, Card, CardProps, Checkbox, CheckboxProps, Close, CloseIcon, CloseProps, ColorMode, ColorModesScale, Container, ContainerProps, Divider, DividerProps, Donut, DonutProps, Embed, EmbedProps, Field, FieldOwnProps, FieldProps, Flex, FlexOwnProps, FlexProps, Global, Grid, GridProps, Heading, HeadingProps, IconButton, IconButtonProps, Image, ImageProps, InitializeColorMode, Input, InputProps, Label, LabelProps, Link, LinkProps, MenuButton, MenuButtonProps, MenuIcon, Message, MessageProps, NavLink, NavLinkProps, Paragraph, ParagraphProps, Progress, ProgressProps, Radio, RadioProps, ResponsiveStyleValue, Select, SelectProps, Slider, SliderProps, Spinner, SpinnerProps, StylePropertyValue, Switch, SwitchProps, SxProp, TLengthStyledSystem, Text, TextProps, Textarea, TextareaProps, Theme, ThemeStyles, ThemeUICSSObject, ThemeUICSSProperties, ThemeUIContextValue, ThemeUIStyleObject, createElement, css, get, merge, useColorMode, useThemeUI } from 'theme-ui';
-export * from '@theme-ui/match-media';
-import * as _theme_ui_css from '@theme-ui/css';
 import * as react from 'react';
 import { FC, ReactNode } from 'react';
+export * from '@theme-ui/match-media';
+import * as _theme_ui_css from '@theme-ui/css';
 import { StateInline, TagToken, StateBlock } from 'remarkable/lib';
 import { Remarkable } from 'remarkable';
 
@@ -217,8 +217,15 @@ type TThemeModifier = (theme: Theme) => Theme;
 
 declare function parsePalette(palette: TCustomPalette): TParsedPalette;
 
+declare const MaterialInput: FC<InputProps & {
+    label: string;
+    boxProperties?: BoxProps;
+}>;
+
 type CustomTheme = Omit<Theme, 'palette'>;
 
+declare const Form: (props: React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>) => react.JSX.Element;
+
 /**
  * Este método está pensado para usarse únicamente dentro de applyStates, si se
  * desea obtener un objeto con las propiedades correspondientes a un estado,
@@ -586,5 +593,5 @@ declare module '@theme-ui/css' {
     }
 }
 
-export { ApiaThemeProvider, type CustomTheme, type IMarkdownStylesAggregator, MarkdownBlock, MarkdownBuilder, MarkdownList, MarkdownParagraph, MarkdownTable, type MarkdownTableCell, type MarkdownTableObjectCell, MarkdownTableOfContents, type RemarkableExtension, type TColorDefinition, type TCustomPalette, type TPalette, type TParsedPalette, type TSpacingLayout, type TThemeModifier, applyStatesGetColor, focusOutline, getColorState, getColorStates, getColorsAndStatesByDefinition, getColorsAndStatesByPath, getColorsByDefinition, getColorsByPath, getOneColorState, getSpacingLayouts, getVariant, injectStyles, makeStyledComponent, parseMarkdown, parsePalette, responsive, smallButton, spacing, spacingLayouts, useMainTheme };
+export { ApiaThemeProvider, type CustomTheme, Form, type IMarkdownStylesAggregator, MarkdownBlock, MarkdownBuilder, MarkdownList, MarkdownParagraph, MarkdownTable, type MarkdownTableCell, type MarkdownTableObjectCell, MarkdownTableOfContents, MaterialInput, type RemarkableExtension, type TColorDefinition, type TCustomPalette, type TPalette, type TParsedPalette, type TSpacingLayout, type TThemeModifier, applyStatesGetColor, focusOutline, getColorState, getColorStates, getColorsAndStatesByDefinition, getColorsAndStatesByPath, getColorsByDefinition, getColorsByPath, getOneColorState, getSpacingLayouts, getVariant, injectStyles, makeStyledComponent, parseMarkdown, parsePalette, responsive, smallButton, spacing, spacingLayouts, useMainTheme };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,4 +1,4 @@
-export { A as ApiaThemeProvider, M as MarkdownBlock, t as MarkdownBuilder, w as MarkdownList, x as MarkdownParagraph, y as MarkdownTable, z as MarkdownTableOfContents, h as applyStatesGetColor, o as focusOutline, g as getColorState, a as getColorStates, b as getColorsAndStatesByDefinition, c as getColorsAndStatesByPath, d as getColorsByDefinition, e as getColorsByPath, f as getOneColorState, k as getSpacingLayouts, q as getVariant, j as injectStyles, i as makeStyledComponent, v as parseMarkdown, p as parsePalette, r as responsive, n as smallButton, l as spacing, s as spacingLayouts, u as useMainTheme } from './index-CQrjUy7r.js';
+export { A as ApiaThemeProvider, F as Form, t as MarkdownBlock, v as MarkdownBuilder, x as MarkdownList, y as MarkdownParagraph, z as MarkdownTable, B as MarkdownTableOfContents, M as MaterialInput, h as applyStatesGetColor, o as focusOutline, g as getColorState, a as getColorStates, b as getColorsAndStatesByDefinition, c as getColorsAndStatesByPath, d as getColorsByDefinition, e as getColorsByPath, f as getOneColorState, k as getSpacingLayouts, q as getVariant, j as injectStyles, i as makeStyledComponent, w as parseMarkdown, p as parsePalette, r as responsive, n as smallButton, l as spacing, s as spacingLayouts, u as useMainTheme } from './index-SJZzkOTL.js';
 export * from '@theme-ui/match-media';
 export { Alert, AspectImage, AspectRatio, Avatar, Badge, BaseStyles, Box, Button, Card, Checkbox, Close, CloseIcon, Container, Divider, Donut, Embed, Flex, Global, Grid, Heading, IconButton, Image, InitializeColorMode, Input, Label, Link, MenuButton, MenuIcon, Message, NavLink, Paragraph, Progress, Radio, Select, Slider, Spinner, Switch, Text, Textarea, createElement, css, get, merge, useColorMode, useThemeUI } from 'theme-ui';
 import 'lodash-es/cloneDeep';
@@ -8,4 +8,5 @@ import 'theme-ui/jsx-runtime';
 import 'react';
 import '@apia/util';
 import '@apia/theme';
+import '@emotion/react';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/{styles-Bu6S979Y.js → styles-RMAbfDbh.js}

@@ -1,13 +1,14 @@
-import { m as markdownExtensions } from './index-CQrjUy7r.js';
+import { m as markdownExtensions } from './index-SJZzkOTL.js';
 import 'lodash-es/cloneDeep';
 import 'tinycolor2';
 import 'lodash-es/merge';
-import '@theme-ui/match-media';
 import 'theme-ui/jsx-runtime';
 import 'theme-ui';
+import '@theme-ui/match-media';
 import 'react';
 import '@apia/util';
 import '@apia/theme';
+import '@emotion/react';
 
 const markdownTheme = `:root {
   --color-error-back: #fff2f4;
@@ -205,4 +206,4 @@ const markdownParserStyles = (additionalStyles, extensions) => {
 };
 
 export { markdownParserStyles };
-//# sourceMappingURL=styles-Bu6S979Y.js.map
+//# sourceMappingURL=styles-RMAbfDbh.js.map

package/dist/styles-RMAbfDbh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-RMAbfDbh.js","sources":["../src/markdown/theme/markdownTheme.ts","../src/markdown/styles.ts"],"sourcesContent":["export const markdownTheme = `:root {\n  --color-error-back: #fff2f4;\n  --color-error-border: rgb(115, 7, 9);\n  --color-error-text: var(--color-text-default);\n  --color-warning-back: #fffdd9;\n  --color-warning-border: rgb(244, 239, 64);\n  --color-warning-text: var(--color-text-default);\n  --color-success-back: #e7ffd9;\n  --color-success-border: rgb(79, 205, 79);\n  --color-success-text: var(--color-text-default);\n  --color-primary: rgb(0, 73, 108);\n  --color-primary-light: #f8fdff;\n  --color-primary-contrast: white;\n  --color-back-paper: white;\n  --color-back-default: white;\n  --color-border-field: #aaa;\n  --color-border-section: #ddd;\n  --color-text-default: #333;\n  --color-text-disabled: #aaa;\n  --color-text-heading: var(--color-primary);\n  --font-size-h1: 32px;\n  --font-size-h2: 28px;\n  --font-size-h3: 25px;\n  --font-size-h4: 21px;\n  --font-size-h5: 18px;\n  --font-size-h6: 16px;\n  --font-size-default: 16px;\n  --font-family-heading: Inter, system-ui, \"Segoe UI\", \"Helvetica Neue\", sans-serif, Roboto;\n  --font-family-default: Inter, system-ui, \"Segoe UI\", \"Helvetica Neue\", sans-serif, Roboto;\n  --font-family-monospace: monospace;\n  --table-head-color-background: var(--color-primary);\n  --table-head-color-text: var(--color-primary-contrast);\n  --table-head-color-border: var(--color-primary);\n  --table-head-border: 1px solid var(--table-head-color-border);\n  --table-head-cell-padding: var(--space-4);\n  --table-head-font-weight: bold;\n  --table-head-text-align: center;\n  --table-body-color-background: transparent;\n  --table-body-color-background-odd: var(--color-primary-light);\n  --table-body-color-text: inherit;\n  --table-body-color-border: var(--color-border-section);\n  --table-body-border: 1px solid var(--table-body-color-border);\n  --table-body-cell-padding: var(--space-4);\n  --table-color-background: var(--color-back-paper);\n  --table-color-border: var(--color-border-section);\n  --table-border: 1px solid var(--table-color-border);\n  --table-border-collapse: collapse;\n  --shadow-sheet: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;\n  --space-0: 0;\n  --space-1: 2px;\n  --space-2: 4px;\n  --space-3: 8px;\n  --space-4: 12px;\n  --space-5: 16px;\n  --space-6: 24px;\n}\n\nhtml {\n  margin: 0;\n  font-size: var(--font-size-default);\n  font-family: var(--font-family-default);\n  color: var(--color-text-default);\n}\n\nbody {\n  background: var(--color-back-default);\n  margin: 0;\n}\n\npre, code {\n  font-family: var(--font-family-monospace);\n}\n\nh1, h2, h3, h4, h5, h6 {\n  font-family: var(--font-family-heading);\n  color: var(--color-text-heading);\n}\n\nh1 {\n  font-size: var(--font-size-h1);\n}\nh1:first-of-type {\n  margin-top: 0;\n}\n\nh2 {\n  font-size: var(--font-size-h2);\n}\n\nh3 {\n  font-size: var(--font-size-h3);\n}\n\nh4 {\n  font-size: var(--font-size-h4);\n}\n\nh5 {\n  font-size: var(--font-size-h5);\n}\n\nh6 {\n  font-size: var(--font-size-h6);\n}\n\na {\n  color: var(--color-text-default);\n}\n\na:visited {\n  color: var(--color-primary);\n}\n\ntable {\n  border-collapse: var(--table-border-collapse);\n  border: var(--table-border);\n  width: 100%;\n  table-layout: fixed;\n}\ntable * {\n  word-break: break-word;\n}\ntable thead th, table thead td.heading, table tbody th, table tbody td.heading {\n  background: var(--table-head-color-background);\n  color: var(--table-head-color-text);\n  border: var(--table-head-border);\n  padding: var(--table-head-cell-padding);\n  font-weight: var(--table-head-font-weight);\n  text-align: var(--table-head-text-align);\n  text-wrap: nowrap;\n}\ntable tbody td {\n  background: var(--table-body-color-background);\n  color: var(--table-body-color-text);\n  border: var(--table-body-border);\n  padding: var(--table-body-cell-padding);\n}\ntable tbody tr:nth-child(2n) td:not(.heading) {\n  background: var(--table-body-color-background-odd);\n}\n\nimg {\n  max-width: 100%;\n}`;\n","import { IMarkdownStylesAggregator, RemarkableExtension } from './types';\nimport { markdownTheme } from './theme/markdownTheme';\nimport { markdownExtensions } from './extensions';\n\nconst printStyles: IMarkdownStylesAggregator = () => `\n@media print {\n  body {\n    background: white;\n  }\n\n  #Container {\n    border: none;\n    margin: 0;\n    width: auto;\n    padding: 0;\n  }\n}\n`;\n\nconst styles = (\n  additionalStyles?: IMarkdownStylesAggregator,\n  extensions?: RemarkableExtension[],\n) => {\n  const generated = `\n${markdownTheme}\n\n#Container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n  margin: var(--space-6) auto;\n  width: 920px;\n\n  & > * {\n    margin: 0;\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    margin: 0;\n  }\n\n  li > *:not(:first-child) {\n    margin-top: var(--space-5);\n    margin-bottom: var(--space-5);\n  }\n}\n${printStyles()}\n\n${[...(extensions ?? []), ...markdownExtensions]\n  .map((current) => current.styles())\n  .join('\\n\\n')}\n\n${additionalStyles?.() ?? ''}\n`;\n\n  return generated;\n};\n\nexport const markdownParserStyles = (\n  additionalStyles?: IMarkdownStylesAggregator,\n  extensions?: RemarkableExtension[],\n) => {\n  return styles(additionalStyles, extensions);\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAAO,MAAM,aAAgB,GAAA,CAAA;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;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;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,CAAA,CAAA;;ACI7B,MAAM,cAAyC,MAAM;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AAerD,MAAM,MAAA,GAAS,CACb,gBAAA,EACA,UACG,KAAA;AACH,EAAA,MAAM,SAAY,GAAA;AAAA,EAClB,aAAa;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBb,aAAa;;AAAA,EAEb,CAAC,GAAI,UAAA,IAAc,EAAC,EAAI,GAAG,kBAAkB,CAAA,CAC5C,GAAI,CAAA,CAAC,YAAY,OAAQ,CAAA,MAAA,EAAQ,CACjC,CAAA,IAAA,CAAK,MAAM,CAAC;;AAAA,EAEb,gBAAA,QAAwB,EAAE;AAAA,CAAA;AAG1B,EAAO,OAAA,SAAA;AACT,CAAA;AAEa,MAAA,oBAAA,GAAuB,CAClC,gBAAA,EACA,UACG,KAAA;AACH,EAAO,OAAA,MAAA,CAAO,kBAAkB,UAAU,CAAA;AAC5C;;;;"}

package/jsx-runtime/dist/jsx-runtime.d.ts

@@ -1,3 +1,3 @@
-export { Fragment } from 'react';
-export { jsx, jsxs } from '@theme-ui/core/jsx-runtime';
-export type { JSX } from '@theme-ui/core/jsx-runtime';
+export { Fragment } from 'react';
+export { jsx, jsxs } from '@theme-ui/core/jsx-runtime';
+export type { JSX } from '@theme-ui/core/jsx-runtime';

package/jsx-runtime/dist/theme-ui-jsx-runtime.browser.esm.js

@@ -1,2 +1,2 @@
-export { Fragment } from 'react';
-export { jsx, jsxs } from '@theme-ui/core/jsx-runtime';
+export { Fragment } from 'react';
+export { jsx, jsxs } from '@theme-ui/core/jsx-runtime';

package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.d.ts

@@ -1,2 +1,2 @@
-export * from "./jsx-runtime";
-//# sourceMappingURL=theme-ui-jsx-runtime.cjs.d.ts.map
+export * from "./jsx-runtime";
+//# sourceMappingURL=theme-ui-jsx-runtime.cjs.d.ts.map

package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-ui-jsx-runtime.cjs.d.ts","sourceRoot":"","sources":["../../dist/declarations/src/jsx-runtime.d.ts"],"names":[],"mappings":"AAAA"}
+{"version":3,"file":"theme-ui-jsx-runtime.cjs.d.ts","sourceRoot":"","sources":["../../dist/declarations/src/jsx-runtime.d.ts"],"names":[],"mappings":"AAAA"}

package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.dev.js

@@ -1,21 +1,21 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-var jsxRuntime = require('@theme-ui/core/jsx-runtime');
-
-
-
-Object.defineProperty(exports, 'Fragment', {
-	enumerable: true,
-	get: function () { return react.Fragment; }
-});
-Object.defineProperty(exports, 'jsx', {
-	enumerable: true,
-	get: function () { return jsxRuntime.jsx; }
-});
-Object.defineProperty(exports, 'jsxs', {
-	enumerable: true,
-	get: function () { return jsxRuntime.jsxs; }
-});
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var jsxRuntime = require('@theme-ui/core/jsx-runtime');
+
+
+
+Object.defineProperty(exports, 'Fragment', {
+	enumerable: true,
+	get: function () { return react.Fragment; }
+});
+Object.defineProperty(exports, 'jsx', {
+	enumerable: true,
+	get: function () { return jsxRuntime.jsx; }
+});
+Object.defineProperty(exports, 'jsxs', {
+	enumerable: true,
+	get: function () { return jsxRuntime.jsxs; }
+});

package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.js

@@ -1,7 +1,7 @@
-'use strict';
-
-if (process.env.NODE_ENV === "production") {
-  module.exports = require("./theme-ui-jsx-runtime.cjs.prod.js");
-} else {
-  module.exports = require("./theme-ui-jsx-runtime.cjs.dev.js");
-}
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./theme-ui-jsx-runtime.cjs.prod.js");
+} else {
+  module.exports = require("./theme-ui-jsx-runtime.cjs.dev.js");
+}

package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.prod.js

@@ -1,21 +1,21 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-var jsxRuntime = require('@theme-ui/core/jsx-runtime');
-
-
-
-Object.defineProperty(exports, 'Fragment', {
-	enumerable: true,
-	get: function () { return react.Fragment; }
-});
-Object.defineProperty(exports, 'jsx', {
-	enumerable: true,
-	get: function () { return jsxRuntime.jsx; }
-});
-Object.defineProperty(exports, 'jsxs', {
-	enumerable: true,
-	get: function () { return jsxRuntime.jsxs; }
-});
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var jsxRuntime = require('@theme-ui/core/jsx-runtime');
+
+
+
+Object.defineProperty(exports, 'Fragment', {
+	enumerable: true,
+	get: function () { return react.Fragment; }
+});
+Object.defineProperty(exports, 'jsx', {
+	enumerable: true,
+	get: function () { return jsxRuntime.jsx; }
+});
+Object.defineProperty(exports, 'jsxs', {
+	enumerable: true,
+	get: function () { return jsxRuntime.jsxs; }
+});

package/jsx-runtime/dist/theme-ui-jsx-runtime.esm.js

@@ -1,2 +1,2 @@
-export { Fragment } from 'react';
-export { jsx, jsxs } from '@theme-ui/core/jsx-runtime';
+export { Fragment } from 'react';
+export { jsx, jsxs } from '@theme-ui/core/jsx-runtime';

package/jsx-runtime/dist/theme-ui-jsx-runtime.worker.esm.js

@@ -1,2 +1,2 @@
-export { Fragment } from 'react';
-export { jsx, jsxs } from '@theme-ui/core/jsx-runtime';
+export { Fragment } from 'react';
+export { jsx, jsxs } from '@theme-ui/core/jsx-runtime';

package/jsx-runtime/package.json

@@ -1,8 +1,8 @@
-{
-  "main": "dist/theme-ui-jsx-runtime.cjs.js",
-  "module": "dist/theme-ui-jsx-runtime.esm.js",
-  "browser": {
-    "./dist/theme-ui-jsx-runtime.esm.js": "./dist/theme-ui-jsx-runtime.browser.esm.js"
-  },
-  "types": "dist/theme-ui-jsx-runtime.cjs.d.ts"
-}
+{
+  "main": "dist/theme-ui-jsx-runtime.cjs.js",
+  "module": "dist/theme-ui-jsx-runtime.esm.js",
+  "browser": {
+    "./dist/theme-ui-jsx-runtime.esm.js": "./dist/theme-ui-jsx-runtime.browser.esm.js"
+  },
+  "types": "dist/theme-ui-jsx-runtime.cjs.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apia/theme",
-  "version": "4.0.9",
+  "version": "4.0.13",
   "sideEffects": false,
   "author": "Alexis Leite <alexisleite@live.com>",
   "main": "dist/index.js",
@@ -28,7 +28,7 @@
     "libWatch": "rollup --watch --config ../../config/rollup.common.mjs --environment MODE:development,ENTRY:index.ts,WATCH:true"
   },
   "dependencies": {
-    "@apia/util": "^4.0.9",
+    "@apia/util": "^4.0.13",
     "theme-ui": "^0.16.2"
   },
   "devDependencies": {
@@ -52,5 +52,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "d34af51b97c6057830b5640087053d3d261a9e95"
+  "gitHead": "a761f84c504999f9fce353dc3ec5a465c6b7411d"
 }