@js-empire/emperor-ui 1.3.0 → 1.3.2

package/README.md

@@ -61,6 +61,21 @@ Import the library’s global styles in your app root (e.g. `layout.tsx` or `_ap
 import "@js-empire/emperor-ui/globals.css";
 ```
 
+### Next.js — avoiding "document is not defined"
+
+Emperor UI uses HeroUI, which accesses browser APIs during module load. In Next.js (App Router), this can cause `document is not defined` when components are imported in server-rendered contexts (e.g. error boundaries, layouts, or barrel exports that load on the server).
+
+**Fix:** Import `ColorPicker` from the dedicated subpath, which does not load HeroUI until the client:
+
+```tsx
+import {
+  ColorPicker,
+  ColorPickerProps,
+} from "@js-empire/emperor-ui/color-picker";
+```
+
+Use `@js-empire/emperor-ui/color-picker` instead of `@js-empire/emperor-ui` for ColorPicker in files that may run on the server. Ensure `HeroUIProvider` wraps your app as per [HeroUI's Next.js setup](https://heroui.com/docs/frameworks/nextjs).
+
 ---
 
 ## Components

package/dist/color-picker-BOgYy7CG.js

@@ -0,0 +1,280 @@
+"use client";
+import ee, { useState as re, useEffect as te } from "react";
+var p = { exports: {} }, _ = {};
+var I;
+function ne() {
+  if (I) return _;
+  I = 1;
+  var l = /* @__PURE__ */ Symbol.for("react.transitional.element"), u = /* @__PURE__ */ Symbol.for("react.fragment");
+  function c(i, o, s) {
+    var d = null;
+    if (s !== void 0 && (d = "" + s), o.key !== void 0 && (d = "" + o.key), "key" in o) {
+      s = {};
+      for (var m in o)
+        m !== "key" && (s[m] = o[m]);
+    } else s = o;
+    return o = s.ref, {
+      $$typeof: l,
+      type: i,
+      key: d,
+      ref: o !== void 0 ? o : null,
+      props: s
+    };
+  }
+  return _.Fragment = u, _.jsx = c, _.jsxs = c, _;
+}
+var E = {};
+var $;
+function ae() {
+  return $ || ($ = 1, process.env.NODE_ENV !== "production" && (function() {
+    function l(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === Z ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case v:
+          return "Fragment";
+        case J:
+          return "Profiler";
+        case U:
+          return "StrictMode";
+        case G:
+          return "Suspense";
+        case X:
+          return "SuspenseList";
+        case H:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case W:
+            return "Portal";
+          case q:
+            return e.displayName || "Context";
+          case V:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case z:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case B:
+            return r = e.displayName || null, r !== null ? r : l(e.type) || "Memo";
+          case T:
+            r = e._payload, e = e._init;
+            try {
+              return l(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function u(e) {
+      return "" + e;
+    }
+    function c(e) {
+      try {
+        u(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          n
+        ), u(e);
+      }
+    }
+    function i(e) {
+      if (e === v) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === T)
+        return "<...>";
+      try {
+        var r = l(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var e = k.A;
+      return e === null ? null : e.getOwner();
+    }
+    function s() {
+      return Error("react-stack-top-frame");
+    }
+    function d(e) {
+      if (y.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function m(e, r) {
+      function t() {
+        g || (g = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          r
+        ));
+      }
+      t.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: t,
+        configurable: !0
+      });
+    }
+    function L() {
+      var e = l(this.type);
+      return h[e] || (h[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function M(e, r, t, n, b, P) {
+      var a = t.ref;
+      return e = {
+        $$typeof: x,
+        type: e,
+        key: r,
+        props: t,
+        _owner: n
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: L
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: b
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: P
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function S(e, r, t, n, b, P) {
+      var a = r.children;
+      if (a !== void 0)
+        if (n)
+          if (Q(a)) {
+            for (n = 0; n < a.length; n++)
+              j(a[n]);
+            Object.freeze && Object.freeze(a);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else j(a);
+      if (y.call(r, "key")) {
+        a = l(e);
+        var f = Object.keys(r).filter(function(K) {
+          return K !== "key";
+        });
+        n = 0 < f.length ? "{key: someKey, " + f.join(": ..., ") + ": ...}" : "{key: someKey}", Y[a + n] || (f = 0 < f.length ? "{" + f.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          n,
+          a,
+          f,
+          a
+        ), Y[a + n] = !0);
+      }
+      if (a = null, t !== void 0 && (c(t), a = "" + t), d(r) && (c(r.key), a = "" + r.key), "key" in r) {
+        t = {};
+        for (var A in r)
+          A !== "key" && (t[A] = r[A]);
+      } else t = r;
+      return a && m(
+        t,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), M(
+        e,
+        a,
+        t,
+        o(),
+        b,
+        P
+      );
+    }
+    function j(e) {
+      w(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === T && (e._payload.status === "fulfilled" ? w(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function w(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === x;
+    }
+    var R = ee, x = /* @__PURE__ */ Symbol.for("react.transitional.element"), W = /* @__PURE__ */ Symbol.for("react.portal"), v = /* @__PURE__ */ Symbol.for("react.fragment"), U = /* @__PURE__ */ Symbol.for("react.strict_mode"), J = /* @__PURE__ */ Symbol.for("react.profiler"), V = /* @__PURE__ */ Symbol.for("react.consumer"), q = /* @__PURE__ */ Symbol.for("react.context"), z = /* @__PURE__ */ Symbol.for("react.forward_ref"), G = /* @__PURE__ */ Symbol.for("react.suspense"), X = /* @__PURE__ */ Symbol.for("react.suspense_list"), B = /* @__PURE__ */ Symbol.for("react.memo"), T = /* @__PURE__ */ Symbol.for("react.lazy"), H = /* @__PURE__ */ Symbol.for("react.activity"), Z = /* @__PURE__ */ Symbol.for("react.client.reference"), k = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, y = Object.prototype.hasOwnProperty, Q = Array.isArray, O = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    R = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var g, h = {}, N = R.react_stack_bottom_frame.bind(
+      R,
+      s
+    )(), C = O(i(s)), Y = {};
+    E.Fragment = v, E.jsx = function(e, r, t) {
+      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return S(
+        e,
+        r,
+        t,
+        !1,
+        n ? Error("react-stack-top-frame") : N,
+        n ? O(i(e)) : C
+      );
+    }, E.jsxs = function(e, r, t) {
+      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return S(
+        e,
+        r,
+        t,
+        !0,
+        n ? Error("react-stack-top-frame") : N,
+        n ? O(i(e)) : C
+      );
+    };
+  })()), E;
+}
+var F;
+function oe() {
+  return F || (F = 1, process.env.NODE_ENV === "production" ? p.exports = ne() : p.exports = ae()), p.exports;
+}
+var D = oe();
+function le(l) {
+  const [u, c] = re(null);
+  return te(() => {
+    import("./color-picker-impl-DjkdN7hE.js").then(
+      (i) => c(() => i.ColorPicker)
+    );
+  }, []), u ? /* @__PURE__ */ D.jsx(u, { ...l }) : /* @__PURE__ */ D.jsx(
+    "div",
+    {
+      className: "h-12 min-w-52 rounded-lg bg-gray-100 animate-pulse",
+      "aria-hidden": !0
+    }
+  );
+}
+export {
+  le as C,
+  D as j
+};

package/dist/color-picker-TyD80Z4B.cjs

@@ -0,0 +1,6 @@
+"use client";"use strict";const S=require("react");var b={exports:{}},E={};var F;function re(){if(F)return E;F=1;var l=Symbol.for("react.transitional.element"),u=Symbol.for("react.fragment");function c(i,o,s){var d=null;if(s!==void 0&&(d=""+s),o.key!==void 0&&(d=""+o.key),"key"in o){s={};for(var m in o)m!=="key"&&(s[m]=o[m])}else s=o;return o=s.ref,{$$typeof:l,type:i,key:d,ref:o!==void 0?o:null,props:s}}return E.Fragment=u,E.jsx=c,E.jsxs=c,E}var _={};var D;function te(){return D||(D=1,process.env.NODE_ENV!=="production"&&(function(){function l(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Q?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case p:return"Fragment";case J:return"Profiler";case q:return"StrictMode";case X:return"Suspense";case B:return"SuspenseList";case Z:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case U:return"Portal";case z:return e.displayName||"Context";case V:return(e._context.displayName||"Context")+".Consumer";case G:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case H:return r=e.displayName||null,r!==null?r:l(e.type)||"Memo";case T:r=e._payload,e=e._init;try{return l(e(r))}catch{}}return null}function u(e){return""+e}function c(e){try{u(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),u(e)}}function i(e){if(e===p)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===T)return"<...>";try{var r=l(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function o(){var e=k.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function d(e){if(h.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function m(e,r){function t(){N||(N=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function M(){var e=l(this.type);return C[e]||(C[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function W(e,r,t,n,v,O){var a=t.ref;return e={$$typeof:g,type:e,key:r,props:t,_owner:n},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:M}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:v}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:O}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function j(e,r,t,n,v,O){var a=r.children;if(a!==void 0)if(n)if(K(a)){for(n=0;n<a.length;n++)w(a[n]);Object.freeze&&Object.freeze(a)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else w(a);if(h.call(r,"key")){a=l(e);var f=Object.keys(r).filter(function(ee){return ee!=="key"});n=0<f.length?"{key: someKey, "+f.join(": ..., ")+": ...}":"{key: someKey}",$[a+n]||(f=0<f.length?"{"+f.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,n,a,f,a),$[a+n]=!0)}if(a=null,t!==void 0&&(c(t),a=""+t),d(r)&&(c(r.key),a=""+r.key),"key"in r){t={};for(var A in r)A!=="key"&&(t[A]=r[A])}else t=r;return a&&m(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),W(e,a,t,o(),v,O)}function w(e){y(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===T&&(e._payload.status==="fulfilled"?y(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function y(e){return typeof e=="object"&&e!==null&&e.$$typeof===g}var R=S,g=Symbol.for("react.transitional.element"),U=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),q=Symbol.for("react.strict_mode"),J=Symbol.for("react.profiler"),V=Symbol.for("react.consumer"),z=Symbol.for("react.context"),G=Symbol.for("react.forward_ref"),X=Symbol.for("react.suspense"),B=Symbol.for("react.suspense_list"),H=Symbol.for("react.memo"),T=Symbol.for("react.lazy"),Z=Symbol.for("react.activity"),Q=Symbol.for("react.client.reference"),k=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,h=Object.prototype.hasOwnProperty,K=Array.isArray,P=console.createTask?console.createTask:function(){return null};R={react_stack_bottom_frame:function(e){return e()}};var N,C={},Y=R.react_stack_bottom_frame.bind(R,s)(),I=P(i(s)),$={};_.Fragment=p,_.jsx=function(e,r,t){var n=1e4>k.recentlyCreatedOwnerStacks++;return j(e,r,t,!1,n?Error("react-stack-top-frame"):Y,n?P(i(e)):I)},_.jsxs=function(e,r,t){var n=1e4>k.recentlyCreatedOwnerStacks++;return j(e,r,t,!0,n?Error("react-stack-top-frame"):Y,n?P(i(e)):I)}})()),_}var L;function ne(){return L||(L=1,process.env.NODE_ENV==="production"?b.exports=re():b.exports=te()),b.exports}var x=ne();function ae(l){const[u,c]=S.useState(null);return S.useEffect(()=>{Promise.resolve().then(()=>require("./color-picker-impl-DA7UeGtW.cjs")).then(i=>c(()=>i.ColorPicker))},[]),u?x.jsx(u,{...l}):x.jsx("div",{className:"h-12 min-w-52 rounded-lg bg-gray-100 animate-pulse","aria-hidden":!0})}exports.ColorPicker=ae;exports.jsxRuntimeExports=x;

package/dist/color-picker-impl-DA7UeGtW.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./color-picker-TyD80Z4B.cjs"),t=require("./header-z5lsi6Rz.cjs");function o({...e}){return e?.inputType==="preset"?r.jsxRuntimeExports.jsx(t.PresetColorPicker,{...e}):r.jsxRuntimeExports.jsx(t.FreeColorPicker,{...e})}exports.ColorPicker=o;

package/dist/color-picker-impl-DjkdN7hE.js

@@ -0,0 +1,9 @@
+"use client";
+import { j as e } from "./color-picker-BOgYy7CG.js";
+import { P as t, F as o } from "./header-CKvu3NO_.js";
+function n({ ...r }) {
+  return r?.inputType === "preset" ? /* @__PURE__ */ e.jsx(t, { ...r }) : /* @__PURE__ */ e.jsx(o, { ...r });
+}
+export {
+  n as ColorPicker
+};

package/dist/color-picker.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./color-picker-TyD80Z4B.cjs");exports.ColorPicker=e.ColorPicker;

package/dist/color-picker.d.ts

@@ -0,0 +1,21 @@
+import { InputProps } from '@heroui/input';
+import { JSX } from 'react/jsx-runtime';
+import { SelectProps } from '@heroui/select';
+
+/**
+ * ColorPicker wrapper that loads the HeroUI-dependent implementation only on the client.
+ * Prevents "document is not defined" during SSR when used in Next.js and similar frameworks.
+ */
+export declare function ColorPicker(props: ColorPickerProps): JSX.Element;
+
+export declare type ColorPickerInputType = "free" | "preset";
+
+export declare type ColorPickerProps = Omit<InputProps & SelectProps, "onChange" | "onValueChange" | "onSelectionChange" | "children" | "selectedKeys" | "defaultSelectedKeys" | "value"> & {
+    inputType: ColorPickerInputType;
+    presets?: string[];
+    onChange?: (value: string) => void;
+    value?: string;
+    defaultValue?: string;
+};
+
+export { }

package/dist/color-picker.js

@@ -0,0 +1,5 @@
+"use client";
+import { C as r } from "./color-picker-BOgYy7CG.js";
+export {
+  r as ColorPicker
+};