rothzerg-ui 0.1.0

package/dist/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-external-store-shim.production.cjs","sources":["../../../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js"],"sourcesContent":["/**\n * @license React\n * use-sync-external-store-shim.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar React = require(\"react\");\nfunction is(x, y) {\n  return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);\n}\nvar objectIs = \"function\" === typeof Object.is ? Object.is : is,\n  useState = React.useState,\n  useEffect = React.useEffect,\n  useLayoutEffect = React.useLayoutEffect,\n  useDebugValue = React.useDebugValue;\nfunction useSyncExternalStore$2(subscribe, getSnapshot) {\n  var value = getSnapshot(),\n    _useState = useState({ inst: { value: value, getSnapshot: getSnapshot } }),\n    inst = _useState[0].inst,\n    forceUpdate = _useState[1];\n  useLayoutEffect(\n    function () {\n      inst.value = value;\n      inst.getSnapshot = getSnapshot;\n      checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n    },\n    [subscribe, value, getSnapshot]\n  );\n  useEffect(\n    function () {\n      checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n      return subscribe(function () {\n        checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n      });\n    },\n    [subscribe]\n  );\n  useDebugValue(value);\n  return value;\n}\nfunction checkIfSnapshotChanged(inst) {\n  var latestGetSnapshot = inst.getSnapshot;\n  inst = inst.value;\n  try {\n    var nextValue = latestGetSnapshot();\n    return !objectIs(inst, nextValue);\n  } catch (error) {\n    return !0;\n  }\n}\nfunction useSyncExternalStore$1(subscribe, getSnapshot) {\n  return getSnapshot();\n}\nvar shim =\n  \"undefined\" === typeof window ||\n  \"undefined\" === typeof window.document ||\n  \"undefined\" === typeof window.document.createElement\n    ? useSyncExternalStore$1\n    : useSyncExternalStore$2;\nexports.useSyncExternalStore =\n  void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;\n"],"names":["React","require$$0","useSyncExternalStoreShim_production"],"mappings":";;;;;;;;;;;;;;;;;AAWA,MAAIA,UAAQC;AACZ,WAAS,GAAG,GAAG,GAAG;AAChB,WAAQ,MAAM,MAAM,MAAM,KAAK,IAAI,MAAM,IAAI,MAAQ,MAAM,KAAK,MAAM;AAAA,EACxE;AACA,MAAI,WAAW,eAAe,OAAO,OAAO,KAAK,OAAO,KAAK,IAC3D,WAAWD,QAAM,UACjB,YAAYA,QAAM,WAClB,kBAAkBA,QAAM,iBACxB,gBAAgBA,QAAM;AACxB,WAAS,uBAAuB,WAAW,aAAa;AACtD,QAAI,QAAQ,YAAW,GACrB,YAAY,SAAS,EAAE,MAAM,EAAE,OAAc,YAAwB,GAAI,GACzE,OAAO,UAAU,CAAC,EAAE,MACpB,cAAc,UAAU,CAAC;AAC3B;AAAA,MACE,WAAY;AACV,aAAK,QAAQ;AACb,aAAK,cAAc;AACnB,+BAAuB,IAAI,KAAK,YAAY,EAAE,KAAU,CAAE;AAAA,MAChE;AAAA,MACI,CAAC,WAAW,OAAO,WAAW;AAAA;AAEhC;AAAA,MACE,WAAY;AACV,+BAAuB,IAAI,KAAK,YAAY,EAAE,KAAU,CAAE;AAC1D,eAAO,UAAU,WAAY;AAC3B,iCAAuB,IAAI,KAAK,YAAY,EAAE,KAAU,CAAE;AAAA,QAClE,CAAO;AAAA,MACP;AAAA,MACI,CAAC,SAAS;AAAA;AAEZ,kBAAc,KAAK;AACnB,WAAO;AAAA,EACT;AACA,WAAS,uBAAuB,MAAM;AACpC,QAAI,oBAAoB,KAAK;AAC7B,WAAO,KAAK;AACZ,QAAI;AACF,UAAI,YAAY,kBAAiB;AACjC,aAAO,CAAC,SAAS,MAAM,SAAS;AAAA,IACpC,SAAW,OAAO;AACd,aAAO;AAAA,IACX;AAAA,EACA;AACA,WAAS,uBAAuB,WAAW,aAAa;AACtD,WAAO,YAAW;AAAA,EACpB;AACA,MAAI,OACF,gBAAgB,OAAO,UACvB,gBAAgB,OAAO,OAAO,YAC9B,gBAAgB,OAAO,OAAO,SAAS,gBACnC,yBACA;AACNE,sCAAAA,UAAA,uBACE,WAAWF,QAAM,uBAAuBA,QAAM,uBAAuB;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js

@@ -0,0 +1,63 @@
+import { __exports as useSyncExternalStoreShim_production } from "../../../_virtual/use-sync-external-store-shim.production.js";
+import React__default from "react";
+/**
+ * @license React
+ * use-sync-external-store-shim.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var hasRequiredUseSyncExternalStoreShim_production;
+function requireUseSyncExternalStoreShim_production() {
+  if (hasRequiredUseSyncExternalStoreShim_production) return useSyncExternalStoreShim_production;
+  hasRequiredUseSyncExternalStoreShim_production = 1;
+  var React = React__default;
+  function is(x, y) {
+    return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
+  }
+  var objectIs = "function" === typeof Object.is ? Object.is : is, useState = React.useState, useEffect = React.useEffect, useLayoutEffect = React.useLayoutEffect, useDebugValue = React.useDebugValue;
+  function useSyncExternalStore$2(subscribe, getSnapshot) {
+    var value = getSnapshot(), _useState = useState({ inst: { value, getSnapshot } }), inst = _useState[0].inst, forceUpdate = _useState[1];
+    useLayoutEffect(
+      function() {
+        inst.value = value;
+        inst.getSnapshot = getSnapshot;
+        checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+      },
+      [subscribe, value, getSnapshot]
+    );
+    useEffect(
+      function() {
+        checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+        return subscribe(function() {
+          checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+        });
+      },
+      [subscribe]
+    );
+    useDebugValue(value);
+    return value;
+  }
+  function checkIfSnapshotChanged(inst) {
+    var latestGetSnapshot = inst.getSnapshot;
+    inst = inst.value;
+    try {
+      var nextValue = latestGetSnapshot();
+      return !objectIs(inst, nextValue);
+    } catch (error) {
+      return true;
+    }
+  }
+  function useSyncExternalStore$1(subscribe, getSnapshot) {
+    return getSnapshot();
+  }
+  var shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+  useSyncExternalStoreShim_production.useSyncExternalStore = void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;
+  return useSyncExternalStoreShim_production;
+}
+export {
+  requireUseSyncExternalStoreShim_production as __require
+};
+//# sourceMappingURL=use-sync-external-store-shim.production.js.map

package/dist/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-external-store-shim.production.js","sources":["../../../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js"],"sourcesContent":["/**\n * @license React\n * use-sync-external-store-shim.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar React = require(\"react\");\nfunction is(x, y) {\n  return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);\n}\nvar objectIs = \"function\" === typeof Object.is ? Object.is : is,\n  useState = React.useState,\n  useEffect = React.useEffect,\n  useLayoutEffect = React.useLayoutEffect,\n  useDebugValue = React.useDebugValue;\nfunction useSyncExternalStore$2(subscribe, getSnapshot) {\n  var value = getSnapshot(),\n    _useState = useState({ inst: { value: value, getSnapshot: getSnapshot } }),\n    inst = _useState[0].inst,\n    forceUpdate = _useState[1];\n  useLayoutEffect(\n    function () {\n      inst.value = value;\n      inst.getSnapshot = getSnapshot;\n      checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n    },\n    [subscribe, value, getSnapshot]\n  );\n  useEffect(\n    function () {\n      checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n      return subscribe(function () {\n        checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n      });\n    },\n    [subscribe]\n  );\n  useDebugValue(value);\n  return value;\n}\nfunction checkIfSnapshotChanged(inst) {\n  var latestGetSnapshot = inst.getSnapshot;\n  inst = inst.value;\n  try {\n    var nextValue = latestGetSnapshot();\n    return !objectIs(inst, nextValue);\n  } catch (error) {\n    return !0;\n  }\n}\nfunction useSyncExternalStore$1(subscribe, getSnapshot) {\n  return getSnapshot();\n}\nvar shim =\n  \"undefined\" === typeof window ||\n  \"undefined\" === typeof window.document ||\n  \"undefined\" === typeof window.document.createElement\n    ? useSyncExternalStore$1\n    : useSyncExternalStore$2;\nexports.useSyncExternalStore =\n  void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;\n"],"names":["require$$0"],"mappings":";;;;;;;;;;;;;;;AAWA,MAAI,QAAQA;AACZ,WAAS,GAAG,GAAG,GAAG;AAChB,WAAQ,MAAM,MAAM,MAAM,KAAK,IAAI,MAAM,IAAI,MAAQ,MAAM,KAAK,MAAM;AAAA,EACxE;AACA,MAAI,WAAW,eAAe,OAAO,OAAO,KAAK,OAAO,KAAK,IAC3D,WAAW,MAAM,UACjB,YAAY,MAAM,WAClB,kBAAkB,MAAM,iBACxB,gBAAgB,MAAM;AACxB,WAAS,uBAAuB,WAAW,aAAa;AACtD,QAAI,QAAQ,YAAW,GACrB,YAAY,SAAS,EAAE,MAAM,EAAE,OAAc,YAAwB,GAAI,GACzE,OAAO,UAAU,CAAC,EAAE,MACpB,cAAc,UAAU,CAAC;AAC3B;AAAA,MACE,WAAY;AACV,aAAK,QAAQ;AACb,aAAK,cAAc;AACnB,+BAAuB,IAAI,KAAK,YAAY,EAAE,KAAU,CAAE;AAAA,MAChE;AAAA,MACI,CAAC,WAAW,OAAO,WAAW;AAAA;AAEhC;AAAA,MACE,WAAY;AACV,+BAAuB,IAAI,KAAK,YAAY,EAAE,KAAU,CAAE;AAC1D,eAAO,UAAU,WAAY;AAC3B,iCAAuB,IAAI,KAAK,YAAY,EAAE,KAAU,CAAE;AAAA,QAClE,CAAO;AAAA,MACP;AAAA,MACI,CAAC,SAAS;AAAA;AAEZ,kBAAc,KAAK;AACnB,WAAO;AAAA,EACT;AACA,WAAS,uBAAuB,MAAM;AACpC,QAAI,oBAAoB,KAAK;AAC7B,WAAO,KAAK;AACZ,QAAI;AACF,UAAI,YAAY,kBAAiB;AACjC,aAAO,CAAC,SAAS,MAAM,SAAS;AAAA,IACpC,SAAW,OAAO;AACd,aAAO;AAAA,IACX;AAAA,EACA;AACA,WAAS,uBAAuB,WAAW,aAAa;AACtD,WAAO,YAAW;AAAA,EACpB;AACA,MAAI,OACF,gBAAgB,OAAO,UACvB,gBAAgB,OAAO,OAAO,YAC9B,gBAAgB,OAAO,OAAO,SAAS,gBACnC,yBACA;AACN,sCAAA,uBACE,WAAW,MAAM,uBAAuB,MAAM,uBAAuB;;;","x_google_ignoreList":[0]}

package/dist/node_modules/use-sync-external-store/shim/index.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../../_virtual/index2.cjs");
+const useSyncExternalStoreShim_production = require("../cjs/use-sync-external-store-shim.production.cjs");
+const useSyncExternalStoreShim_development = require("../cjs/use-sync-external-store-shim.development.cjs");
+var hasRequiredShim;
+function requireShim() {
+  if (hasRequiredShim) return index.__module.exports;
+  hasRequiredShim = 1;
+  if (process.env.NODE_ENV === "production") {
+    index.__module.exports = useSyncExternalStoreShim_production.__require();
+  } else {
+    index.__module.exports = useSyncExternalStoreShim_development.__require();
+  }
+  return index.__module.exports;
+}
+exports.__require = requireShim;
+//# sourceMappingURL=index.cjs.map

package/dist/node_modules/use-sync-external-store/shim/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../node_modules/use-sync-external-store/shim/index.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('../cjs/use-sync-external-store-shim.production.js');\n} else {\n  module.exports = require('../cjs/use-sync-external-store-shim.development.js');\n}\n"],"names":["shimModule","require$$0","require$$1"],"mappings":";;;;;;;;;AAEA,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzCA,UAAAA,SAAA,UAAiBC,8CAAA;AAAA,EACnB,OAAO;AACLD,UAAAA,SAAA,UAAiBE,+CAAA;AAAA,EACnB;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/use-sync-external-store/shim/index.js

@@ -0,0 +1,18 @@
+import { __module as shim } from "../../../_virtual/index2.js";
+import { __require as requireUseSyncExternalStoreShim_production } from "../cjs/use-sync-external-store-shim.production.js";
+import { __require as requireUseSyncExternalStoreShim_development } from "../cjs/use-sync-external-store-shim.development.js";
+var hasRequiredShim;
+function requireShim() {
+  if (hasRequiredShim) return shim.exports;
+  hasRequiredShim = 1;
+  if (process.env.NODE_ENV === "production") {
+    shim.exports = requireUseSyncExternalStoreShim_production();
+  } else {
+    shim.exports = requireUseSyncExternalStoreShim_development();
+  }
+  return shim.exports;
+}
+export {
+  requireShim as __require
+};
+//# sourceMappingURL=index.js.map

package/dist/node_modules/use-sync-external-store/shim/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../node_modules/use-sync-external-store/shim/index.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('../cjs/use-sync-external-store-shim.production.js');\n} else {\n  module.exports = require('../cjs/use-sync-external-store-shim.development.js');\n}\n"],"names":["shimModule","require$$0","require$$1"],"mappings":";;;;;;;AAEA,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzCA,SAAA,UAAiBC,2CAAA;AAAA,EACnB,OAAO;AACLD,SAAA,UAAiBE,4CAAA;AAAA,EACnB;;;","x_google_ignoreList":[0]}

package/dist/provider/RothzergProvider.cjs

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const index = require("../config/index.cjs");
+const defaults = require("../config/defaults.cjs");
+const RothzergContext = React.createContext({
+  config: defaults.defaultConfig
+});
+function useRothzerg() {
+  return React.useContext(RothzergContext);
+}
+function camelToKebab(str) {
+  return str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function injectCSSVars(target, vars, prefix) {
+  for (const [key, value] of Object.entries(vars)) {
+    if (value !== void 0) {
+      target.style.setProperty(`--${prefix}-${camelToKebab(key)}`, value);
+    }
+  }
+}
+function RothzergProvider({
+  children,
+  config,
+  targetSelector
+}) {
+  const mergedConfig = React.useMemo(
+    () => index.mergeConfig(defaults.defaultConfig, config),
+    [config]
+  );
+  React.useEffect(() => {
+    const target = targetSelector ? document.querySelector(targetSelector) ?? document.documentElement : document.documentElement;
+    const { theme, darkMode, cssPrefix: prefix } = mergedConfig;
+    if (theme.colors) {
+      for (const [key, value] of Object.entries(theme.colors)) {
+        if (value) {
+          target.style.setProperty(
+            `--${prefix}-color-${camelToKebab(key)}`,
+            value
+          );
+        }
+      }
+    }
+    if (theme.borderRadius) {
+      injectCSSVars(
+        target,
+        Object.fromEntries(
+          Object.entries(theme.borderRadius).map(([k, v]) => [`radius-${k}`, v])
+        ),
+        prefix
+      );
+    }
+    if (theme.fonts) {
+      injectCSSVars(
+        target,
+        Object.fromEntries(
+          Object.entries(theme.fonts).map(([k, v]) => [`font-${k}`, v])
+        ),
+        prefix
+      );
+    }
+    if (theme.animation) {
+      const { duration, durationSlow, easing, easingBounce } = theme.animation;
+      if (duration) target.style.setProperty(`--${prefix}-animation-duration`, duration);
+      if (durationSlow) target.style.setProperty(`--${prefix}-animation-duration-slow`, durationSlow);
+      if (easing) target.style.setProperty(`--${prefix}-animation-easing`, easing);
+      if (easingBounce) target.style.setProperty(`--${prefix}-animation-easing-bounce`, easingBounce);
+    }
+    if (theme.shadows) {
+      injectCSSVars(
+        target,
+        Object.fromEntries(
+          Object.entries(theme.shadows).map(([k, v]) => [`shadow-${k}`, v])
+        ),
+        prefix
+      );
+    }
+    if (darkMode === "media") {
+      target.setAttribute("data-theme", "media");
+    } else if (darkMode === false) {
+      target.removeAttribute("data-theme");
+    }
+  }, [mergedConfig, targetSelector]);
+  return /* @__PURE__ */ jsxRuntime.jsx(RothzergContext.Provider, { value: { config: mergedConfig }, children });
+}
+exports.RothzergProvider = RothzergProvider;
+exports.useRothzerg = useRothzerg;
+//# sourceMappingURL=RothzergProvider.cjs.map

package/dist/provider/RothzergProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RothzergProvider.cjs","sources":["../../src/provider/RothzergProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useMemo } from 'react';\nimport { mergeConfig, defaultConfig } from '../config';\nimport type { RothzergConfig } from '../config';\n\ninterface RothzergContextValue {\n  config: Required<RothzergConfig>;\n}\n\nconst RothzergContext = createContext<RothzergContextValue>({\n  config: defaultConfig,\n});\n\nexport function useRothzerg(): RothzergContextValue {\n  return useContext(RothzergContext);\n}\n\nexport interface RothzergProviderProps {\n  children: React.ReactNode;\n  /** Your rothzerg.config.js default export */\n  config?: RothzergConfig;\n  /** CSS selector to inject tokens into. Defaults to ':root' (document.documentElement) */\n  targetSelector?: string;\n}\n\nfunction camelToKebab(str: string): string {\n  return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();\n}\n\nfunction injectCSSVars(\n  target: HTMLElement,\n  vars: Record<string, string | undefined>,\n  prefix: string,\n): void {\n  for (const [key, value] of Object.entries(vars)) {\n    if (value !== undefined) {\n      target.style.setProperty(`--${prefix}-${camelToKebab(key)}`, value);\n    }\n  }\n}\n\n/**\n * RothzergProvider\n *\n * Wrap your application with this provider to apply your custom theme.\n * It injects your rothzerg.config.js values as CSS custom properties at runtime.\n *\n * @example\n * import { RothzergProvider } from 'rothzerg-ui';\n * import config from './rothzerg.config';\n *\n * export default function App() {\n *   return (\n *     <RothzergProvider config={config}>\n *       <YourApp />\n *     </RothzergProvider>\n *   );\n * }\n */\nexport function RothzergProvider({\n  children,\n  config,\n  targetSelector,\n}: RothzergProviderProps) {\n  const mergedConfig = useMemo(\n    () => mergeConfig(defaultConfig, config),\n    [config],\n  );\n\n  useEffect(() => {\n    const target = targetSelector\n      ? (document.querySelector(targetSelector) as HTMLElement | null) ?? document.documentElement\n      : document.documentElement;\n\n    const { theme, darkMode, cssPrefix: prefix } = mergedConfig;\n\n    // Inject color tokens\n    if (theme.colors) {\n      for (const [key, value] of Object.entries(theme.colors)) {\n        if (value) {\n          target.style.setProperty(\n            `--${prefix}-color-${camelToKebab(key)}`,\n            value,\n          );\n        }\n      }\n    }\n\n    // Inject border radius tokens\n    if (theme.borderRadius) {\n      injectCSSVars(\n        target,\n        Object.fromEntries(\n          Object.entries(theme.borderRadius).map(([k, v]) => [`radius-${k}`, v]),\n        ) as Record<string, string>,\n        prefix,\n      );\n    }\n\n    // Inject font tokens\n    if (theme.fonts) {\n      injectCSSVars(\n        target,\n        Object.fromEntries(\n          Object.entries(theme.fonts).map(([k, v]) => [`font-${k}`, v]),\n        ) as Record<string, string>,\n        prefix,\n      );\n    }\n\n    // Inject animation tokens\n    if (theme.animation) {\n      const { duration, durationSlow, easing, easingBounce } = theme.animation;\n      if (duration) target.style.setProperty(`--${prefix}-animation-duration`, duration);\n      if (durationSlow) target.style.setProperty(`--${prefix}-animation-duration-slow`, durationSlow);\n      if (easing) target.style.setProperty(`--${prefix}-animation-easing`, easing);\n      if (easingBounce) target.style.setProperty(`--${prefix}-animation-easing-bounce`, easingBounce);\n    }\n\n    // Inject shadow tokens\n    if (theme.shadows) {\n      injectCSSVars(\n        target,\n        Object.fromEntries(\n          Object.entries(theme.shadows).map(([k, v]) => [`shadow-${k}`, v]),\n        ) as Record<string, string>,\n        prefix,\n      );\n    }\n\n    // Dark mode strategy\n    if (darkMode === 'media') {\n      target.setAttribute('data-theme', 'media');\n    } else if (darkMode === false) {\n      target.removeAttribute('data-theme');\n    }\n  }, [mergedConfig, targetSelector]);\n\n  return (\n    <RothzergContext.Provider value={{ config: mergedConfig }}>\n      {children}\n    </RothzergContext.Provider>\n  );\n}\n"],"names":["createContext","defaultConfig","useContext","useMemo","mergeConfig","useEffect","jsx"],"mappings":";;;;;;AAQA,MAAM,kBAAkBA,MAAAA,cAAoC;AAAA,EAC1D,QAAQC,SAAAA;AACV,CAAC;AAEM,SAAS,cAAoC;AAClD,SAAOC,MAAAA,WAAW,eAAe;AACnC;AAUA,SAAS,aAAa,KAAqB;AACzC,SAAO,IAAI,QAAQ,mBAAmB,OAAO,EAAE,YAAA;AACjD;AAEA,SAAS,cACP,QACA,MACA,QACM;AACN,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,IAAI,GAAG;AAC/C,QAAI,UAAU,QAAW;AACvB,aAAO,MAAM,YAAY,KAAK,MAAM,IAAI,aAAa,GAAG,CAAC,IAAI,KAAK;AAAA,IACpE;AAAA,EACF;AACF;AAoBO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,eAAeC,MAAAA;AAAAA,IACnB,MAAMC,MAAAA,YAAYH,SAAAA,eAAe,MAAM;AAAA,IACvC,CAAC,MAAM;AAAA,EAAA;AAGTI,QAAAA,UAAU,MAAM;AACd,UAAM,SAAS,iBACV,SAAS,cAAc,cAAc,KAA4B,SAAS,kBAC3E,SAAS;AAEb,UAAM,EAAE,OAAO,UAAU,WAAW,WAAW;AAG/C,QAAI,MAAM,QAAQ;AAChB,iBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,MAAM,MAAM,GAAG;AACvD,YAAI,OAAO;AACT,iBAAO,MAAM;AAAA,YACX,KAAK,MAAM,UAAU,aAAa,GAAG,CAAC;AAAA,YACtC;AAAA,UAAA;AAAA,QAEJ;AAAA,MACF;AAAA,IACF;AAGA,QAAI,MAAM,cAAc;AACtB;AAAA,QACE;AAAA,QACA,OAAO;AAAA,UACL,OAAO,QAAQ,MAAM,YAAY,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AAAA,QAAA;AAAA,QAEvE;AAAA,MAAA;AAAA,IAEJ;AAGA,QAAI,MAAM,OAAO;AACf;AAAA,QACE;AAAA,QACA,OAAO;AAAA,UACL,OAAO,QAAQ,MAAM,KAAK,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAAA,QAAA;AAAA,QAE9D;AAAA,MAAA;AAAA,IAEJ;AAGA,QAAI,MAAM,WAAW;AACnB,YAAM,EAAE,UAAU,cAAc,QAAQ,aAAA,IAAiB,MAAM;AAC/D,UAAI,SAAU,QAAO,MAAM,YAAY,KAAK,MAAM,uBAAuB,QAAQ;AACjF,UAAI,aAAc,QAAO,MAAM,YAAY,KAAK,MAAM,4BAA4B,YAAY;AAC9F,UAAI,OAAQ,QAAO,MAAM,YAAY,KAAK,MAAM,qBAAqB,MAAM;AAC3E,UAAI,aAAc,QAAO,MAAM,YAAY,KAAK,MAAM,4BAA4B,YAAY;AAAA,IAChG;AAGA,QAAI,MAAM,SAAS;AACjB;AAAA,QACE;AAAA,QACA,OAAO;AAAA,UACL,OAAO,QAAQ,MAAM,OAAO,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AAAA,QAAA;AAAA,QAElE;AAAA,MAAA;AAAA,IAEJ;AAGA,QAAI,aAAa,SAAS;AACxB,aAAO,aAAa,cAAc,OAAO;AAAA,IAC3C,WAAW,aAAa,OAAO;AAC7B,aAAO,gBAAgB,YAAY;AAAA,IACrC;AAAA,EACF,GAAG,CAAC,cAAc,cAAc,CAAC;AAEjC,SACEC,2BAAAA,IAAC,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,QAAQ,gBACxC,UACH;AAEJ;;;"}

package/dist/provider/RothzergProvider.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { RothzergConfig } from '../config';
+interface RothzergContextValue {
+    config: Required<RothzergConfig>;
+}
+export declare function useRothzerg(): RothzergContextValue;
+export interface RothzergProviderProps {
+    children: React.ReactNode;
+    /** Your rothzerg.config.js default export */
+    config?: RothzergConfig;
+    /** CSS selector to inject tokens into. Defaults to ':root' (document.documentElement) */
+    targetSelector?: string;
+}
+/**
+ * RothzergProvider
+ *
+ * Wrap your application with this provider to apply your custom theme.
+ * It injects your rothzerg.config.js values as CSS custom properties at runtime.
+ *
+ * @example
+ * import { RothzergProvider } from 'rothzerg-ui';
+ * import config from './rothzerg.config';
+ *
+ * export default function App() {
+ *   return (
+ *     <RothzergProvider config={config}>
+ *       <YourApp />
+ *     </RothzergProvider>
+ *   );
+ * }
+ */
+export declare function RothzergProvider({ children, config, targetSelector, }: RothzergProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RothzergProvider.d.ts.map

package/dist/provider/RothzergProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RothzergProvider.d.ts","sourceRoot":"","sources":["../../src/provider/RothzergProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAEhD,UAAU,oBAAoB;IAC5B,MAAM,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;CAClC;AAMD,wBAAgB,WAAW,IAAI,oBAAoB,CAElD;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6CAA6C;IAC7C,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,yFAAyF;IACzF,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAkBD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,cAAc,GACf,EAAE,qBAAqB,2CAgFvB"}

package/dist/provider/RothzergProvider.js

@@ -0,0 +1,89 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo, useEffect, useContext, createContext } from "react";
+import { mergeConfig } from "../config/index.js";
+import { defaultConfig } from "../config/defaults.js";
+const RothzergContext = createContext({
+  config: defaultConfig
+});
+function useRothzerg() {
+  return useContext(RothzergContext);
+}
+function camelToKebab(str) {
+  return str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function injectCSSVars(target, vars, prefix) {
+  for (const [key, value] of Object.entries(vars)) {
+    if (value !== void 0) {
+      target.style.setProperty(`--${prefix}-${camelToKebab(key)}`, value);
+    }
+  }
+}
+function RothzergProvider({
+  children,
+  config,
+  targetSelector
+}) {
+  const mergedConfig = useMemo(
+    () => mergeConfig(defaultConfig, config),
+    [config]
+  );
+  useEffect(() => {
+    const target = targetSelector ? document.querySelector(targetSelector) ?? document.documentElement : document.documentElement;
+    const { theme, darkMode, cssPrefix: prefix } = mergedConfig;
+    if (theme.colors) {
+      for (const [key, value] of Object.entries(theme.colors)) {
+        if (value) {
+          target.style.setProperty(
+            `--${prefix}-color-${camelToKebab(key)}`,
+            value
+          );
+        }
+      }
+    }
+    if (theme.borderRadius) {
+      injectCSSVars(
+        target,
+        Object.fromEntries(
+          Object.entries(theme.borderRadius).map(([k, v]) => [`radius-${k}`, v])
+        ),
+        prefix
+      );
+    }
+    if (theme.fonts) {
+      injectCSSVars(
+        target,
+        Object.fromEntries(
+          Object.entries(theme.fonts).map(([k, v]) => [`font-${k}`, v])
+        ),
+        prefix
+      );
+    }
+    if (theme.animation) {
+      const { duration, durationSlow, easing, easingBounce } = theme.animation;
+      if (duration) target.style.setProperty(`--${prefix}-animation-duration`, duration);
+      if (durationSlow) target.style.setProperty(`--${prefix}-animation-duration-slow`, durationSlow);
+      if (easing) target.style.setProperty(`--${prefix}-animation-easing`, easing);
+      if (easingBounce) target.style.setProperty(`--${prefix}-animation-easing-bounce`, easingBounce);
+    }
+    if (theme.shadows) {
+      injectCSSVars(
+        target,
+        Object.fromEntries(
+          Object.entries(theme.shadows).map(([k, v]) => [`shadow-${k}`, v])
+        ),
+        prefix
+      );
+    }
+    if (darkMode === "media") {
+      target.setAttribute("data-theme", "media");
+    } else if (darkMode === false) {
+      target.removeAttribute("data-theme");
+    }
+  }, [mergedConfig, targetSelector]);
+  return /* @__PURE__ */ jsx(RothzergContext.Provider, { value: { config: mergedConfig }, children });
+}
+export {
+  RothzergProvider,
+  useRothzerg
+};
+//# sourceMappingURL=RothzergProvider.js.map

package/dist/provider/RothzergProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RothzergProvider.js","sources":["../../src/provider/RothzergProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useMemo } from 'react';\nimport { mergeConfig, defaultConfig } from '../config';\nimport type { RothzergConfig } from '../config';\n\ninterface RothzergContextValue {\n  config: Required<RothzergConfig>;\n}\n\nconst RothzergContext = createContext<RothzergContextValue>({\n  config: defaultConfig,\n});\n\nexport function useRothzerg(): RothzergContextValue {\n  return useContext(RothzergContext);\n}\n\nexport interface RothzergProviderProps {\n  children: React.ReactNode;\n  /** Your rothzerg.config.js default export */\n  config?: RothzergConfig;\n  /** CSS selector to inject tokens into. Defaults to ':root' (document.documentElement) */\n  targetSelector?: string;\n}\n\nfunction camelToKebab(str: string): string {\n  return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();\n}\n\nfunction injectCSSVars(\n  target: HTMLElement,\n  vars: Record<string, string | undefined>,\n  prefix: string,\n): void {\n  for (const [key, value] of Object.entries(vars)) {\n    if (value !== undefined) {\n      target.style.setProperty(`--${prefix}-${camelToKebab(key)}`, value);\n    }\n  }\n}\n\n/**\n * RothzergProvider\n *\n * Wrap your application with this provider to apply your custom theme.\n * It injects your rothzerg.config.js values as CSS custom properties at runtime.\n *\n * @example\n * import { RothzergProvider } from 'rothzerg-ui';\n * import config from './rothzerg.config';\n *\n * export default function App() {\n *   return (\n *     <RothzergProvider config={config}>\n *       <YourApp />\n *     </RothzergProvider>\n *   );\n * }\n */\nexport function RothzergProvider({\n  children,\n  config,\n  targetSelector,\n}: RothzergProviderProps) {\n  const mergedConfig = useMemo(\n    () => mergeConfig(defaultConfig, config),\n    [config],\n  );\n\n  useEffect(() => {\n    const target = targetSelector\n      ? (document.querySelector(targetSelector) as HTMLElement | null) ?? document.documentElement\n      : document.documentElement;\n\n    const { theme, darkMode, cssPrefix: prefix } = mergedConfig;\n\n    // Inject color tokens\n    if (theme.colors) {\n      for (const [key, value] of Object.entries(theme.colors)) {\n        if (value) {\n          target.style.setProperty(\n            `--${prefix}-color-${camelToKebab(key)}`,\n            value,\n          );\n        }\n      }\n    }\n\n    // Inject border radius tokens\n    if (theme.borderRadius) {\n      injectCSSVars(\n        target,\n        Object.fromEntries(\n          Object.entries(theme.borderRadius).map(([k, v]) => [`radius-${k}`, v]),\n        ) as Record<string, string>,\n        prefix,\n      );\n    }\n\n    // Inject font tokens\n    if (theme.fonts) {\n      injectCSSVars(\n        target,\n        Object.fromEntries(\n          Object.entries(theme.fonts).map(([k, v]) => [`font-${k}`, v]),\n        ) as Record<string, string>,\n        prefix,\n      );\n    }\n\n    // Inject animation tokens\n    if (theme.animation) {\n      const { duration, durationSlow, easing, easingBounce } = theme.animation;\n      if (duration) target.style.setProperty(`--${prefix}-animation-duration`, duration);\n      if (durationSlow) target.style.setProperty(`--${prefix}-animation-duration-slow`, durationSlow);\n      if (easing) target.style.setProperty(`--${prefix}-animation-easing`, easing);\n      if (easingBounce) target.style.setProperty(`--${prefix}-animation-easing-bounce`, easingBounce);\n    }\n\n    // Inject shadow tokens\n    if (theme.shadows) {\n      injectCSSVars(\n        target,\n        Object.fromEntries(\n          Object.entries(theme.shadows).map(([k, v]) => [`shadow-${k}`, v]),\n        ) as Record<string, string>,\n        prefix,\n      );\n    }\n\n    // Dark mode strategy\n    if (darkMode === 'media') {\n      target.setAttribute('data-theme', 'media');\n    } else if (darkMode === false) {\n      target.removeAttribute('data-theme');\n    }\n  }, [mergedConfig, targetSelector]);\n\n  return (\n    <RothzergContext.Provider value={{ config: mergedConfig }}>\n      {children}\n    </RothzergContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;;AAQA,MAAM,kBAAkB,cAAoC;AAAA,EAC1D,QAAQ;AACV,CAAC;AAEM,SAAS,cAAoC;AAClD,SAAO,WAAW,eAAe;AACnC;AAUA,SAAS,aAAa,KAAqB;AACzC,SAAO,IAAI,QAAQ,mBAAmB,OAAO,EAAE,YAAA;AACjD;AAEA,SAAS,cACP,QACA,MACA,QACM;AACN,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,IAAI,GAAG;AAC/C,QAAI,UAAU,QAAW;AACvB,aAAO,MAAM,YAAY,KAAK,MAAM,IAAI,aAAa,GAAG,CAAC,IAAI,KAAK;AAAA,IACpE;AAAA,EACF;AACF;AAoBO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,eAAe;AAAA,IACnB,MAAM,YAAY,eAAe,MAAM;AAAA,IACvC,CAAC,MAAM;AAAA,EAAA;AAGT,YAAU,MAAM;AACd,UAAM,SAAS,iBACV,SAAS,cAAc,cAAc,KAA4B,SAAS,kBAC3E,SAAS;AAEb,UAAM,EAAE,OAAO,UAAU,WAAW,WAAW;AAG/C,QAAI,MAAM,QAAQ;AAChB,iBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,MAAM,MAAM,GAAG;AACvD,YAAI,OAAO;AACT,iBAAO,MAAM;AAAA,YACX,KAAK,MAAM,UAAU,aAAa,GAAG,CAAC;AAAA,YACtC;AAAA,UAAA;AAAA,QAEJ;AAAA,MACF;AAAA,IACF;AAGA,QAAI,MAAM,cAAc;AACtB;AAAA,QACE;AAAA,QACA,OAAO;AAAA,UACL,OAAO,QAAQ,MAAM,YAAY,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AAAA,QAAA;AAAA,QAEvE;AAAA,MAAA;AAAA,IAEJ;AAGA,QAAI,MAAM,OAAO;AACf;AAAA,QACE;AAAA,QACA,OAAO;AAAA,UACL,OAAO,QAAQ,MAAM,KAAK,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAAA,QAAA;AAAA,QAE9D;AAAA,MAAA;AAAA,IAEJ;AAGA,QAAI,MAAM,WAAW;AACnB,YAAM,EAAE,UAAU,cAAc,QAAQ,aAAA,IAAiB,MAAM;AAC/D,UAAI,SAAU,QAAO,MAAM,YAAY,KAAK,MAAM,uBAAuB,QAAQ;AACjF,UAAI,aAAc,QAAO,MAAM,YAAY,KAAK,MAAM,4BAA4B,YAAY;AAC9F,UAAI,OAAQ,QAAO,MAAM,YAAY,KAAK,MAAM,qBAAqB,MAAM;AAC3E,UAAI,aAAc,QAAO,MAAM,YAAY,KAAK,MAAM,4BAA4B,YAAY;AAAA,IAChG;AAGA,QAAI,MAAM,SAAS;AACjB;AAAA,QACE;AAAA,QACA,OAAO;AAAA,UACL,OAAO,QAAQ,MAAM,OAAO,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AAAA,QAAA;AAAA,QAElE;AAAA,MAAA;AAAA,IAEJ;AAGA,QAAI,aAAa,SAAS;AACxB,aAAO,aAAa,cAAc,OAAO;AAAA,IAC3C,WAAW,aAAa,OAAO;AAC7B,aAAO,gBAAgB,YAAY;AAAA,IACrC;AAAA,EACF,GAAG,CAAC,cAAc,cAAc,CAAC;AAEjC,SACE,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,QAAQ,gBACxC,UACH;AAEJ;"}

package/dist/provider/index.d.ts

@@ -0,0 +1,3 @@
+export { RothzergProvider, useRothzerg } from './RothzergProvider';
+export type { RothzergProviderProps } from './RothzergProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/provider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACnE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}