tinybase 8.5.0-beta.0 → 8.5.0-beta.2

package/ui-react-inspector/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import {Fragment, jsx, jsxs} from 'react/jsx-runtime';
+import {Fragment as Fragment$1, jsx, jsxs} from 'react/jsx-runtime';
 import {
   CellView,
   ResultCellView,
@@ -79,6 +79,7 @@ const id = (key) => EMPTY_STRING + key;
 const strSplit = (str, separator = EMPTY_STRING, limit) =>
   str.split(separator, limit);
 
+const math = Math;
 const getIfNotFunction = (predicate) => (value, then, otherwise) =>
   predicate(value)
     ? /* istanbul ignore next */
@@ -86,7 +87,9 @@ const getIfNotFunction = (predicate) => (value, then, otherwise) =>
     : then(value);
 const GLOBAL = globalThis;
 const WINDOW = GLOBAL.window;
-const math = Math;
+const number = Number;
+const string = String;
+const boolean = Boolean;
 const mathMin = math.min;
 const mathFloor = math.floor;
 const isFiniteNumber = isFinite;
@@ -129,6 +132,7 @@ const tryCatch = async (action, then1, then2) => {
 };
 
 const arrayHas = (array, value) => array.includes(value);
+const arrayIndexOf = (array, value) => array.indexOf(value);
 const arrayEvery = (array, cb) => array.every(cb);
 const arrayIsEqual = (array1, array2) =>
   size(array1) === size(array2) &&
@@ -252,7 +256,7 @@ const NO_PROVIDED_OBJECTS_MESSAGE =
 const INSPECTOR_ERROR_MESSAGE =
   'Inspector error: please see console for details.';
 const getInitialPosition = (position) => {
-  const index = POSITIONS.indexOf(position);
+  const index = arrayIndexOf(POSITIONS, position);
   return index == -1 ? 1 : index;
 };
 const getUniqueId = (...args) => jsonStringWithMap(args);
@@ -360,6 +364,7 @@ const TEXT_OVERFLOW = 'text-overflow';
 const ALIGN_ITEMS = 'align-items';
 const BACKDROP_FILTER = 'backdrop-filter';
 const MARGIN_RIGHT = MARGIN + '-' + RIGHT;
+const Z_INDEX = 'z-index';
 const FIXED = 'fixed';
 const REVERT = 'revert';
 const UNSET = 'unset';
@@ -383,8 +388,8 @@ const APP_STYLESHEET = arrayJoin(
         all: 'initial',
         [FONT_SIZE]: rem(0.75),
         [POSITION]: FIXED,
+        [Z_INDEX]: 999999,
         'font-family': 'inter,sans-serif',
-        'z-index': 999999,
         '--bg': oklch(20),
         '--bg2': oklch(15),
         '--bg3': oklch(25),
@@ -488,6 +493,7 @@ const APP_STYLESHEET = arrayJoin(
         [BACKGROUND]: oklch(30, '% 0.008 var(--hue) / .5'),
         [WIDTH]: 'calc(100% - .5rem)',
         [POSITION]: 'absolute',
+        [Z_INDEX]: 1,
         [BORDER + '-' + BOTTOM]: cssVar(BORDER),
         [ALIGN_ITEMS]: 'center',
         [BACKDROP_FILTER]: 'blur(4px)',
@@ -2920,8 +2926,11 @@ const cancelInspectorIdleCallback = (id) =>
   globalThis.cancelIdleCallback?.(id) ?? clearTimeout(id);
 
 const {
+  Children,
+  Fragment,
   PureComponent,
   createContext,
+  isValidElement,
   useCallback,
   useContext,
   useEffect,
@@ -3548,9 +3557,9 @@ const EditableThing = ({
     } else if (isArray(thing)) {
       setArrayThing(jsonString(thing));
     } else {
-      setStringThing(String(thing));
-      setNumberThing(Number(thing) || 0);
-      setBooleanThing(Boolean(thing));
+      setStringThing(string(thing));
+      setNumberThing(number(thing) || 0);
+      setBooleanThing(boolean(thing));
     }
   }
   const handleThingChange = useCallback(
@@ -3618,7 +3627,7 @@ const EditableThing = ({
         onChange: useCallback(
           (event) =>
             handleThingChange(
-              String(event[CURRENT_TARGET][_VALUE]),
+              string(event[CURRENT_TARGET][_VALUE]),
               setStringThing,
             ),
           [handleThingChange],
@@ -3634,7 +3643,7 @@ const EditableThing = ({
         onChange: useCallback(
           (event) =>
             handleThingChange(
-              Number(event[CURRENT_TARGET][_VALUE] || 0),
+              number(event[CURRENT_TARGET][_VALUE] || 0),
               setNumberThing,
             ),
           [handleThingChange],
@@ -3650,7 +3659,7 @@ const EditableThing = ({
         onChange: useCallback(
           (event) =>
             handleThingChange(
-              Boolean(event[CURRENT_TARGET].checked),
+              boolean(event[CURRENT_TARGET].checked),
               setBooleanThing,
             ),
           [handleThingChange],
@@ -3767,7 +3776,7 @@ const RelationshipInHtmlRow = ({
       extraRowCells(extraCellsBefore, rowProps),
       isFalse(idColumn)
         ? null
-        : /* @__PURE__ */ jsxs(Fragment, {
+        : /* @__PURE__ */ jsxs(Fragment$1, {
             children: [
               /* @__PURE__ */ jsx('th', {
                 title: localRowId,
@@ -3856,7 +3865,7 @@ const RelationshipInHtmlTable = ({
                 extraHeaders(extraCellsBefore),
                 isFalse(idColumn)
                   ? null
-                  : /* @__PURE__ */ jsxs(Fragment, {
+                  : /* @__PURE__ */ jsxs(Fragment$1, {
                       children: [
                         /* @__PURE__ */ jsxs('th', {
                           children: [localTableId, '.Id'],
@@ -3973,10 +3982,10 @@ const SortedTablePaginator = ({
     [onChange, offset, limit],
     offset + limit < total,
   );
-  return /* @__PURE__ */ jsxs(Fragment, {
+  return /* @__PURE__ */ jsxs(Fragment$1, {
     children: [
       total > limit &&
-        /* @__PURE__ */ jsxs(Fragment, {
+        /* @__PURE__ */ jsxs(Fragment$1, {
           children: [
             /* @__PURE__ */ jsx('button', {
               className: 'previous',
@@ -4477,7 +4486,7 @@ const ConfirmableActions = ({actions, ...props}) => {
   }, [confirming, handleDone]);
   if (!isUndefined(confirming)) {
     const [, , Component] = actions[confirming];
-    return /* @__PURE__ */ jsxs(Fragment, {
+    return /* @__PURE__ */ jsxs(Fragment$1, {
       children: [
         /* @__PURE__ */ jsx(Component, {onDone: handleDone, ...props}),
         /* @__PURE__ */ jsx('img', {
@@ -4531,7 +4540,7 @@ const NewId = ({onDone, suggestedId, has, set, prompt = 'New Id'}) => {
     setNewId(suggestedId);
     setPreviousSuggestedNewId(suggestedId);
   }
-  return /* @__PURE__ */ jsxs(Fragment, {
+  return /* @__PURE__ */ jsxs(Fragment$1, {
     children: [
       prompt + ': ',
       /* @__PURE__ */ jsx('input', {
@@ -4564,7 +4573,7 @@ const Delete = ({onClick, prompt = 'Delete'}) => {
     document.addEventListener('keydown', handleKeyDown);
     return () => document.removeEventListener('keydown', handleKeyDown);
   }, [handleKeyDown]);
-  return /* @__PURE__ */ jsxs(Fragment, {
+  return /* @__PURE__ */ jsxs(Fragment$1, {
     children: [
       prompt,
       '? ',
@@ -4745,7 +4754,7 @@ const CellActions = ({tableId, rowId, cellId, store}) =>
 
 const rowActions = [{label: '', component: RowActions}];
 const EditableCellViewWithActions = (props) =>
-  /* @__PURE__ */ jsxs(Fragment, {
+  /* @__PURE__ */ jsxs(Fragment$1, {
     children: [
       /* @__PURE__ */ jsx(EditableCellView, {...props}),
       useHasCell(props.tableId, props.rowId, props.cellId, props.store) &&
@@ -5066,7 +5075,7 @@ const Header = ({s}) => {
   const handleClose = useSetValueCallback$1(OPEN_VALUE, () => false, [], s);
   const handleDock = useSetValueCallback$1(
     POSITION_VALUE,
-    (event) => Number(event[CURRENT_TARGET].dataset.id),
+    (event) => number(event[CURRENT_TARGET].dataset.id),
     [],
     s,
   );
@@ -5132,7 +5141,7 @@ const Inspector = ({position = 'right', open = false, hue = 270}) => {
       await persister.startAutoSave();
     },
   );
-  return /* @__PURE__ */ jsxs(Fragment, {
+  return /* @__PURE__ */ jsxs(Fragment$1, {
     children: [
       /* @__PURE__ */ jsxs('aside', {
         id: UNIQUE_ID,

package/ui-react-inspector/with-schemas/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import {Fragment, jsx, jsxs} from 'react/jsx-runtime';
+import {Fragment as Fragment$1, jsx, jsxs} from 'react/jsx-runtime';
 import {
   CellView,
   ResultCellView,
@@ -79,6 +79,7 @@ const id = (key) => EMPTY_STRING + key;
 const strSplit = (str, separator = EMPTY_STRING, limit) =>
   str.split(separator, limit);
 
+const math = Math;
 const getIfNotFunction = (predicate) => (value, then, otherwise) =>
   predicate(value)
     ? /* istanbul ignore next */
@@ -86,7 +87,9 @@ const getIfNotFunction = (predicate) => (value, then, otherwise) =>
     : then(value);
 const GLOBAL = globalThis;
 const WINDOW = GLOBAL.window;
-const math = Math;
+const number = Number;
+const string = String;
+const boolean = Boolean;
 const mathMin = math.min;
 const mathFloor = math.floor;
 const isFiniteNumber = isFinite;
@@ -129,6 +132,7 @@ const tryCatch = async (action, then1, then2) => {
 };
 
 const arrayHas = (array, value) => array.includes(value);
+const arrayIndexOf = (array, value) => array.indexOf(value);
 const arrayEvery = (array, cb) => array.every(cb);
 const arrayIsEqual = (array1, array2) =>
   size(array1) === size(array2) &&
@@ -252,7 +256,7 @@ const NO_PROVIDED_OBJECTS_MESSAGE =
 const INSPECTOR_ERROR_MESSAGE =
   'Inspector error: please see console for details.';
 const getInitialPosition = (position) => {
-  const index = POSITIONS.indexOf(position);
+  const index = arrayIndexOf(POSITIONS, position);
   return index == -1 ? 1 : index;
 };
 const getUniqueId = (...args) => jsonStringWithMap(args);
@@ -360,6 +364,7 @@ const TEXT_OVERFLOW = 'text-overflow';
 const ALIGN_ITEMS = 'align-items';
 const BACKDROP_FILTER = 'backdrop-filter';
 const MARGIN_RIGHT = MARGIN + '-' + RIGHT;
+const Z_INDEX = 'z-index';
 const FIXED = 'fixed';
 const REVERT = 'revert';
 const UNSET = 'unset';
@@ -383,8 +388,8 @@ const APP_STYLESHEET = arrayJoin(
         all: 'initial',
         [FONT_SIZE]: rem(0.75),
         [POSITION]: FIXED,
+        [Z_INDEX]: 999999,
         'font-family': 'inter,sans-serif',
-        'z-index': 999999,
         '--bg': oklch(20),
         '--bg2': oklch(15),
         '--bg3': oklch(25),
@@ -488,6 +493,7 @@ const APP_STYLESHEET = arrayJoin(
         [BACKGROUND]: oklch(30, '% 0.008 var(--hue) / .5'),
         [WIDTH]: 'calc(100% - .5rem)',
         [POSITION]: 'absolute',
+        [Z_INDEX]: 1,
         [BORDER + '-' + BOTTOM]: cssVar(BORDER),
         [ALIGN_ITEMS]: 'center',
         [BACKDROP_FILTER]: 'blur(4px)',
@@ -2920,8 +2926,11 @@ const cancelInspectorIdleCallback = (id) =>
   globalThis.cancelIdleCallback?.(id) ?? clearTimeout(id);
 
 const {
+  Children,
+  Fragment,
   PureComponent,
   createContext,
+  isValidElement,
   useCallback,
   useContext,
   useEffect,
@@ -3548,9 +3557,9 @@ const EditableThing = ({
     } else if (isArray(thing)) {
       setArrayThing(jsonString(thing));
     } else {
-      setStringThing(String(thing));
-      setNumberThing(Number(thing) || 0);
-      setBooleanThing(Boolean(thing));
+      setStringThing(string(thing));
+      setNumberThing(number(thing) || 0);
+      setBooleanThing(boolean(thing));
     }
   }
   const handleThingChange = useCallback(
@@ -3618,7 +3627,7 @@ const EditableThing = ({
         onChange: useCallback(
           (event) =>
             handleThingChange(
-              String(event[CURRENT_TARGET][_VALUE]),
+              string(event[CURRENT_TARGET][_VALUE]),
               setStringThing,
             ),
           [handleThingChange],
@@ -3634,7 +3643,7 @@ const EditableThing = ({
         onChange: useCallback(
           (event) =>
             handleThingChange(
-              Number(event[CURRENT_TARGET][_VALUE] || 0),
+              number(event[CURRENT_TARGET][_VALUE] || 0),
               setNumberThing,
             ),
           [handleThingChange],
@@ -3650,7 +3659,7 @@ const EditableThing = ({
         onChange: useCallback(
           (event) =>
             handleThingChange(
-              Boolean(event[CURRENT_TARGET].checked),
+              boolean(event[CURRENT_TARGET].checked),
               setBooleanThing,
             ),
           [handleThingChange],
@@ -3767,7 +3776,7 @@ const RelationshipInHtmlRow = ({
       extraRowCells(extraCellsBefore, rowProps),
       isFalse(idColumn)
         ? null
-        : /* @__PURE__ */ jsxs(Fragment, {
+        : /* @__PURE__ */ jsxs(Fragment$1, {
             children: [
               /* @__PURE__ */ jsx('th', {
                 title: localRowId,
@@ -3856,7 +3865,7 @@ const RelationshipInHtmlTable = ({
                 extraHeaders(extraCellsBefore),
                 isFalse(idColumn)
                   ? null
-                  : /* @__PURE__ */ jsxs(Fragment, {
+                  : /* @__PURE__ */ jsxs(Fragment$1, {
                       children: [
                         /* @__PURE__ */ jsxs('th', {
                           children: [localTableId, '.Id'],
@@ -3973,10 +3982,10 @@ const SortedTablePaginator = ({
     [onChange, offset, limit],
     offset + limit < total,
   );
-  return /* @__PURE__ */ jsxs(Fragment, {
+  return /* @__PURE__ */ jsxs(Fragment$1, {
     children: [
       total > limit &&
-        /* @__PURE__ */ jsxs(Fragment, {
+        /* @__PURE__ */ jsxs(Fragment$1, {
           children: [
             /* @__PURE__ */ jsx('button', {
               className: 'previous',
@@ -4477,7 +4486,7 @@ const ConfirmableActions = ({actions, ...props}) => {
   }, [confirming, handleDone]);
   if (!isUndefined(confirming)) {
     const [, , Component] = actions[confirming];
-    return /* @__PURE__ */ jsxs(Fragment, {
+    return /* @__PURE__ */ jsxs(Fragment$1, {
       children: [
         /* @__PURE__ */ jsx(Component, {onDone: handleDone, ...props}),
         /* @__PURE__ */ jsx('img', {
@@ -4531,7 +4540,7 @@ const NewId = ({onDone, suggestedId, has, set, prompt = 'New Id'}) => {
     setNewId(suggestedId);
     setPreviousSuggestedNewId(suggestedId);
   }
-  return /* @__PURE__ */ jsxs(Fragment, {
+  return /* @__PURE__ */ jsxs(Fragment$1, {
     children: [
       prompt + ': ',
       /* @__PURE__ */ jsx('input', {
@@ -4564,7 +4573,7 @@ const Delete = ({onClick, prompt = 'Delete'}) => {
     document.addEventListener('keydown', handleKeyDown);
     return () => document.removeEventListener('keydown', handleKeyDown);
   }, [handleKeyDown]);
-  return /* @__PURE__ */ jsxs(Fragment, {
+  return /* @__PURE__ */ jsxs(Fragment$1, {
     children: [
       prompt,
       '? ',
@@ -4745,7 +4754,7 @@ const CellActions = ({tableId, rowId, cellId, store}) =>
 
 const rowActions = [{label: '', component: RowActions}];
 const EditableCellViewWithActions = (props) =>
-  /* @__PURE__ */ jsxs(Fragment, {
+  /* @__PURE__ */ jsxs(Fragment$1, {
     children: [
       /* @__PURE__ */ jsx(EditableCellView, {...props}),
       useHasCell(props.tableId, props.rowId, props.cellId, props.store) &&
@@ -5066,7 +5075,7 @@ const Header = ({s}) => {
   const handleClose = useSetValueCallback$1(OPEN_VALUE, () => false, [], s);
   const handleDock = useSetValueCallback$1(
     POSITION_VALUE,
-    (event) => Number(event[CURRENT_TARGET].dataset.id),
+    (event) => number(event[CURRENT_TARGET].dataset.id),
     [],
     s,
   );
@@ -5132,7 +5141,7 @@ const Inspector = ({position = 'right', open = false, hue = 270}) => {
       await persister.startAutoSave();
     },
   );
-  return /* @__PURE__ */ jsxs(Fragment, {
+  return /* @__PURE__ */ jsxs(Fragment$1, {
     children: [
       /* @__PURE__ */ jsxs('aside', {
         id: UNIQUE_ID,

package/ui-solid-dom/index.js

@@ -57,13 +57,16 @@ const EXTRA = 'extra';
 const strSplit = (str, separator = EMPTY_STRING, limit) =>
   str.split(separator, limit);
 
+const math = Math;
 const getIfNotFunction = (predicate) => (value, then, otherwise) =>
   predicate(value)
     ? /* istanbul ignore next */
       otherwise?.()
     : then(value);
 const GLOBAL = globalThis;
-const math = Math;
+const number = Number;
+const string = String;
+const boolean = Boolean;
 const mathMin = math.min;
 const isFiniteNumber = isFinite;
 const isNullish = (thing) => thing == null;
@@ -751,9 +754,9 @@ const EditableThing = (props) => {
       } else if (isArray(thing)) {
         setArrayThing(jsonString(thing));
       } else {
-        setStringThing(String(thing));
-        setNumberThing(Number(thing) || 0);
-        setBooleanThing(Boolean(thing));
+        setStringThing(string(thing));
+        setNumberThing(number(thing) || 0);
+        setBooleanThing(boolean(thing));
       }
     }
   });
@@ -810,7 +813,7 @@ const EditableThing = (props) => {
         var _el$0 = _tmpl$7();
         _el$0.addEventListener('input', (event) =>
           handleThingChange(
-            String(event[CURRENT_TARGET][_VALUE]),
+            string(event[CURRENT_TARGET][_VALUE]),
             setStringThing,
           ),
         );
@@ -821,7 +824,7 @@ const EditableThing = (props) => {
         var _el$1 = _tmpl$8();
         _el$1.addEventListener('input', (event) =>
           handleThingChange(
-            Number(event[CURRENT_TARGET][_VALUE] || 0),
+            number(event[CURRENT_TARGET][_VALUE] || 0),
             setNumberThing,
           ),
         );
@@ -832,7 +835,7 @@ const EditableThing = (props) => {
         var _el$10 = _tmpl$9();
         _el$10.addEventListener('input', (event) =>
           handleThingChange(
-            Boolean(event[CURRENT_TARGET].checked),
+            boolean(event[CURRENT_TARGET].checked),
             setBooleanThing,
           ),
         );

package/ui-solid-dom/with-schemas/index.js

@@ -57,13 +57,16 @@ const EXTRA = 'extra';
 const strSplit = (str, separator = EMPTY_STRING, limit) =>
   str.split(separator, limit);
 
+const math = Math;
 const getIfNotFunction = (predicate) => (value, then, otherwise) =>
   predicate(value)
     ? /* istanbul ignore next */
       otherwise?.()
     : then(value);
 const GLOBAL = globalThis;
-const math = Math;
+const number = Number;
+const string = String;
+const boolean = Boolean;
 const mathMin = math.min;
 const isFiniteNumber = isFinite;
 const isNullish = (thing) => thing == null;
@@ -751,9 +754,9 @@ const EditableThing = (props) => {
       } else if (isArray(thing)) {
         setArrayThing(jsonString(thing));
       } else {
-        setStringThing(String(thing));
-        setNumberThing(Number(thing) || 0);
-        setBooleanThing(Boolean(thing));
+        setStringThing(string(thing));
+        setNumberThing(number(thing) || 0);
+        setBooleanThing(boolean(thing));
       }
     }
   });
@@ -810,7 +813,7 @@ const EditableThing = (props) => {
         var _el$0 = _tmpl$7();
         _el$0.addEventListener('input', (event) =>
           handleThingChange(
-            String(event[CURRENT_TARGET][_VALUE]),
+            string(event[CURRENT_TARGET][_VALUE]),
             setStringThing,
           ),
         );
@@ -821,7 +824,7 @@ const EditableThing = (props) => {
         var _el$1 = _tmpl$8();
         _el$1.addEventListener('input', (event) =>
           handleThingChange(
-            Number(event[CURRENT_TARGET][_VALUE] || 0),
+            number(event[CURRENT_TARGET][_VALUE] || 0),
             setNumberThing,
           ),
         );
@@ -832,7 +835,7 @@ const EditableThing = (props) => {
         var _el$10 = _tmpl$9();
         _el$10.addEventListener('input', (event) =>
           handleThingChange(
-            Boolean(event[CURRENT_TARGET].checked),
+            boolean(event[CURRENT_TARGET].checked),
             setBooleanThing,
           ),
         );

package/ui-solid-inspector/index.js

@@ -112,6 +112,7 @@ const id = (key) => EMPTY_STRING + key;
 const strSplit = (str, separator = EMPTY_STRING, limit) =>
   str.split(separator, limit);
 
+const math = Math;
 const getIfNotFunction = (predicate) => (value, then, otherwise) =>
   predicate(value)
     ? /* istanbul ignore next */
@@ -119,7 +120,9 @@ const getIfNotFunction = (predicate) => (value, then, otherwise) =>
     : then(value);
 const GLOBAL = globalThis;
 const WINDOW = GLOBAL.window;
-const math = Math;
+const number = Number;
+const string = String;
+const boolean = Boolean;
 const mathMin = math.min;
 const mathFloor = math.floor;
 const isFiniteNumber = isFinite;
@@ -162,6 +165,7 @@ const tryCatch = async (action, then1, then2) => {
 };
 
 const arrayHas = (array, value) => array.includes(value);
+const arrayIndexOf = (array, value) => array.indexOf(value);
 const arrayEvery = (array, cb) => array.every(cb);
 const arrayIsEqual = (array1, array2) =>
   size(array1) === size(array2) &&
@@ -284,7 +288,7 @@ const NO_PROVIDED_OBJECTS_MESSAGE =
 const INSPECTOR_ERROR_MESSAGE =
   'Inspector error: please see console for details.';
 const getInitialPosition = (position) => {
-  const index = POSITIONS.indexOf(position);
+  const index = arrayIndexOf(POSITIONS, position);
   return index == -1 ? 1 : index;
 };
 const getUniqueId = (...args) => jsonStringWithMap(args);
@@ -419,6 +423,7 @@ const TEXT_OVERFLOW = 'text-overflow';
 const ALIGN_ITEMS = 'align-items';
 const BACKDROP_FILTER = 'backdrop-filter';
 const MARGIN_RIGHT = MARGIN + '-' + RIGHT;
+const Z_INDEX = 'z-index';
 const FIXED = 'fixed';
 const REVERT = 'revert';
 const UNSET = 'unset';
@@ -442,8 +447,8 @@ const APP_STYLESHEET = arrayJoin(
         all: 'initial',
         [FONT_SIZE]: rem(0.75),
         [POSITION]: FIXED,
+        [Z_INDEX]: 999999,
         'font-family': 'inter,sans-serif',
-        'z-index': 999999,
         '--bg': oklch(20),
         '--bg2': oklch(15),
         '--bg3': oklch(25),
@@ -547,6 +552,7 @@ const APP_STYLESHEET = arrayJoin(
         [BACKGROUND]: oklch(30, '% 0.008 var(--hue) / .5'),
         [WIDTH]: 'calc(100% - .5rem)',
         [POSITION]: 'absolute',
+        [Z_INDEX]: 1,
         [BORDER + '-' + BOTTOM]: cssVar(BORDER),
         [ALIGN_ITEMS]: 'center',
         [BACKDROP_FILTER]: 'blur(4px)',
@@ -3516,9 +3522,9 @@ const EditableThing = (props) => {
       } else if (isArray(thing)) {
         setArrayThing(jsonString(thing));
       } else {
-        setStringThing(String(thing));
-        setNumberThing(Number(thing) || 0);
-        setBooleanThing(Boolean(thing));
+        setStringThing(string(thing));
+        setNumberThing(number(thing) || 0);
+        setBooleanThing(boolean(thing));
       }
     }
   });
@@ -3575,7 +3581,7 @@ const EditableThing = (props) => {
         var _el$0 = _tmpl$7$1();
         _el$0.addEventListener('input', (event) =>
           handleThingChange(
-            String(event[CURRENT_TARGET][_VALUE]),
+            string(event[CURRENT_TARGET][_VALUE]),
             setStringThing,
           ),
         );
@@ -3586,7 +3592,7 @@ const EditableThing = (props) => {
         var _el$1 = _tmpl$8$1();
         _el$1.addEventListener('input', (event) =>
           handleThingChange(
-            Number(event[CURRENT_TARGET][_VALUE] || 0),
+            number(event[CURRENT_TARGET][_VALUE] || 0),
             setNumberThing,
           ),
         );
@@ -3597,7 +3603,7 @@ const EditableThing = (props) => {
         var _el$10 = _tmpl$9$1();
         _el$10.addEventListener('input', (event) =>
           handleThingChange(
-            Boolean(event[CURRENT_TARGET].checked),
+            boolean(event[CURRENT_TARGET].checked),
             setBooleanThing,
           ),
         );
@@ -5286,7 +5292,7 @@ const Header = (props) => {
   const handleClick = () => open('https://tinybase.org', '_blank');
   const handleClose = () => props.s.setValue(OPEN_VALUE, false);
   const handleDock = (event) =>
-    props.s.setValue(POSITION_VALUE, Number(event.currentTarget.dataset.id));
+    props.s.setValue(POSITION_VALUE, number(event.currentTarget.dataset.id));
   return (() => {
     var _el$24 = _tmpl$1(),
       _el$25 = _el$24.firstChild,