@apia/theme 1.0.4 → 2.0.1

package/dist/base/forms/deletableInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deletableInput.js","sources":["../../../src/base/forms/deletableInput.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { focusOutline } from '../../util';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n\nconst deletableInput: ThemeUICSSObject = {\n  border: '1px solid',\n  borderColor: 'palette.border.field',\n  display: 'inline-block',\n  position: 'relative',\n  pr: '45px',\n\n  '.deletableInput__input': {\n    border: 'none',\n  },\n\n  '.deletableInput__deleteButton': {\n    height: '100%',\n    outlineOffset: '-2px',\n    position: 'absolute',\n    right: 0,\n    top: 0,\n    width: '45px',\n\n    ...getColorsAndStatesByPath('buttons.deletableInputButton', {\n      states: { path: true },\n    }),\n  },\n\n  '&:focus-within:not(.asMaterial)': {\n    ...focusOutline,\n\n    '.deletableInput__input:focus': {\n      outline: 'none',\n    },\n\n    '.deletableInput__deleteButton:focus': {\n      outline: 'none',\n    },\n  },\n\n  '&.asMaterial': {\n    borderLeft: 'none',\n    borderRight: 'none',\n    borderTop: 'none',\n    borderBottomColor: 'palette.border.section',\n\n    '& + .input__underline': {\n      transform: 'scale(1)',\n    },\n\n    '.deletableInput__input:focus': {\n      outline: 'none',\n\n      '~.input__underline::after': {\n        animationName: 'growHorizontal',\n        animationDuration: '150ms',\n        animationTimingFunction: 'ease-out',\n        content: '\"\"',\n        display: 'block',\n        height: '0',\n        outlineColor: 'palette.primary.main',\n        outlineStyle: 'solid',\n        outlineWidth: '1.5px',\n        outlineOffset: 0,\n        position: 'absolute',\n        transformOrigin: 'center center',\n        left: 0,\n        right: 0,\n      },\n    },\n  },\n};\n\nexport default deletableInput;\n"],"names":[],"mappings":";;;AAIA,MAAM,cAAmC,GAAA;AAAA,EACvC,MAAQ,EAAA,WAAA;AAAA,EACR,WAAa,EAAA,sBAAA;AAAA,EACb,OAAS,EAAA,cAAA;AAAA,EACT,QAAU,EAAA,UAAA;AAAA,EACV,EAAI,EAAA,MAAA;AAAA,EAEJ,wBAA0B,EAAA;AAAA,IACxB,MAAQ,EAAA,MAAA;AAAA,GACV;AAAA,EAEA,+BAAiC,EAAA;AAAA,IAC/B,MAAQ,EAAA,MAAA;AAAA,IACR,aAAe,EAAA,MAAA;AAAA,IACf,QAAU,EAAA,UAAA;AAAA,IACV,KAAO,EAAA,CAAA;AAAA,IACP,GAAK,EAAA,CAAA;AAAA,IACL,KAAO,EAAA,MAAA;AAAA,IAEP,GAAG,yBAAyB,8BAAgC,EAAA;AAAA,MAC1D,MAAA,EAAQ,EAAE,IAAA,EAAM,IAAK,EAAA;AAAA,KACtB,CAAA;AAAA,GACH;AAAA,EAEA,iCAAmC,EAAA;AAAA,IACjC,GAAG,YAAA;AAAA,IAEH,8BAAgC,EAAA;AAAA,MAC9B,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,IAEA,qCAAuC,EAAA;AAAA,MACrC,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,GACF;AAAA,EAEA,cAAgB,EAAA;AAAA,IACd,UAAY,EAAA,MAAA;AAAA,IACZ,WAAa,EAAA,MAAA;AAAA,IACb,SAAW,EAAA,MAAA;AAAA,IACX,iBAAmB,EAAA,wBAAA;AAAA,IAEnB,uBAAyB,EAAA;AAAA,MACvB,SAAW,EAAA,UAAA;AAAA,KACb;AAAA,IAEA,8BAAgC,EAAA;AAAA,MAC9B,OAAS,EAAA,MAAA;AAAA,MAET,2BAA6B,EAAA;AAAA,QAC3B,aAAe,EAAA,gBAAA;AAAA,QACf,iBAAmB,EAAA,OAAA;AAAA,QACnB,uBAAyB,EAAA,UAAA;AAAA,QACzB,OAAS,EAAA,IAAA;AAAA,QACT,OAAS,EAAA,OAAA;AAAA,QACT,MAAQ,EAAA,GAAA;AAAA,QACR,YAAc,EAAA,sBAAA;AAAA,QACd,YAAc,EAAA,OAAA;AAAA,QACd,YAAc,EAAA,OAAA;AAAA,QACd,aAAe,EAAA,CAAA;AAAA,QACf,QAAU,EAAA,UAAA;AAAA,QACV,eAAiB,EAAA,eAAA;AAAA,QACjB,IAAM,EAAA,CAAA;AAAA,QACN,KAAO,EAAA,CAAA;AAAA,OACT;AAAA,KACF;AAAA,GACF;AACF,CAAA,CAAA;AAEA,uBAAe,cAAA;;;;"}

package/dist/base/forms/iconInput.js

@@ -0,0 +1,28 @@
+import { spacing } from '../../util.js';
+import getColorsByPath from '../colors/util/getColorsByPath.js';
+
+const iconInput = {
+  display: "flex",
+  gap: spacing(1),
+  justifyContent: "stretch",
+  alignItems: "center",
+  "&.readOnly": {
+    input: {
+      ...getColorsByPath("form.fields")
+    }
+  },
+  input: {
+    height: "50px",
+    width: "100%"
+  },
+  button: {
+    display: "flex",
+    width: "45px",
+    flexShrink: 0,
+    height: "50px"
+  }
+};
+var iconInput$1 = iconInput;
+
+export { iconInput$1 as default };
+//# sourceMappingURL=iconInput.js.map

package/dist/base/forms/iconInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconInput.js","sources":["../../../src/base/forms/iconInput.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { spacing } from '../../util';\nimport getColorsByPath from '../colors/util/getColorsByPath';\n/* IMPORT HERE */\n\nconst iconInput: ThemeUICSSObject = {\n  display: 'flex',\n  gap: spacing(1),\n  justifyContent: 'stretch',\n  alignItems: 'center',\n  '&.readOnly': {\n    input: {\n      ...getColorsByPath('form.fields'),\n    },\n  },\n\n  input: {\n    height: '50px',\n    width: '100%',\n  },\n\n  button: {\n    display: 'flex',\n    width: '45px',\n    flexShrink: 0,\n    height: '50px',\n  },\n};\n\nexport default iconInput;\n"],"names":[],"mappings":";;;AAKA,MAAM,SAA8B,GAAA;AAAA,EAClC,OAAS,EAAA,MAAA;AAAA,EACT,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,EACd,cAAgB,EAAA,SAAA;AAAA,EAChB,UAAY,EAAA,QAAA;AAAA,EACZ,YAAc,EAAA;AAAA,IACZ,KAAO,EAAA;AAAA,MACL,GAAG,gBAAgB,aAAa,CAAA;AAAA,KAClC;AAAA,GACF;AAAA,EAEA,KAAO,EAAA;AAAA,IACL,MAAQ,EAAA,MAAA;AAAA,IACR,KAAO,EAAA,MAAA;AAAA,GACT;AAAA,EAEA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,IACT,KAAO,EAAA,MAAA;AAAA,IACP,UAAY,EAAA,CAAA;AAAA,IACZ,MAAQ,EAAA,MAAA;AAAA,GACV;AACF,CAAA,CAAA;AAEA,kBAAe,SAAA;;;;"}

package/dist/base/forms/index.js

@@ -0,0 +1,36 @@
+import customCheckbox from './customCheckbox.js';
+import checkbox from './checkbox.js';
+import dateInput from './dateInput.js';
+import iconInput from './iconInput.js';
+import input from './input.js';
+import label from './label.js';
+import radio from './radio.js';
+import select from './select.js';
+import selectMultiple from './selectMultiple.js';
+import Switch from './switch.js';
+import textarea from './textarea.js';
+import deletableInput from './deletableInput.js';
+
+const forms = (theme) => {
+  return {
+    checkbox,
+    customCheckbox,
+    dateInput,
+    deletableInput,
+    iconInput,
+    input,
+    label,
+    radio,
+    select,
+    selectMultiple: selectMultiple(theme),
+    switch: Switch,
+    textarea,
+    /* PREPEND HERE */
+    'input[type="date"]': {
+      variant: "forms.input"
+    }
+  };
+};
+
+export { forms as default };
+//# sourceMappingURL=index.js.map

package/dist/base/forms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/base/forms/index.ts"],"sourcesContent":["import { Theme, ThemeUICSSObject } from 'theme-ui';\nimport customCheckbox from './customCheckbox';\nimport checkbox from './checkbox';\nimport dateInput from './dateInput';\nimport iconInput from './iconInput';\nimport input from './input';\nimport label from './label';\nimport radio from './radio';\nimport select from './select';\nimport selectMultiple from './selectMultiple';\nimport Switch from './switch';\nimport textarea from './textarea';\nimport deletableInput from './deletableInput';\n/* IMPORT HERE */\n\nconst forms: (theme: Theme) => Record<string, ThemeUICSSObject> = (theme) => {\n  return {\n    checkbox,\n    customCheckbox,\n    dateInput,\n    deletableInput,\n    iconInput,\n    input,\n    label,\n    radio,\n    select,\n    selectMultiple: selectMultiple(theme),\n    switch: Switch,\n    textarea,\n    /* PREPEND HERE */\n    'input[type=\"date\"]': {\n      variant: 'forms.input',\n    },\n  };\n};\n\nexport default forms;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAeM,MAAA,KAAA,GAA4D,CAAC,KAAU,KAAA;AAC3E,EAAO,OAAA;AAAA,IACL,QAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA,EAAgB,eAAe,KAAK,CAAA;AAAA,IACpC,MAAQ,EAAA,MAAA;AAAA,IACR,QAAA;AAAA;AAAA,IAEA,oBAAsB,EAAA;AAAA,MACpB,OAAS,EAAA,aAAA;AAAA,KACX;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/base/forms/input.js

@@ -0,0 +1,52 @@
+import { responsive } from '../../util.js';
+import getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath.js';
+
+const input = {
+  variant: "text.default",
+  border: "1px solid",
+  borderRadius: "default",
+  padding: responsive({ 0: 3, 3: 4 }),
+  "::placeholder": {
+    color: "#b0b0b0"
+  },
+  ...getColorsAndStatesByPath("form.fields", {
+    states: {
+      active: false,
+      hover: false,
+      focus: false
+    }
+  }),
+  material: {
+    input: {
+      borderLeft: "none",
+      borderRight: "none",
+      borderTop: "none",
+      borderBottomColor: "palette.border.section",
+      "& + .input__underline": {
+        transform: "scale(1)"
+      },
+      "&:focus": {
+        outline: "none",
+        "~::after": {
+          animationName: "growHorizontal",
+          animationDuration: "150ms",
+          animationTimingFunction: "ease-out",
+          content: '""',
+          display: "block",
+          height: "0",
+          outlineColor: "palette.primary.main",
+          outlineStyle: "solid",
+          outlineWidth: "1.5px",
+          outlineOffset: 0,
+          position: "fixed",
+          transformOrigin: "center center",
+          width: "100%"
+        }
+      }
+    }
+  }
+};
+var input$1 = input;
+
+export { input$1 as default };
+//# sourceMappingURL=input.js.map

package/dist/base/forms/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sources":["../../../src/base/forms/input.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { responsive } from '../../util';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n/* IMPORT HERE */\n\nconst input: ThemeUICSSObject = {\n  variant: 'text.default',\n  border: '1px solid',\n  borderRadius: 'default',\n  padding: responsive({ 0: 3, 3: 4 }),\n  '::placeholder': {\n    color: '#b0b0b0',\n  },\n  ...getColorsAndStatesByPath('form.fields', {\n    states: {\n      active: false,\n      hover: false,\n      focus: false,\n    },\n  }),\n\n  material: {\n    input: {\n      borderLeft: 'none',\n      borderRight: 'none',\n      borderTop: 'none',\n      borderBottomColor: 'palette.border.section',\n\n      '& + .input__underline': {\n        transform: 'scale(1)',\n      },\n\n      '&:focus': {\n        outline: 'none',\n\n        '~::after': {\n          animationName: 'growHorizontal',\n          animationDuration: '150ms',\n          animationTimingFunction: 'ease-out',\n          content: '\"\"',\n          display: 'block',\n          height: '0',\n          outlineColor: 'palette.primary.main',\n          outlineStyle: 'solid',\n          outlineWidth: '1.5px',\n          outlineOffset: 0,\n          position: 'fixed',\n          transformOrigin: 'center center',\n          width: '100%',\n        },\n      },\n    },\n  },\n};\n\nexport default input;\n"],"names":[],"mappings":";;;AAKA,MAAM,KAA0B,GAAA;AAAA,EAC9B,OAAS,EAAA,cAAA;AAAA,EACT,MAAQ,EAAA,WAAA;AAAA,EACR,YAAc,EAAA,SAAA;AAAA,EACd,SAAS,UAAW,CAAA,EAAE,GAAG,CAAG,EAAA,CAAA,EAAG,GAAG,CAAA;AAAA,EAClC,eAAiB,EAAA;AAAA,IACf,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,GAAG,yBAAyB,aAAe,EAAA;AAAA,IACzC,MAAQ,EAAA;AAAA,MACN,MAAQ,EAAA,KAAA;AAAA,MACR,KAAO,EAAA,KAAA;AAAA,MACP,KAAO,EAAA,KAAA;AAAA,KACT;AAAA,GACD,CAAA;AAAA,EAED,QAAU,EAAA;AAAA,IACR,KAAO,EAAA;AAAA,MACL,UAAY,EAAA,MAAA;AAAA,MACZ,WAAa,EAAA,MAAA;AAAA,MACb,SAAW,EAAA,MAAA;AAAA,MACX,iBAAmB,EAAA,wBAAA;AAAA,MAEnB,uBAAyB,EAAA;AAAA,QACvB,SAAW,EAAA,UAAA;AAAA,OACb;AAAA,MAEA,SAAW,EAAA;AAAA,QACT,OAAS,EAAA,MAAA;AAAA,QAET,UAAY,EAAA;AAAA,UACV,aAAe,EAAA,gBAAA;AAAA,UACf,iBAAmB,EAAA,OAAA;AAAA,UACnB,uBAAyB,EAAA,UAAA;AAAA,UACzB,OAAS,EAAA,IAAA;AAAA,UACT,OAAS,EAAA,OAAA;AAAA,UACT,MAAQ,EAAA,GAAA;AAAA,UACR,YAAc,EAAA,sBAAA;AAAA,UACd,YAAc,EAAA,OAAA;AAAA,UACd,YAAc,EAAA,OAAA;AAAA,UACd,aAAe,EAAA,CAAA;AAAA,UACf,QAAU,EAAA,OAAA;AAAA,UACV,eAAiB,EAAA,eAAA;AAAA,UACjB,KAAO,EAAA,MAAA;AAAA,SACT;AAAA,OACF;AAAA,KACF;AAAA,GACF;AACF,CAAA,CAAA;AAEA,cAAe,KAAA;;;;"}

package/dist/base/forms/label.js

@@ -0,0 +1,31 @@
+import { spacing } from '../../util.js';
+
+const label = {
+  variant: "text.default",
+  alignItems: "center",
+  width: "auto",
+  textTransform: "none",
+  cursor: "pointer",
+  "&:not(.radio-label)": {
+    fontWeight: "bold"
+  },
+  "&.required": {
+    position: "relative",
+    "&::before": {
+      color: "danger",
+      position: "absolute",
+      content: '"*"',
+      top: 0,
+      left: "-10px"
+    }
+  },
+  "&:last-of-type": {
+    "input, textarea, select": {
+      mb: spacing(0)
+    }
+  }
+};
+var label$1 = label;
+
+export { label$1 as default };
+//# sourceMappingURL=label.js.map

package/dist/base/forms/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sources":["../../../src/base/forms/label.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { spacing } from '../../util';\n/* IMPORT HERE */\n\nconst label: ThemeUICSSObject = {\n  variant: 'text.default',\n  alignItems: 'center',\n  width: 'auto',\n  textTransform: 'none',\n  cursor: 'pointer',\n\n  '&:not(.radio-label)': {\n    fontWeight: 'bold',\n  },\n\n  '&.required': {\n    position: 'relative',\n    '&::before': {\n      color: 'danger',\n      position: 'absolute',\n      content: '\"*\"',\n      top: 0,\n      left: '-10px',\n    },\n  },\n\n  '&:last-of-type': {\n    'input, textarea, select': {\n      mb: spacing(0),\n    },\n  },\n};\n\nexport default label;\n"],"names":[],"mappings":";;AAIA,MAAM,KAA0B,GAAA;AAAA,EAC9B,OAAS,EAAA,cAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EACZ,KAAO,EAAA,MAAA;AAAA,EACP,aAAe,EAAA,MAAA;AAAA,EACf,MAAQ,EAAA,SAAA;AAAA,EAER,qBAAuB,EAAA;AAAA,IACrB,UAAY,EAAA,MAAA;AAAA,GACd;AAAA,EAEA,YAAc,EAAA;AAAA,IACZ,QAAU,EAAA,UAAA;AAAA,IACV,WAAa,EAAA;AAAA,MACX,KAAO,EAAA,QAAA;AAAA,MACP,QAAU,EAAA,UAAA;AAAA,MACV,OAAS,EAAA,KAAA;AAAA,MACT,GAAK,EAAA,CAAA;AAAA,MACL,IAAM,EAAA,OAAA;AAAA,KACR;AAAA,GACF;AAAA,EAEA,gBAAkB,EAAA;AAAA,IAChB,yBAA2B,EAAA;AAAA,MACzB,EAAA,EAAI,QAAQ,CAAC,CAAA;AAAA,KACf;AAAA,GACF;AACF,CAAA,CAAA;AAEA,cAAe,KAAA;;;;"}

package/dist/base/forms/radio.js

@@ -0,0 +1,17 @@
+import getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath.js';
+
+const radio = {
+  width: "32px",
+  height: "32px",
+  input: {
+    height: "32px !important"
+  },
+  ...getColorsAndStatesByPath("form.radio"),
+  path: {
+    fill: "inherit"
+  }
+};
+var radio$1 = radio;
+
+export { radio$1 as default };
+//# sourceMappingURL=radio.js.map

package/dist/base/forms/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sources":["../../../src/base/forms/radio.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n/* IMPORT HERE */\n\nconst radio: ThemeUICSSObject = {\n  width: '32px',\n  height: '32px',\n  input: {\n    height: '32px !important',\n  },\n  ...getColorsAndStatesByPath('form.radio'),\n  path: {\n    fill: 'inherit',\n  },\n};\n\nexport default radio;\n"],"names":[],"mappings":";;AAIA,MAAM,KAA0B,GAAA;AAAA,EAC9B,KAAO,EAAA,MAAA;AAAA,EACP,MAAQ,EAAA,MAAA;AAAA,EACR,KAAO,EAAA;AAAA,IACL,MAAQ,EAAA,iBAAA;AAAA,GACV;AAAA,EACA,GAAG,yBAAyB,YAAY,CAAA;AAAA,EACxC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,SAAA;AAAA,GACR;AACF,CAAA,CAAA;AAEA,cAAe,KAAA;;;;"}

package/dist/base/forms/select.js

@@ -0,0 +1,27 @@
+import { spacing } from '../../util.js';
+import getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath.js';
+
+const select = {
+  variant: "text.default",
+  display: "inline-block",
+  fontFamily: "body",
+  p: spacing(4),
+  pr: 7,
+  borderRadius: "default",
+  width: "100%",
+  maxWidth: "100%",
+  "& ~ svg": {
+    background: "palette.background.paper"
+  },
+  ...getColorsAndStatesByPath("form.fields", {
+    states: {
+      active: false,
+      hover: false,
+      focus: false
+    }
+  })
+};
+var select$1 = select;
+
+export { select$1 as default };
+//# sourceMappingURL=select.js.map

package/dist/base/forms/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sources":["../../../src/base/forms/select.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { spacing } from '../../util';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n/* IMPORT HERE */\n\nconst select: ThemeUICSSObject = {\n  variant: 'text.default',\n  display: 'inline-block',\n  fontFamily: 'body',\n  p: spacing(4),\n  pr: 7,\n  borderRadius: 'default',\n  width: '100%',\n  maxWidth: '100%',\n  '& ~ svg': {\n    background: 'palette.background.paper',\n  },\n  ...getColorsAndStatesByPath('form.fields', {\n    states: {\n      active: false,\n      hover: false,\n      focus: false,\n    },\n  }),\n};\n\nexport default select;\n"],"names":[],"mappings":";;;AAKA,MAAM,MAA2B,GAAA;AAAA,EAC/B,OAAS,EAAA,cAAA;AAAA,EACT,OAAS,EAAA,cAAA;AAAA,EACT,UAAY,EAAA,MAAA;AAAA,EACZ,CAAA,EAAG,QAAQ,CAAC,CAAA;AAAA,EACZ,EAAI,EAAA,CAAA;AAAA,EACJ,YAAc,EAAA,SAAA;AAAA,EACd,KAAO,EAAA,MAAA;AAAA,EACP,QAAU,EAAA,MAAA;AAAA,EACV,SAAW,EAAA;AAAA,IACT,UAAY,EAAA,0BAAA;AAAA,GACd;AAAA,EACA,GAAG,yBAAyB,aAAe,EAAA;AAAA,IACzC,MAAQ,EAAA;AAAA,MACN,MAAQ,EAAA,KAAA;AAAA,MACR,KAAO,EAAA,KAAA;AAAA,MACP,KAAO,EAAA,KAAA;AAAA,KACT;AAAA,GACD,CAAA;AACH,CAAA,CAAA;AAEA,eAAe,MAAA;;;;"}

package/dist/base/forms/selectMultiple.js

@@ -0,0 +1,40 @@
+import { getSelectedColors } from '../colors/index.js';
+
+function selectMultiple(theme) {
+  return {
+    variant: "text.default",
+    height: "100%",
+    padding: "4px",
+    borderRadius: "default",
+    border: "1px solid",
+    width: "100%",
+    transition: "background-color 100ms ease-out, color 100ms ease-out",
+    overflow: "auto",
+    option: {
+      padding: 2,
+      ...getSelectedColors(theme.palette),
+      "&:checked": {
+        backgroundColor: theme.palette.getColor(
+          theme.palette.background.paper,
+          "selected"
+        ),
+        color: theme.palette.getContrastText(
+          theme.palette.getColor(theme.palette.background.paper, "selected")
+        )
+      }
+    },
+    "+ svg": {
+      display: "none"
+    },
+    ...theme.palette.getStatesFromPath("form.fields", {
+      states: {
+        active: false,
+        hover: false,
+        focus: false
+      }
+    })
+  };
+}
+
+export { selectMultiple as default };
+//# sourceMappingURL=selectMultiple.js.map

package/dist/base/forms/selectMultiple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectMultiple.js","sources":["../../../src/base/forms/selectMultiple.ts"],"sourcesContent":["import { Theme, ThemeUICSSObject } from 'theme-ui';\nimport { getSelectedColors } from '../colors/index';\n/* IMPORT HERE */\n\nfunction selectMultiple(theme: Theme): ThemeUICSSObject {\n  return {\n    variant: 'text.default',\n    height: '100%',\n    padding: '4px',\n    borderRadius: 'default',\n    border: '1px solid',\n    width: '100%',\n    transition: 'background-color 100ms ease-out, color 100ms ease-out',\n    overflow: 'auto',\n    option: {\n      padding: 2,\n      ...getSelectedColors(theme.palette),\n\n      '&:checked': {\n        backgroundColor: theme.palette.getColor(\n          theme.palette.background.paper,\n          'selected',\n        ),\n        color: theme.palette.getContrastText(\n          theme.palette.getColor(theme.palette.background.paper, 'selected'),\n        ),\n      },\n    },\n    '+ svg': {\n      display: 'none',\n    },\n    ...theme.palette.getStatesFromPath('form.fields', {\n      states: {\n        active: false,\n        hover: false,\n        focus: false,\n      },\n    }),\n  };\n}\n\nexport default selectMultiple;\n"],"names":[],"mappings":";;AAIA,SAAS,eAAe,KAAgC,EAAA;AACtD,EAAO,OAAA;AAAA,IACL,OAAS,EAAA,cAAA;AAAA,IACT,MAAQ,EAAA,MAAA;AAAA,IACR,OAAS,EAAA,KAAA;AAAA,IACT,YAAc,EAAA,SAAA;AAAA,IACd,MAAQ,EAAA,WAAA;AAAA,IACR,KAAO,EAAA,MAAA;AAAA,IACP,UAAY,EAAA,uDAAA;AAAA,IACZ,QAAU,EAAA,MAAA;AAAA,IACV,MAAQ,EAAA;AAAA,MACN,OAAS,EAAA,CAAA;AAAA,MACT,GAAG,iBAAkB,CAAA,KAAA,CAAM,OAAO,CAAA;AAAA,MAElC,WAAa,EAAA;AAAA,QACX,eAAA,EAAiB,MAAM,OAAQ,CAAA,QAAA;AAAA,UAC7B,KAAA,CAAM,QAAQ,UAAW,CAAA,KAAA;AAAA,UACzB,UAAA;AAAA,SACF;AAAA,QACA,KAAA,EAAO,MAAM,OAAQ,CAAA,eAAA;AAAA,UACnB,MAAM,OAAQ,CAAA,QAAA,CAAS,MAAM,OAAQ,CAAA,UAAA,CAAW,OAAO,UAAU,CAAA;AAAA,SACnE;AAAA,OACF;AAAA,KACF;AAAA,IACA,OAAS,EAAA;AAAA,MACP,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,IACA,GAAG,KAAA,CAAM,OAAQ,CAAA,iBAAA,CAAkB,aAAe,EAAA;AAAA,MAChD,MAAQ,EAAA;AAAA,QACN,MAAQ,EAAA,KAAA;AAAA,QACR,KAAO,EAAA,KAAA;AAAA,QACP,KAAO,EAAA,KAAA;AAAA,OACT;AAAA,KACD,CAAA;AAAA,GACH,CAAA;AACF;;;;"}

package/dist/base/forms/switch.js

@@ -0,0 +1,12 @@
+const Switch = {
+  "+ span": {
+    fontSize: 14,
+    fontWeight: "normal",
+    wordBreak: "break-all"
+  },
+  backgroundColor: "form.fields.checked.borderColor"
+};
+var Switch$1 = Switch;
+
+export { Switch$1 as default };
+//# sourceMappingURL=switch.js.map

package/dist/base/forms/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sources":["../../../src/base/forms/switch.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\n/* IMPORT HERE */\n\nconst Switch: ThemeUICSSObject = {\n  '+ span': {\n    fontSize: 14,\n    fontWeight: 'normal',\n    wordBreak: 'break-all',\n  },\n  backgroundColor: 'form.fields.checked.borderColor',\n};\n\nexport default Switch;\n"],"names":[],"mappings":"AAGA,MAAM,MAA2B,GAAA;AAAA,EAC/B,QAAU,EAAA;AAAA,IACR,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,QAAA;AAAA,IACZ,SAAW,EAAA,WAAA;AAAA,GACb;AAAA,EACA,eAAiB,EAAA,iCAAA;AACnB,CAAA,CAAA;AAEA,eAAe,MAAA;;;;"}

package/dist/base/forms/textarea.js

@@ -0,0 +1,14 @@
+const textarea = {
+  "&, & textarea": {
+    height: "100%",
+    minHeight: "130px",
+    resize: "vertical"
+  },
+  textarea: {
+    variant: "forms.input"
+  }
+};
+var textarea$1 = textarea;
+
+export { textarea$1 as default };
+//# sourceMappingURL=textarea.js.map

package/dist/base/forms/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sources":["../../../src/base/forms/textarea.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\n/* IMPORT HERE */\n\nconst textarea: ThemeUICSSObject = {\n  '&, & textarea': {\n    height: '100%',\n    minHeight: '130px',\n    resize: 'vertical',\n  },\n\n  textarea: {\n    variant: 'forms.input',\n  },\n};\n\nexport default textarea;\n"],"names":[],"mappings":"AAGA,MAAM,QAA6B,GAAA;AAAA,EACjC,eAAiB,EAAA;AAAA,IACf,MAAQ,EAAA,MAAA;AAAA,IACR,SAAW,EAAA,OAAA;AAAA,IACX,MAAQ,EAAA,UAAA;AAAA,GACV;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,aAAA;AAAA,GACX;AACF,CAAA,CAAA;AAEA,iBAAe,QAAA;;;;"}

package/dist/base/layout/common/components/accordion.js

@@ -0,0 +1,124 @@
+import { spacing } from '../../../../util.js';
+
+const accordion = {
+  primary: {
+    "&, .accordion__item": {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "stretch"
+    },
+    ".accordion__item__button__rightGroup": {
+      flexShrink: 0
+    },
+    ".accordion__item__button__leftGroup, .accordion__item__button__rightGroup": {
+      alignItems: "center",
+      display: "flex",
+      gap: 3,
+      "& > *": {
+        flexShrink: 0,
+        "&.accordion__item__button__label": {
+          flexShrink: 1
+        }
+      }
+    },
+    ".accordion__item__button__label": {
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap",
+      flexShrink: 1,
+      color: "palette.primary.contrastText",
+      fontSize: 16
+    },
+    ".accordion__item__button__check": {
+      width: "32px",
+      height: "32px",
+      background: "palette.background.paper",
+      border: "1px solid",
+      // borderColor: 'palette.border.field',
+      cursor: "pointer",
+      display: "flex",
+      alignItems: "stretch",
+      justifyContent: "stretch",
+      p: 2,
+      svg: {
+        color: "palette.text.primary",
+        height: "100%",
+        width: "100%"
+      }
+    },
+    ".accordion__item:last-of-type > *": {
+      borderBottom: "1px solid",
+      borderBottomColor: "palette.border.section"
+    },
+    ".accordion__item__content > *": {
+      p: 4,
+      borderLeft: "1px solid",
+      borderRight: "1px solid",
+      borderLeftColor: "palette.border.section",
+      borderRightColor: "palette.border.section"
+    },
+    ".accordion__item__button": {
+      width: "100%",
+      p: 3,
+      ".button__content": {
+        alignItems: "center",
+        display: "flex",
+        gap: spacing(3),
+        justifyContent: "space-between",
+        width: "100%"
+      }
+    },
+    ".accordion__cell__renderer": {
+      display: "flex"
+    }
+  },
+  panels: {
+    variant: "layout.common.components.accordion.primary",
+    overflowX: "hidden",
+    ".accordion__item__button": {
+      color: "palette.text.primary",
+      pl: 4,
+      background: "palette.background.paper",
+      border: "none",
+      borderTop: "1px solid",
+      borderColor: "palette.border.section",
+      boxShadow: "rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px",
+      ":hover": {
+        background: "palette.gray.900",
+        borderColor: "palette.border.section",
+        color: "palette.text.primary"
+      },
+      ":active": {
+        background: "palette.border.section"
+      },
+      svg: {
+        path: {
+          fill: "palette.text.primary"
+        }
+      }
+    },
+    ".accordion__item__button__label": {
+      color: "palette.text.primary",
+      fontWeight: "400"
+    },
+    '.accordion__item__content[aria-hidden="true"]': {
+      border: "none"
+    },
+    ".accordion__item__button__check": {
+      borderColor: "palette.border.section",
+      borderRadius: "3px"
+    },
+    ".accordion__item__content": {
+      background: "palette.secondary.light",
+      '[data-variant="link"]': {
+        px: 0
+      },
+      div: {
+        border: "none"
+      }
+    }
+  }
+};
+
+export { accordion };
+//# sourceMappingURL=accordion.js.map

package/dist/base/layout/common/components/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sources":["../../../../../src/base/layout/common/components/accordion.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { spacing } from '../../../../util';\n\nexport const accordion: ThemeUICSSObject = {\n  primary: {\n    '&, .accordion__item': {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'stretch',\n    },\n    '.accordion__item__button__rightGroup': {\n      flexShrink: 0,\n    },\n    '.accordion__item__button__leftGroup, .accordion__item__button__rightGroup':\n      {\n        alignItems: 'center',\n        display: 'flex',\n        gap: 3,\n\n        '& > *': {\n          flexShrink: 0,\n\n          '&.accordion__item__button__label': {\n            flexShrink: 1,\n          },\n        },\n      },\n\n    '.accordion__item__button__label': {\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      flexShrink: 1,\n      color: 'palette.primary.contrastText',\n      fontSize: 16,\n    },\n\n    '.accordion__item__button__check': {\n      width: '32px',\n      height: '32px',\n      background: 'palette.background.paper',\n      border: '1px solid',\n      // borderColor: 'palette.border.field',\n      cursor: 'pointer',\n      display: 'flex',\n      alignItems: 'stretch',\n      justifyContent: 'stretch',\n      p: 2,\n\n      svg: {\n        color: 'palette.text.primary',\n        height: '100%',\n        width: '100%',\n      },\n    },\n\n    '.accordion__item:last-of-type > *': {\n      borderBottom: '1px solid',\n      borderBottomColor: 'palette.border.section',\n    },\n\n    '.accordion__item__content > *': {\n      p: 4,\n      borderLeft: '1px solid',\n      borderRight: '1px solid',\n      borderLeftColor: 'palette.border.section',\n      borderRightColor: 'palette.border.section',\n    },\n\n    '.accordion__item__button': {\n      width: '100%',\n      p: 3,\n\n      '.button__content': {\n        alignItems: 'center',\n        display: 'flex',\n        gap: spacing(3),\n        justifyContent: 'space-between',\n        width: '100%',\n      },\n    },\n    '.accordion__cell__renderer': {\n      display: 'flex',\n    },\n  },\n  panels: {\n    variant: 'layout.common.components.accordion.primary',\n    overflowX: 'hidden',\n    '.accordion__item__button': {\n      color: 'palette.text.primary',\n      pl: 4,\n      background: 'palette.background.paper',\n      border: 'none',\n      borderTop: '1px solid',\n      borderColor: 'palette.border.section',\n      boxShadow: 'rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px',\n      ':hover': {\n        background: 'palette.gray.900',\n        borderColor: 'palette.border.section',\n        color: 'palette.text.primary',\n      },\n      ':active': {\n        background: 'palette.border.section',\n      },\n      svg: {\n        path: {\n          fill: 'palette.text.primary',\n        },\n      },\n    },\n\n    '.accordion__item__button__label': {\n      color: 'palette.text.primary',\n      fontWeight: '400',\n    },\n    '.accordion__item__content[aria-hidden=\"true\"]': {\n      border: 'none',\n    },\n    '.accordion__item__button__check': {\n      borderColor: 'palette.border.section',\n      borderRadius: '3px',\n    },\n    '.accordion__item__content': {\n      background: 'palette.secondary.light',\n      '[data-variant=\"link\"]': {\n        px: 0,\n      },\n      div: {\n        border: 'none',\n      },\n    },\n  },\n};\n"],"names":[],"mappings":"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"}

package/dist/base/layout/common/components/chat.js

@@ -0,0 +1,98 @@
+const chat = {
+  /* PREPEND HERE */
+  height: "calc(100vh - 300px)",
+  width: "100%",
+  border: "1px solid",
+  borderColor: "palette.border.section",
+  ".autoscrollContainer": {
+    display: "flex",
+    flexDirection: "column",
+    width: "100%",
+    gap: 3,
+    p: 3
+  },
+  ".history__message": {
+    borderRadius: "2px",
+    p: 3,
+    width: "80%",
+    wordWrap: "break-word",
+    whiteSpace: "pre-wrap",
+    "&.user": {
+      alignSelf: "end",
+      backgroundColor: "#90ee902b"
+    },
+    "&.system": {
+      alignSelf: "start",
+      backgroundColor: "#5701f52b"
+    },
+    "&.warning": {
+      alignSelf: "start",
+      backgroundColor: "#ffff0024",
+      width: "100%"
+    },
+    "&.error": {
+      alignSelf: "start",
+      backgroundColor: "#fd84212b",
+      width: "100%"
+    },
+    "&.information": {
+      alignSelf: "start",
+      backgroundColor: "#2222cc2b",
+      width: "100%"
+    },
+    "&.multipleChoice": {
+      p: 0
+    },
+    ".multipleChoiceMessage:not(.customRenderer)": {
+      background: "#0178f52b",
+      td: { textAlign: "center" },
+      th: { backgroundColor: "#14597bab" },
+      table: { borderBottom: "1px solid" },
+      "button.multipleChoice__option": {
+        width: "-webkit-fill-available",
+        backgroundColor: "#14597bab"
+      },
+      ".taskInfoDiv": {
+        display: "flex",
+        justifyContent: "space-evenly"
+      }
+    },
+    ".multipleChoiceMessage.customRenderer": {
+      display: "flex",
+      flexDirection: "column",
+      gap: 3,
+      "& > p": {
+        background: "#0178f52b",
+        p: 3
+      },
+      ".selection__keyHandler": {
+        m: 0,
+        padding: 3,
+        border: "1px solid",
+        borderColor: "palette.border.article",
+        borderRadius: "panel"
+      }
+    }
+  },
+  ".help__container": {
+    display: "flex",
+    flexDirection: "column",
+    gap: 4
+  },
+  ".functionHelp": {
+    display: "flex",
+    flexDirection: "column",
+    gap: 3,
+    ".functionHelp__description, .functionHelp__usage": {
+      pl: 5
+    },
+    ".history__message": {
+      wordWrap: "break-word",
+      overflow: "hidden",
+      whiteSpace: "break-spaces"
+    }
+  }
+};
+
+export { chat };
+//# sourceMappingURL=chat.js.map

package/dist/base/layout/common/components/chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.js","sources":["../../../../../src/base/layout/common/components/chat.ts"],"sourcesContent":["import { ThemeUICSSObject } from '@apia/theme';\n/* IMPORT HERE */\n\nexport const chat: ThemeUICSSObject = {\n  /* PREPEND HERE */\n  height: 'calc(100vh - 300px)',\n  width: '100%',\n  border: '1px solid',\n  borderColor: 'palette.border.section',\n\n  '.autoscrollContainer': {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    gap: 3,\n    p: 3,\n  },\n\n  '.history__message': {\n    borderRadius: '2px',\n    p: 3,\n    width: '80%',\n    wordWrap: 'break-word',\n    whiteSpace: 'pre-wrap',\n\n    '&.user': {\n      alignSelf: 'end',\n      backgroundColor: '#90ee902b',\n    },\n\n    '&.system': {\n      alignSelf: 'start',\n      backgroundColor: '#5701f52b',\n    },\n\n    '&.warning': {\n      alignSelf: 'start',\n      backgroundColor: '#ffff0024',\n      width: '100%',\n    },\n\n    '&.error': {\n      alignSelf: 'start',\n      backgroundColor: '#fd84212b',\n      width: '100%',\n    },\n\n    '&.information': {\n      alignSelf: 'start',\n      backgroundColor: '#2222cc2b',\n      width: '100%',\n    },\n\n    '&.multipleChoice': {\n      p: 0,\n    },\n\n    '.multipleChoiceMessage:not(.customRenderer)': {\n      background: '#0178f52b',\n      td: { textAlign: 'center' },\n      th: { backgroundColor: '#14597bab' },\n      table: { borderBottom: '1px solid' },\n      'button.multipleChoice__option': {\n        width: '-webkit-fill-available',\n        backgroundColor: '#14597bab',\n      },\n      '.taskInfoDiv': {\n        display: 'flex',\n        justifyContent: 'space-evenly',\n      },\n    },\n\n    '.multipleChoiceMessage.customRenderer': {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 3,\n\n      '& > p': {\n        background: '#0178f52b',\n        p: 3,\n      },\n\n      '.selection__keyHandler': {\n        m: 0,\n        padding: 3,\n        border: '1px solid',\n        borderColor: 'palette.border.article',\n        borderRadius: 'panel',\n      },\n    },\n  },\n\n  '.help__container': {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 4,\n  },\n\n  '.functionHelp': {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 3,\n\n    '.functionHelp__description, .functionHelp__usage': {\n      pl: 5,\n    },\n    '.history__message': {\n      wordWrap: 'break-word',\n      overflow: 'hidden',\n      whiteSpace: 'break-spaces',\n    },\n  },\n};\n"],"names":[],"mappings":"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"}

package/dist/base/layout/common/components/index.js

@@ -0,0 +1,15 @@
+import pagination from './pagination/index.js';
+import { accordion } from './accordion.js';
+import { chat } from './chat.js';
+import { toolbar } from './toolbar.js';
+
+const components = {
+  /* PREPEND HERE */
+  accordion,
+  pagination,
+  chat,
+  toolbar
+};
+
+export { components };
+//# sourceMappingURL=index.js.map

package/dist/base/layout/common/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/base/layout/common/components/index.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport pagination from './pagination';\nimport { accordion } from './accordion';\nimport { chat } from './chat';\nimport { toolbar } from './toolbar';\n/* IMPORT HERE */\nexport const components: ThemeUICSSObject = {\n  /* PREPEND HERE */\n  accordion,\n  pagination,\n  chat,\n  toolbar,\n};\n"],"names":[],"mappings":";;;;;AAMO,MAAM,UAA+B,GAAA;AAAA;AAAA,EAE1C,SAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AACF;;;;"}