@hanzogui/web 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+## core

package/dist/cjs/Gui.cjs

@@ -0,0 +1,72 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var Gui_exports = {};
+__export(Gui_exports, {
+  Gui: () => Gui,
+  getValueFromIdentifier: () => getValueFromIdentifier,
+  setIdentifierValue: () => setIdentifierValue
+});
+module.exports = __toCommonJS(Gui_exports);
+var Helpers = __toESM(require("@hanzogui/helpers"), 1),
+  import_config = require("./config.cjs"),
+  import_insertStyleRule = require("./helpers/insertStyleRule.cjs"),
+  import_mediaState = require("./helpers/mediaState.cjs");
+const Gui = (() => {
+    if (process.env.NODE_ENV === "development") {
+      class GuiManager {
+        Helpers = Helpers;
+        get mediaState() {
+          return {
+            ...import_mediaState.mediaState
+          };
+        }
+        get config() {
+          return (0, import_config.getConfig)();
+        }
+        get insertedRules() {
+          return (0, import_insertStyleRule.getAllRules)();
+        }
+        get allSelectors() {
+          return (0, import_insertStyleRule.getAllSelectors)();
+        }
+        get identifierToValue() {
+          return identifierToValue;
+        }
+      }
+      return new GuiManager();
+    }
+  })(),
+  identifierToValue = /* @__PURE__ */new Map(),
+  getValueFromIdentifier = identifier => identifierToValue.get(identifier),
+  setIdentifierValue = (identifier, value) => {
+    identifierToValue.set(identifier, value);
+  };

package/dist/cjs/Gui.native.js

@@ -0,0 +1,112 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var Gui_exports = {};
+__export(Gui_exports, {
+  Gui: () => Gui,
+  getValueFromIdentifier: () => getValueFromIdentifier,
+  setIdentifierValue: () => setIdentifierValue
+});
+module.exports = __toCommonJS(Gui_exports);
+var Helpers = __toESM(require("@hanzogui/helpers"), 1),
+  import_config = require("./config.native.js"),
+  import_insertStyleRule = require("./helpers/insertStyleRule.native.js"),
+  import_mediaState = require("./helpers/mediaState.native.js");
+function _class_call_check(instance, Constructor) {
+  if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
+}
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || !1, descriptor.configurable = !0, "value" in descriptor && (descriptor.writable = !0), Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+  return protoProps && _defineProperties(Constructor.prototype, protoProps), staticProps && _defineProperties(Constructor, staticProps), Constructor;
+}
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+var Gui = function () {
+    if (process.env.NODE_ENV === "development") {
+      var GuiManager = /* @__PURE__ */function () {
+        "use strict";
+
+        function GuiManager2() {
+          _class_call_check(this, GuiManager2), _define_property(this, "Helpers", Helpers);
+        }
+        return _create_class(GuiManager2, [{
+          key: "mediaState",
+          get: function () {
+            return {
+              ...import_mediaState.mediaState
+            };
+          }
+        }, {
+          key: "config",
+          get: function () {
+            return (0, import_config.getConfig)();
+          }
+        }, {
+          key: "insertedRules",
+          get: function () {
+            return (0, import_insertStyleRule.getAllRules)();
+          }
+        }, {
+          key: "allSelectors",
+          get: function () {
+            return (0, import_insertStyleRule.getAllSelectors)();
+          }
+        }, {
+          key: "identifierToValue",
+          get: function () {
+            return identifierToValue;
+          }
+        }]), GuiManager2;
+      }();
+      return new GuiManager();
+    }
+  }(),
+  identifierToValue = /* @__PURE__ */new Map(),
+  getValueFromIdentifier = function (identifier) {
+    return identifierToValue.get(identifier);
+  },
+  setIdentifierValue = function (identifier, value) {
+    identifierToValue.set(identifier, value);
+  };
+//# sourceMappingURL=Gui.native.js.map

package/dist/cjs/Gui.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Gui_exports","__export","Gui","getValueFromIdentifier","setIdentifierValue","module","exports","Helpers","__toESM","require","import_config","import_insertStyleRule","import_mediaState","_class_call_check","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_create_class","protoProps","staticProps","prototype","_define_property","obj","process","env","NODE_ENV","GuiManager"],"sources":["../../src/Gui.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,WAAA;AAAAC,QAAA,CAAAD,WAAA;EAAAE,GAAA,EAAAA,CAAA,KAAAA,GAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAyB,GAAAX,YAAA,CAAAK,WAAA;AASlB,IAAAO,OAAM,GAAOC,OAAM,CAAAC,OAAA;EAAAC,aAAA,GAAAD,OAAA;EAAAE,sBAAA,GAAAF,OAAA;EAAAG,iBAAA,GAAAH,OAAA;AACxB,SAAII,iBAAYA,CAAAC,QAAa,EAAAC,WAAe;EAAA,IAC1C,EAAAD,QAAM,YAAWC,WAAA,SACf,IAAAC,SAAU;AAAA;AAGR,SAAAC,iBAAYA,CAAAC,MAAA,EAAAC,KAAA;EAAW,KACzB,IAAAC,CAAA,MAAAA,CAAA,GAAAD,KAAA,CAAAE,MAAA,EAAAD,CAAA;IAAA,IAEAE,UAAI,GAASH,KAAA,CAAAC,CAAA;IACXE,UAAA,CAAAC,UAAO,GAAAD,UAAA,CAAAC,UAAU,QAAAD,UAAA,CAAAE,YAAA,kBAAAF,UAAA,KAAAA,UAAA,CAAAG,QAAA,QAAAC,MAAA,CAAAC,cAAA,CAAAT,MAAA,EAAAI,UAAA,CAAAM,GAAA,EAAAN,UAAA;EAAA;AACnB;AAGE,SAAAO,aAAOA,CAAAd,WAAA,EAAAe,UAAA,EAAAC,WAAY;EAAA,OACrBD,UAAA,IAAAb,iBAAA,CAAAF,WAAA,CAAAiB,SAAA,EAAAF,UAAA,GAAAC,WAAA,IAAAd,iBAAA,CAAAF,WAAA,EAAAgB,WAAA,GAAAhB,WAAA;AAAA;AAGE,SAAAkB,gBAAOA,CAAAC,GAAA,EAAAN,GAAA,EAAA7B,KAAA;EAAgB,OACzB6B,GAAA,IAAAM,GAAA,GAAAR,MAAA,CAAAC,cAAA,CAAAO,GAAA,EAAAN,GAAA;IAAA7B,KAEA;IACEwB,UAAA,EAAO;IAAAC,YACT;IACFC,QAAA;EACA,KAAAS,GAAA,CAAON,GAAA,CAAI,GAAA7B,KAAA,EAAAmC,GAAW;AAAA;AAE1B,IAAGhC,GAEG;IAOJ,IAAAiC,OAAA,CAAAC,GAAA,CAAAC,QAAsB,kBAAiB;MACzC,IAAAC,UAAA","ignoreList":[]}

package/dist/cjs/_withStableStyle.cjs

@@ -0,0 +1,65 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var withStableStyle_exports = {};
+__export(withStableStyle_exports, {
+  _withStableStyle: () => _withStableStyle
+});
+module.exports = __toCommonJS(withStableStyle_exports);
+var import_react = __toESM(require("react"), 1),
+  import_config = require("./config.cjs"),
+  import_useMedia = require("./hooks/useMedia.cjs"),
+  import_useTheme = require("./hooks/useTheme.cjs"),
+  import_useThemeState = require("./hooks/useThemeState.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const _withStableStyle = (Component, createStyle) => import_react.default.memo(import_react.default.forwardRef((props, ref) => {
+  const {
+    _expressions = [],
+    ...rest
+  } = props;
+  if (!(0, import_react.useContext)(import_useThemeState.ThemeStateContext)) {
+    const themes = (0, import_config.getConfigMaybe)()?.themes,
+      fallback = themes ? themes.light || themes.dark || Object.values(themes)[0] : {};
+    return process.env.NODE_ENV === "development" && console.warn("[@gui] _withStableStyle: no ThemeStateContext found. This usually means duplicate gui instances in a monorepo. Falling back to default theme from config."), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+      ref,
+      style: createStyle(fallback, _expressions),
+      ...rest
+    });
+  }
+  const theme = (0, import_useTheme.useTheme)(),
+    media = _expressions.some(expr => typeof expr == "string") ? (0, import_useMedia.useMedia)() : null,
+    resolvedExpressions = media ? _expressions.map(expr => typeof expr == "string" ? media[expr] : expr) : _expressions;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+    ref,
+    style: createStyle(theme, resolvedExpressions),
+    ...rest
+  });
+}));

package/dist/cjs/_withStableStyle.native.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var withStableStyle_exports = {};
+__export(withStableStyle_exports, {
+  _withStableStyle: () => _withStableStyle
+});
+module.exports = __toCommonJS(withStableStyle_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_react = __toESM(require("react"), 1),
+  import_config = require("./config.native.js"),
+  import_useMedia = require("./hooks/useMedia.native.js"),
+  import_useTheme = require("./hooks/useTheme.native.js"),
+  import_useThemeState = require("./hooks/useThemeState.native.js"),
+  _withStableStyle = function (Component, createStyle) {
+    return /* @__PURE__ */import_react.default.memo(/* @__PURE__ */import_react.default.forwardRef(function (props, ref) {
+      var {
+          _expressions = [],
+          ...rest
+        } = props,
+        parentId = (0, import_react.useContext)(import_useThemeState.ThemeStateContext);
+      if (!parentId) {
+        var config = (0, import_config.getConfigMaybe)(),
+          themes = config?.themes,
+          fallback = themes ? themes.light || themes.dark || Object.values(themes)[0] : {};
+        return process.env.NODE_ENV === "development" && console.warn("[@gui] _withStableStyle: no ThemeStateContext found. This usually means duplicate gui instances in a monorepo. Falling back to default theme from config."), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+          ref,
+          style: createStyle(fallback, _expressions),
+          ...rest
+        });
+      }
+      var theme = (0, import_useTheme.useTheme)(),
+        hasMediaKeys = _expressions.some(function (expr) {
+          return typeof expr == "string";
+        }),
+        media = hasMediaKeys ? (0, import_useMedia.useMedia)() : null,
+        resolvedExpressions = media ? _expressions.map(function (expr) {
+          return typeof expr == "string" ? media[expr] : expr;
+        }) : _expressions;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+        ref,
+        style: createStyle(theme, resolvedExpressions),
+        ...rest
+      });
+    }));
+  };
+//# sourceMappingURL=_withStableStyle.native.js.map

package/dist/cjs/_withStableStyle.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","withStableStyle_exports","__export","_withStableStyle","module","exports","import_jsx_runtime","require","import_react","__toESM","import_config","import_useMedia","import_useTheme","import_useThemeState","Component","createStyle","default","memo","forwardRef","props","ref","_expressions","rest","parentId","useContext","ThemeStateContext","config","getConfigMaybe","themes","fallback","light","dark","Object","values","process","env","NODE_ENV","console","warn","jsx","style","theme","useTheme","hasMediaKeys","some","expr"],"sources":["../../src/_withStableStyle.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkC,CAAAK,uBAClC;AAOO,IAAAK,kBAAM,GAAmBC,OAC9B,oBACA,CAEA;EAAAC,YAAA,GAAAC,OAAM,CAAAF,OAAA;EAAAG,aAAA,GAAAH,OAAA;EAAAI,eAAA,GAAAJ,OAAA;EAAAK,eAAA,GAAAL,OAAA;EAAAM,oBAAA,GAAAN,OAAA;EAAAJ,gBAAA,YAAAA,CAAAW,SAAA,EAAAC,WAAA;IACJ,sBAAMP,YAAY,CAAAQ,OAAY,CAAAC,IAAQ,gBAAAT,YAAA,CAAAQ,OAAA,CAAAE,UAAA,WAAAC,KAAA,EAAAC,GAAA;MACpC;UAAMC,YAAE,KAAe;UAAC,GAAGC;QAAG,IAAKH,KAAI;QAAAI,QAAA,OAAAf,YAAA,CAAAgB,UAAA,EAAAX,oBAAA,CAAAY,iBAAA;MAOvC,IAAI,CAAAF,QADa;QAGf,IAAAG,MAAM,OAAAhB,aADS,CAAAiB,cAAA;UAAeC,MACP,GAAAF,MACjB,EAAAE,MAAW;UAAAC,QACb,GAAAD,MAAO,GAAAA,MAAS,CAAAE,KAAO,IAAQF,MAAA,CAAOG,IAAA,IAAOC,MAAM,CAAEC,MACpD,CAAAL,MAAA;QACL,OAAIM,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBAC3BC,OAAA,CAAQC,IAAA,kLAAAhC,kBAAA,CAAAiC,GAAA,EAAAzB,SAAA;UACNM,GAAA;UAGFoB,KAGA,EAAAzB,WAAA,CAAAc,QAAA,EAAAR,YAAA;UAEJ,GAAAC;QAEA;MAWA;MAGD,IAAAmB,KAAA,OAAA7B,eAAA,CAAA8B,QAAA;QAAAC,YAAA,GAAAtB,YAAA,CAAAuB,IAAA,WAAAC,IAAA;UACH,cAAAA,IAAA","ignoreList":[]}

package/dist/cjs/animationDriverTypes.test-d.cjs

@@ -0,0 +1,60 @@
+var import_vitest = require("vitest");
+(0, import_vitest.describe)("AnimationsConfig types", () => {
+  (0, import_vitest.test)("AnimationsConfig accepts single driver", () => {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  }), (0, import_vitest.test)("AnimationsConfig accepts multi-driver object", () => {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  }), (0, import_vitest.test)("AnimationsConfigObject requires default key", () => {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf(), (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  });
+});
+(0, import_vitest.describe)("CreateGuiConfig animation types", () => {
+  (0, import_vitest.test)("CreateGuiConfig.animations accepts single driver", () => {
+    const _driver = {};
+  }), (0, import_vitest.test)("CreateGuiConfig.animations accepts multi-driver object", () => {
+    const _multi = {};
+  });
+});
+(0, import_vitest.describe)("TransitionKeys inference", () => {
+  (0, import_vitest.test)("TransitionKeys type exists and is string-based", () => {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  });
+});
+(0, import_vitest.describe)("AnimationDriverKeys inference", () => {
+  (0, import_vitest.test)("AnimationDriverKeys is string or string union", () => {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  }), (0, import_vitest.test)("TypeOverride.animationDrivers exists in interface", () => {
+    (0, import_vitest.expectTypeOf)().toBeFunction();
+  }), (0, import_vitest.test)("AnimationDriverKeys always includes default", () => {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  });
+});
+(0, import_vitest.describe)("animatedBy prop", () => {
+  (0, import_vitest.test)("animatedBy exists on GuiComponentPropsBaseBase", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("animatedBy");
+  }), (0, import_vitest.test)("animatedBy accepts null", () => {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  }), (0, import_vitest.test)('animatedBy accepts "default"', () => {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  }), (0, import_vitest.test)("multi-driver config type flow preserves all driver keys", () => {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf(), (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  });
+});
+(0, import_vitest.describe)("Type regression scenarios", () => {
+  (0, import_vitest.test)("single driver config scenario", () => {}), (0, import_vitest.test)("multiple drivers config scenario - CreateGuiConfig accepts it", () => {
+    const _config = {};
+  }), (0, import_vitest.test)("TypeOverride combines with inferred", () => {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  }), (0, import_vitest.test)("combined multiple drivers and override", () => {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  });
+});
+(0, import_vitest.describe)("ExtractAnimationDriverKeys helper", () => {
+  (0, import_vitest.test)('single driver returns "default"', () => {
+    (0, import_vitest.expectTypeOf)().toEqualTypeOf();
+  }), (0, import_vitest.test)("multi-driver returns all keys", () => {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf(), (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  }), (0, import_vitest.test)("multi-driver with css key returns all keys", () => {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf(), (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  });
+});

package/dist/cjs/animationDriverTypes.test-d.native.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var import_vitest = require("vitest");
+(0, import_vitest.describe)("AnimationsConfig types", function () {
+  (0, import_vitest.test)("AnimationsConfig accepts single driver", function () {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  }), (0, import_vitest.test)("AnimationsConfig accepts multi-driver object", function () {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  }), (0, import_vitest.test)("AnimationsConfigObject requires default key", function () {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf(), (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  });
+});
+(0, import_vitest.describe)("CreateGuiConfig animation types", function () {
+  (0, import_vitest.test)("CreateGuiConfig.animations accepts single driver", function () {
+    var _driver = {};
+  }), (0, import_vitest.test)("CreateGuiConfig.animations accepts multi-driver object", function () {
+    var _multi = {};
+  });
+});
+(0, import_vitest.describe)("TransitionKeys inference", function () {
+  (0, import_vitest.test)("TransitionKeys type exists and is string-based", function () {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  });
+});
+(0, import_vitest.describe)("AnimationDriverKeys inference", function () {
+  (0, import_vitest.test)("AnimationDriverKeys is string or string union", function () {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  }), (0, import_vitest.test)("TypeOverride.animationDrivers exists in interface", function () {
+    (0, import_vitest.expectTypeOf)().toBeFunction();
+  }), (0, import_vitest.test)("AnimationDriverKeys always includes default", function () {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  });
+});
+(0, import_vitest.describe)("animatedBy prop", function () {
+  (0, import_vitest.test)("animatedBy exists on GuiComponentPropsBaseBase", function () {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("animatedBy");
+  }), (0, import_vitest.test)("animatedBy accepts null", function () {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  }), (0, import_vitest.test)('animatedBy accepts "default"', function () {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  }), (0, import_vitest.test)("multi-driver config type flow preserves all driver keys", function () {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf(), (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  });
+});
+(0, import_vitest.describe)("Type regression scenarios", function () {
+  (0, import_vitest.test)("single driver config scenario", function () {}), (0, import_vitest.test)("multiple drivers config scenario - CreateGuiConfig accepts it", function () {
+    var _config = {};
+  }), (0, import_vitest.test)("TypeOverride combines with inferred", function () {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  }), (0, import_vitest.test)("combined multiple drivers and override", function () {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  });
+});
+(0, import_vitest.describe)("ExtractAnimationDriverKeys helper", function () {
+  (0, import_vitest.test)('single driver returns "default"', function () {
+    (0, import_vitest.expectTypeOf)().toEqualTypeOf();
+  }), (0, import_vitest.test)("multi-driver returns all keys", function () {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf(), (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  }), (0, import_vitest.test)("multi-driver with css key returns all keys", function () {
+    (0, import_vitest.expectTypeOf)().toMatchTypeOf(), (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  });
+});
+//# sourceMappingURL=animationDriverTypes.test-d.native.js.map

package/dist/cjs/animationDriverTypes.test-d.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["import_vitest","require","describe","test","expectTypeOf","toMatchTypeOf","_driver","_multi","toBeFunction","toHaveProperty","_config","toEqualTypeOf"],"sources":["../../src/animationDriverTypes.test-d.ts"],"sourcesContent":[null],"mappings":"AAYA;;AAA6C,IA0B7CA,aAAA,GAAAC,OAAA,CAAS;AACP,IAAAD,aAAA,CAAAE,QAAK;EACH,IAAAF,aAAA,CAAAG,IAAA,0CAA8D;IAC/D,IAAAH,aAED,CAAAI,YAAK,IAAAC,aAAA;EAKH,QAAAL,aAAA,CAAAG,IAAA,gDAA4D;IAC7D,IAAAH,aAED,CAAAI,YAAK,IAAAC,aAAA;EAKH,QAAAL,aAAA,CAAAG,IAAA,+CAOA,cAA4B;IAC7B,IAAAH,aAAA,CAAAI,YAAA,IAAAC,aAAA,QAAAL,aAAA,CAAAI,YAAA,IAAAC,aAAA;EACF;AAAA;AAOC,IAAAL,aAAA,CAAAE,QAAK;EAMH,IAAAF,aAAM,CAAsBG,IAAC;IAC9B,IAAAG,OAED;EASE,QAAMN,aAAsB,CAAAG,IAAA;IAC7B,IAAAI,MAAA;EACF;AAAA;AAOC,IAAAP,aAAA,CAAAE,QAAK;EAEH,IAAAF,aAAA,CAAAG,IAAA,kDAAqD;IACtD,IAAAH,aAAA,CAAAI,YAAA,IAAAC,aAAA;EACF;AAAA;AAOC,IAAAL,aAAA,CAAAE,QAAK;EAEH,IAAAF,aAAA,CAAAG,IAAA,iDAA6D;IAC9D,IAAAH,aAED,CAAAI,YAAK,IAAAC,aAAA;EAGH,QAAAL,aAAA,CAAAG,IAAA,qDAA2C;IAC5C,IAAAH,aAYD,CAAAI,YAAK,IAAAI,YAAA;EAEH,QAAAR,aAAA,CAAAG,IAAA,+CAA6D;IAC9D,IAAAH,aAAA,CAAAI,YAAA,IAAAC,aAAA;EACF;AAAA;AAOC,IAAAL,aAAA,CAAAE,QAAK;EAEH,IAAAF,aAAA,CAAAG,IAAA,kDAAiD;IAClD,IAAAH,aAED,CAAAI,YAAK,IAAAK,cAAA,aAAiC;EAGpC,QAAAT,aAAA,CAAAG,IAAA,2BAA+C;IAChD,IAAAH,aAED,CAAAI,YAAK,IAAAC,aAAA;EAGH,QAAAL,aAAA,CAAAG,IAAA,gCAAoD;IACrD,IAAAH,aAkBD,CAAAI,YAAK,IAAAC,aAAA;EAiBH,QAAAL,aAAA,CAAAG,IAAA,2DACoB,EAAE;IACvB,IAAAH,aAAA,CAAAI,YAAA,IAAAC,aAAA,QAAAL,aAAA,CAAAI,YAAA,IAAAC,aAAA;EACF;AAAA;AAaC,IAAAL,aAAA,CAAAE,QAAK,2CAAuC;EAG5C,CAAC,GAAAF,aAWD,CAAAG,IAAA,iCAAK,eASH,QAAMH,aAAuB,CAAAG,IAAA;IAC9B,IAAAO,OAYD;EAGE,QAAAV,aAAA,CAAAG,IAAA,uCAA6D;IAC9D,IAAAH,aAUD,CAAAI,YAAK,IAAAC,aAAA;EAGH,QAAAL,aAAA,CAAAG,IAAA,0CAA6D;IAC9D,IAAAH,aAAA,CAAAI,YAAA,IAAAC,aAAA;EACF;AAAA;AAmBC,IAAAL,aAAA,CAAAE,QAAK,qCAAmC,cAAM;EAE5C,IAAAF,aAAA,CAAAG,IAAA,mCAAgD;IACjD,IAAAH,aAED,CAAAI,YAAK,IAAAO,aAAA;EAMH,QAAAX,aAAA,CAAAG,IAAA,iCACA;IACD,IAAAH,aAED,CAAAI,YAAK,IAAAC,aAAA,QAAAL,aAAA,CAAAI,YAAoD,IAAAC,aAAA;EAMvD,QAAAL,aAAA,CAAAG,IAAA,8CACA,cAAoB;IACrB,IAAAH,aAAA,CAAAI,YAAA,IAAAC,aAAA,QAAAL,aAAA,CAAAI,YAAA,IAAAC,aAAA;EACF","ignoreList":[]}

package/dist/cjs/config.cjs

@@ -0,0 +1,126 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var config_exports = {};
+__export(config_exports, {
+  devConfig: () => devConfig,
+  getConfig: () => getConfig,
+  getConfigMaybe: () => getConfigMaybe,
+  getFont: () => getFont,
+  getSetting: () => getSetting,
+  getThemes: () => getThemes,
+  getToken: () => getToken,
+  getTokenObject: () => getTokenObject,
+  getTokenValue: () => getTokenValue,
+  getTokens: () => getTokens,
+  loadAnimationDriver: () => loadAnimationDriver,
+  setConfig: () => setConfig,
+  setConfigFont: () => setConfigFont,
+  setTokens: () => setTokens,
+  setupDev: () => setupDev,
+  updateConfig: () => updateConfig,
+  useTokens: () => useTokens
+});
+module.exports = __toCommonJS(config_exports);
+var import_constants = require("@hanzogui/constants"),
+  import_constants2 = require("./constants/constants.cjs");
+let conf,
+  setConfigCalledByThisInstance = !1;
+const haventCalledErrorMessage = process.env.NODE_ENV === "development" ? `
+Haven't called createGui yet. ${import_constants2.MISSING_THEME_MESSAGE}
+` : "\u274C Error 001",
+  getConfigFromGlobalOrLocal = () => conf || (globalThis.__guiConfig ? (process.env.NODE_ENV === "development" && !globalThis.__guiHasWarnedGlobalFallback && !globalThis.__guiPendingCheck && (globalThis.__guiPendingCheck = !0, setTimeout(() => {
+    !setConfigCalledByThisInstance && !globalThis.__guiHasWarnedGlobalFallback && (globalThis.__guiHasWarnedGlobalFallback = !0, console.warn(`\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F
+
+Hanzo GUI: Using global config fallback. This may indicate duplicate gui instances (e.g., from Vite SSR bundling). This is handled automatically, but likely causes issues!
+
+\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F`)), globalThis.__guiPendingCheck = !1;
+  }, 500)), globalThis.__guiConfig) : null),
+  getSetting = key => {
+    const config = getConfigFromGlobalOrLocal();
+    if (process.env.NODE_ENV === "development" && !config) throw new Error(haventCalledErrorMessage);
+    return config.settings[key] ??
+    // @ts-expect-error
+    config[key];
+  },
+  setConfig = next => {
+    setConfigCalledByThisInstance = !0, conf = next, globalThis.__guiConfig = next;
+  },
+  setConfigFont = (name, font, fontParsed) => {
+    const config = getConfigFromGlobalOrLocal();
+    if (process.env.NODE_ENV === "development" && !config) throw new Error(haventCalledErrorMessage);
+    config.fonts[name] = font, config.fontsParsed[`$${name}`] = fontParsed;
+  },
+  getConfig = () => {
+    const config = getConfigFromGlobalOrLocal();
+    if (!config) throw new Error(process.env.NODE_ENV !== "production" ? "Missing gui config, you either have a duplicate config, or haven't set it up. Be sure createGui is called before rendering. Also, make sure all of your hanzo-gui dependencies are on the same version (`gui`, `@hanzogui/package-name`, etc.) not just in your package.json, but in your lockfile." : "Err0");
+    return config;
+  },
+  getConfigMaybe = () => getConfigFromGlobalOrLocal();
+let tokensMerged;
+function setTokens(_) {
+  tokensMerged = _;
+}
+const getTokens = ({
+    prefixed
+  } = {}) => {
+    const config = getConfigFromGlobalOrLocal();
+    if (process.env.NODE_ENV === "development" && !config) throw new Error(haventCalledErrorMessage);
+    const {
+      tokens,
+      tokensParsed
+    } = config;
+    return prefixed === !1 ? tokens : prefixed === !0 ? tokensParsed : tokensMerged;
+  },
+  getTokenObject = (value, group) => getConfigFromGlobalOrLocal().specificTokens[value] ?? (group ? tokensMerged[group]?.[value] : tokensMerged[Object.keys(tokensMerged).find(cat => tokensMerged[cat][value]) || ""]?.[value]),
+  getToken = (value, group, useVariable = import_constants.isWeb) => {
+    const token = getTokenObject(value, group);
+    return useVariable ? token?.variable : token?.val;
+  },
+  getTokenValue = (value, group) => {
+    if (!(value === "unset" || value === "auto")) return getToken(value, group, !1);
+  },
+  useTokens = getTokens,
+  getThemes = () => getConfigFromGlobalOrLocal().themes,
+  updateConfig = (key, value) => {
+    const config = getConfigFromGlobalOrLocal();
+    Object.assign(config[key], value);
+  },
+  getFont = name => {
+    const conf2 = getConfig();
+    return conf2.fontsParsed[name] ?? Object.entries(conf2.fontsParsed).find(([k]) => conf2.fontsParsed[k]?.family?.val === name)?.[1];
+  };
+let devConfig;
+function setupDev(conf2) {
+  process.env.NODE_ENV === "development" && (devConfig = conf2);
+}
+function loadAnimationDriver(name, driver) {
+  const config = getConfigFromGlobalOrLocal();
+  if (!config) {
+    process.env.NODE_ENV === "development" && console.warn("loadAnimationDriver called before createGui");
+    return;
+  }
+  config.animations && !("default" in config.animations) && (config.animations = {
+    default: config.animations
+  }), config.animations ? config.animations[name] = driver : config.animations = {
+    default: driver,
+    [name]: driver
+  };
+}