@liketysplit/react-luna 0.1.1

package/LICENSE

@@ -0,0 +1,10 @@
+All Rights Reserved
+
+Copyright (c) 2026 Rick Boles
+
+All rights reserved.
+
+This source code and associated documentation are proprietary and confidential.
+Unauthorized copying, modification, distribution, or use of this software,
+in whole or in part, is strictly prohibited without prior written permission
+from the copyright holder.

package/README.md

@@ -0,0 +1,36 @@
+@liketysplit/react-luna
+
+Statement
+@liketysplit/react-luna is a self-sufficient React component library designed to be a durable foundation for personal applications. It targets a clean, lunar aesthetic with a default light and dark theme that can be overridden at the project level after installation.
+
+Goals
+- Provide a complete set of reusable UI primitives and layouts.
+- Keep the library independent from third-party UI frameworks.
+- Ship a default Lunar theme with light and dark variants.
+- Allow downstream projects to override theme tokens and component styling.
+
+Non-goals
+- Depending on external UI component libraries.
+
+Design Approach
+- Theme tokens first, component styles derived from tokens.
+- Accessible defaults and consistent spacing/typography scales.
+- Clear layering of primitives, composites, and templates.
+
+Tooling
+- React for component implementation.
+- Storybook for interactive component exploration and configuration.
+- Changesets for package versioning and release notes.
+
+Release Flow
+- Add a changeset with `npm run changeset` for any package change that should affect the published version.
+- Merge to `main`.
+- GitHub Actions opens or updates a release pull request with version bumps and changelog updates.
+- Merging that release pull request publishes the package to npm.
+
+Publishing Prerequisites
+- `NPM_TOKEN` must be set in GitHub Actions secrets.
+- The repository release workflow publishes from `main`.
+
+Licensing
+All rights reserved.

package/dist/index.js

@@ -0,0 +1,1089 @@
+import k from "react";
+const gr = {
+  colors: {
+    scale: {
+      primary: {
+        50: "#eef2ff",
+        100: "#e0e7ff",
+        200: "#c7d2fe",
+        300: "#a5b4fc",
+        400: "#818cf8",
+        500: "#6366f1",
+        600: "#4f46e5",
+        700: "#4338ca",
+        800: "#3730a3",
+        900: "#312e81"
+      },
+      neutral: {
+        50: "#f8fafc",
+        100: "#f1f5f9",
+        200: "#e2e8f0",
+        300: "#cbd5e1",
+        400: "#94a3b8",
+        500: "#64748b",
+        600: "#475569",
+        700: "#334155",
+        800: "#1f2937",
+        900: "#0f172a"
+      },
+      accent: {
+        50: "#f5f3ff",
+        100: "#ede9fe",
+        200: "#ddd6fe",
+        300: "#c4b5fd",
+        400: "#a78bfa",
+        500: "#8b5cf6",
+        600: "#7c3aed",
+        700: "#6d28d9",
+        800: "#5b21b6",
+        900: "#4c1d95"
+      },
+      success: {
+        50: "#ecfdf5",
+        100: "#d1fae5",
+        200: "#a7f3d0",
+        300: "#6ee7b7",
+        400: "#34d399",
+        500: "#10b981",
+        600: "#059669",
+        700: "#047857",
+        800: "#065f46",
+        900: "#064e3b"
+      },
+      warning: {
+        50: "#fff7ed",
+        100: "#ffedd5",
+        200: "#fed7aa",
+        300: "#fdba74",
+        400: "#fb923c",
+        500: "#f97316",
+        600: "#ea580c",
+        700: "#c2410c",
+        800: "#9a3412",
+        900: "#7c2d12"
+      },
+      danger: {
+        50: "#fef2f2",
+        100: "#fee2e2",
+        200: "#fecaca",
+        300: "#fca5a5",
+        400: "#f87171",
+        500: "#ef4444",
+        600: "#dc2626",
+        700: "#b91c1c",
+        800: "#991b1b",
+        900: "#7f1d1d"
+      }
+    },
+    custom: {}
+  },
+  modes: {
+    light: {
+      background: "neutral.50",
+      foreground: "neutral.900",
+      surface: "neutral.100",
+      border: "neutral.200",
+      muted: "neutral.500"
+    },
+    dark: {
+      background: "neutral.900",
+      foreground: "neutral.50",
+      surface: "neutral.800",
+      border: "neutral.700",
+      muted: "neutral.400"
+    }
+  },
+  typography: {
+    fontFamily: '"Work Sans", system-ui, sans-serif',
+    sizes: {
+      xs: "0.75rem",
+      sm: "0.875rem",
+      md: "1rem",
+      lg: "1.125rem",
+      xl: "1.25rem",
+      xxl: "1.5rem"
+    },
+    weights: {
+      regular: 400,
+      medium: 500,
+      semibold: 600,
+      bold: 700
+    },
+    lineHeights: {
+      tight: "1.1",
+      normal: "1.4",
+      relaxed: "1.6"
+    }
+  },
+  spacing: {
+    0: "0",
+    1: "0.25rem",
+    2: "0.5rem",
+    3: "0.75rem",
+    4: "1rem",
+    5: "1.25rem",
+    6: "1.5rem",
+    8: "2rem",
+    10: "2.5rem",
+    12: "3rem",
+    16: "4rem"
+  },
+  radii: {
+    sm: "0.375rem",
+    md: "0.5rem",
+    lg: "0.75rem",
+    pill: "999px"
+  },
+  shadows: {
+    sm: "0 2px 8px rgba(15, 23, 42, 0.12)",
+    md: "0 8px 24px rgba(15, 23, 42, 0.18)",
+    lg: "0 16px 40px rgba(15, 23, 42, 0.22)"
+  },
+  motion: {
+    fast: "120ms",
+    base: "180ms",
+    slow: "260ms"
+  },
+  components: {
+    button: {
+      defaultSize: "medium",
+      defaultIconDirection: "right",
+      radius: "md",
+      fontWeight: 600,
+      modes: {
+        light: {
+          bg: "primary.600",
+          fg: "#ffffff",
+          hoverBg: "primary.700",
+          outlineFg: "#ffffff",
+          outlineBorder: "neutral.300",
+          outlineHoverBg: "neutral.100",
+          flatFg: "neutral.900",
+          infoFg: "primary.500",
+          infoHoverFg: "primary.600"
+        },
+        dark: {
+          bg: "primary.400",
+          fg: "#ffffff",
+          hoverBg: "primary.300",
+          outlineFg: "neutral.50",
+          outlineBorder: "neutral.500",
+          outlineHoverBg: "neutral.700",
+          flatFg: "neutral.50",
+          infoFg: "primary.200",
+          infoHoverFg: "primary.100"
+        }
+      },
+      sizes: {
+        "x-small": {
+          paddingX: "2",
+          paddingY: "1",
+          fontSize: "xs",
+          minHeight: "1.75rem",
+          gap: "1",
+          iconSize: "0.875rem"
+        },
+        small: {
+          paddingX: "3",
+          paddingY: "1",
+          fontSize: "xs",
+          minHeight: "2rem",
+          gap: "1",
+          iconSize: "0.875rem"
+        },
+        medium: {
+          paddingX: "4",
+          paddingY: "2",
+          fontSize: "sm",
+          minHeight: "2.5rem",
+          gap: "2",
+          iconSize: "1rem"
+        },
+        large: {
+          paddingX: "5",
+          paddingY: "2",
+          fontSize: "md",
+          minHeight: "3rem",
+          gap: "2",
+          iconSize: "1.125rem"
+        },
+        "x-large": {
+          paddingX: "6",
+          paddingY: "3",
+          fontSize: "lg",
+          minHeight: "3.5rem",
+          gap: "3",
+          iconSize: "1.25rem"
+        }
+      },
+      colors: {
+        primary: {
+          bg: "primary.600",
+          fg: "#ffffff"
+        }
+      }
+    }
+  }
+};
+var Ee = { exports: {} }, q = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ye;
+function pr() {
+  if (Ye) return q;
+  Ye = 1;
+  var n = k, l = Symbol.for("react.element"), a = Symbol.for("react.fragment"), g = Object.prototype.hasOwnProperty, s = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function m(d, i, T) {
+    var y, h = {}, C = null, N = null;
+    T !== void 0 && (C = "" + T), i.key !== void 0 && (C = "" + i.key), i.ref !== void 0 && (N = i.ref);
+    for (y in i) g.call(i, y) && !o.hasOwnProperty(y) && (h[y] = i[y]);
+    if (d && d.defaultProps) for (y in i = d.defaultProps, i) h[y] === void 0 && (h[y] = i[y]);
+    return { $$typeof: l, type: d, key: C, ref: N, props: h, _owner: s.current };
+  }
+  return q.Fragment = a, q.jsx = m, q.jsxs = m, q;
+}
+var G = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Le;
+function mr() {
+  return Le || (Le = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = k, l = Symbol.for("react.element"), a = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), d = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), N = Symbol.for("react.offscreen"), M = Symbol.iterator, se = "@@iterator";
+    function Z(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var r = M && e[M] || e[se];
+      return typeof r == "function" ? r : null;
+    }
+    var j = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function E(e) {
+      {
+        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), u = 1; u < r; u++)
+          t[u - 1] = arguments[u];
+        le("error", e, t);
+      }
+    }
+    function le(e, r, t) {
+      {
+        var u = j.ReactDebugCurrentFrame, v = u.getStackAddendum();
+        v !== "" && (r += "%s", t = t.concat([v]));
+        var p = t.map(function(c) {
+          return String(c);
+        });
+        p.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, p);
+      }
+    }
+    var Y = !1, Q = !1, fe = !1, Re = !1, ce = !1, ee;
+    ee = Symbol.for("react.module.reference");
+    function de(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === g || e === o || ce || e === s || e === T || e === y || Re || e === N || Y || Q || fe || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === h || e.$$typeof === m || e.$$typeof === d || e.$$typeof === i || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      e.$$typeof === ee || e.getModuleId !== void 0));
+    }
+    function Se(e, r, t) {
+      var u = e.displayName;
+      if (u)
+        return u;
+      var v = r.displayName || r.name || "";
+      return v !== "" ? t + "(" + v + ")" : t;
+    }
+    function re(e) {
+      return e.displayName || "Context";
+    }
+    function P(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case g:
+          return "Fragment";
+        case a:
+          return "Portal";
+        case o:
+          return "Profiler";
+        case s:
+          return "StrictMode";
+        case T:
+          return "Suspense";
+        case y:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case d:
+            var r = e;
+            return re(r) + ".Consumer";
+          case m:
+            var t = e;
+            return re(t._context) + ".Provider";
+          case i:
+            return Se(e, e.render, "ForwardRef");
+          case h:
+            var u = e.displayName || null;
+            return u !== null ? u : P(e.type) || "Memo";
+          case C: {
+            var v = e, p = v._payload, c = v._init;
+            try {
+              return P(c(p));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var F = Object.assign, A = 0, L, ne, W, B, X, z, te;
+    function ae() {
+    }
+    ae.__reactDisabledLog = !0;
+    function ve() {
+      {
+        if (A === 0) {
+          L = console.log, ne = console.info, W = console.warn, B = console.error, X = console.group, z = console.groupCollapsed, te = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: ae,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        A++;
+      }
+    }
+    function ge() {
+      {
+        if (A--, A === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: F({}, e, {
+              value: L
+            }),
+            info: F({}, e, {
+              value: ne
+            }),
+            warn: F({}, e, {
+              value: W
+            }),
+            error: F({}, e, {
+              value: B
+            }),
+            group: F({}, e, {
+              value: X
+            }),
+            groupCollapsed: F({}, e, {
+              value: z
+            }),
+            groupEnd: F({}, e, {
+              value: te
+            })
+          });
+        }
+        A < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var J = j.ReactCurrentDispatcher, V;
+    function D(e, r, t) {
+      {
+        if (V === void 0)
+          try {
+            throw Error();
+          } catch (v) {
+            var u = v.stack.trim().match(/\n( *(at )?)/);
+            V = u && u[1] || "";
+          }
+        return `
+` + V + e;
+      }
+    }
+    var pe = !1, oe;
+    {
+      var Ve = typeof WeakMap == "function" ? WeakMap : Map;
+      oe = new Ve();
+    }
+    function xe(e, r) {
+      if (!e || pe)
+        return "";
+      {
+        var t = oe.get(e);
+        if (t !== void 0)
+          return t;
+      }
+      var u;
+      pe = !0;
+      var v = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var p;
+      p = J.current, J.current = null, ve();
+      try {
+        if (r) {
+          var c = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(c.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(c, []);
+            } catch (O) {
+              u = O;
+            }
+            Reflect.construct(e, [], c);
+          } else {
+            try {
+              c.call();
+            } catch (O) {
+              u = O;
+            }
+            e.call(c.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (O) {
+            u = O;
+          }
+          e();
+        }
+      } catch (O) {
+        if (O && u && typeof O.stack == "string") {
+          for (var f = O.stack.split(`
+`), S = u.stack.split(`
+`), b = f.length - 1, _ = S.length - 1; b >= 1 && _ >= 0 && f[b] !== S[_]; )
+            _--;
+          for (; b >= 1 && _ >= 0; b--, _--)
+            if (f[b] !== S[_]) {
+              if (b !== 1 || _ !== 1)
+                do
+                  if (b--, _--, _ < 0 || f[b] !== S[_]) {
+                    var w = `
+` + f[b].replace(" at new ", " at ");
+                    return e.displayName && w.includes("<anonymous>") && (w = w.replace("<anonymous>", e.displayName)), typeof e == "function" && oe.set(e, w), w;
+                  }
+                while (b >= 1 && _ >= 0);
+              break;
+            }
+        }
+      } finally {
+        pe = !1, J.current = p, ge(), Error.prepareStackTrace = v;
+      }
+      var U = e ? e.displayName || e.name : "", I = U ? D(U) : "";
+      return typeof e == "function" && oe.set(e, I), I;
+    }
+    function He(e, r, t) {
+      return xe(e, !1);
+    }
+    function Ue(e) {
+      var r = e.prototype;
+      return !!(r && r.isReactComponent);
+    }
+    function ie(e, r, t) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return xe(e, Ue(e));
+      if (typeof e == "string")
+        return D(e);
+      switch (e) {
+        case T:
+          return D("Suspense");
+        case y:
+          return D("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case i:
+            return He(e.render);
+          case h:
+            return ie(e.type, r, t);
+          case C: {
+            var u = e, v = u._payload, p = u._init;
+            try {
+              return ie(p(v), r, t);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var K = Object.prototype.hasOwnProperty, Te = {}, je = j.ReactDebugCurrentFrame;
+    function ue(e) {
+      if (e) {
+        var r = e._owner, t = ie(e.type, e._source, r ? r.type : null);
+        je.setExtraStackFrame(t);
+      } else
+        je.setExtraStackFrame(null);
+    }
+    function Xe(e, r, t, u, v) {
+      {
+        var p = Function.call.bind(K);
+        for (var c in e)
+          if (p(e, c)) {
+            var f = void 0;
+            try {
+              if (typeof e[c] != "function") {
+                var S = Error((u || "React class") + ": " + t + " type `" + c + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[c] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw S.name = "Invariant Violation", S;
+              }
+              f = e[c](r, c, u, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (b) {
+              f = b;
+            }
+            f && !(f instanceof Error) && (ue(v), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", u || "React class", t, c, typeof f), ue(null)), f instanceof Error && !(f.message in Te) && (Te[f.message] = !0, ue(v), E("Failed %s type: %s", t, f.message), ue(null));
+          }
+      }
+    }
+    var Je = Array.isArray;
+    function me(e) {
+      return Je(e);
+    }
+    function Ke(e) {
+      {
+        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t;
+      }
+    }
+    function qe(e) {
+      try {
+        return Oe(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Oe(e) {
+      return "" + e;
+    }
+    function we(e) {
+      if (qe(e))
+        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ke(e)), Oe(e);
+    }
+    var Ce = j.ReactCurrentOwner, Ge = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Pe, ke;
+    function Me(e) {
+      if (K.call(e, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function Ze(e) {
+      if (K.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function Qe(e, r) {
+      typeof e.ref == "string" && Ce.current;
+    }
+    function er(e, r) {
+      {
+        var t = function() {
+          Pe || (Pe = !0, E("%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://reactjs.org/link/special-props)", r));
+        };
+        t.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: t,
+          configurable: !0
+        });
+      }
+    }
+    function rr(e, r) {
+      {
+        var t = function() {
+          ke || (ke = !0, E("%s: `ref` 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://reactjs.org/link/special-props)", r));
+        };
+        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: t,
+          configurable: !0
+        });
+      }
+    }
+    var nr = function(e, r, t, u, v, p, c) {
+      var f = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: l,
+        // Built-in properties that belong on the element
+        type: e,
+        key: r,
+        ref: t,
+        props: c,
+        // Record the component responsible for creating this element.
+        _owner: p
+      };
+      return f._store = {}, Object.defineProperty(f._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(f, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: u
+      }), Object.defineProperty(f, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: v
+      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
+    };
+    function tr(e, r, t, u, v) {
+      {
+        var p, c = {}, f = null, S = null;
+        t !== void 0 && (we(t), f = "" + t), Ze(r) && (we(r.key), f = "" + r.key), Me(r) && (S = r.ref, Qe(r, v));
+        for (p in r)
+          K.call(r, p) && !Ge.hasOwnProperty(p) && (c[p] = r[p]);
+        if (e && e.defaultProps) {
+          var b = e.defaultProps;
+          for (p in b)
+            c[p] === void 0 && (c[p] = b[p]);
+        }
+        if (f || S) {
+          var _ = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          f && er(c, _), S && rr(c, _);
+        }
+        return nr(e, f, S, v, u, Ce.current, c);
+      }
+    }
+    var be = j.ReactCurrentOwner, Fe = j.ReactDebugCurrentFrame;
+    function H(e) {
+      if (e) {
+        var r = e._owner, t = ie(e.type, e._source, r ? r.type : null);
+        Fe.setExtraStackFrame(t);
+      } else
+        Fe.setExtraStackFrame(null);
+    }
+    var ye;
+    ye = !1;
+    function _e(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === l;
+    }
+    function Ae() {
+      {
+        if (be.current) {
+          var e = P(be.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function ar(e) {
+      return "";
+    }
+    var ze = {};
+    function or(e) {
+      {
+        var r = Ae();
+        if (!r) {
+          var t = typeof e == "string" ? e : e.displayName || e.name;
+          t && (r = `
+
+Check the top-level render call using <` + t + ">.");
+        }
+        return r;
+      }
+    }
+    function De(e, r) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var t = or(r);
+        if (ze[t])
+          return;
+        ze[t] = !0;
+        var u = "";
+        e && e._owner && e._owner !== be.current && (u = " It was passed a child from " + P(e._owner.type) + "."), H(e), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, u), H(null);
+      }
+    }
+    function Ie(e, r) {
+      {
+        if (typeof e != "object")
+          return;
+        if (me(e))
+          for (var t = 0; t < e.length; t++) {
+            var u = e[t];
+            _e(u) && De(u, r);
+          }
+        else if (_e(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var v = Z(e);
+          if (typeof v == "function" && v !== e.entries)
+            for (var p = v.call(e), c; !(c = p.next()).done; )
+              _e(c.value) && De(c.value, r);
+        }
+      }
+    }
+    function ir(e) {
+      {
+        var r = e.type;
+        if (r == null || typeof r == "string")
+          return;
+        var t;
+        if (typeof r == "function")
+          t = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === i || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        r.$$typeof === h))
+          t = r.propTypes;
+        else
+          return;
+        if (t) {
+          var u = P(r);
+          Xe(t, e.props, "prop", u, e);
+        } else if (r.PropTypes !== void 0 && !ye) {
+          ye = !0;
+          var v = P(r);
+          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", v || "Unknown");
+        }
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function ur(e) {
+      {
+        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
+          var u = r[t];
+          if (u !== "children" && u !== "key") {
+            H(e), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", u), H(null);
+            break;
+          }
+        }
+        e.ref !== null && (H(e), E("Invalid attribute `ref` supplied to `React.Fragment`."), H(null));
+      }
+    }
+    var $e = {};
+    function Ne(e, r, t, u, v, p) {
+      {
+        var c = de(e);
+        if (!c) {
+          var f = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (f += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var S = ar();
+          S ? f += S : f += Ae();
+          var b;
+          e === null ? b = "null" : me(e) ? b = "array" : e !== void 0 && e.$$typeof === l ? (b = "<" + (P(e.type) || "Unknown") + " />", f = " Did you accidentally export a JSX literal instead of a component?") : b = typeof e, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", b, f);
+        }
+        var _ = tr(e, r, t, v, p);
+        if (_ == null)
+          return _;
+        if (c) {
+          var w = r.children;
+          if (w !== void 0)
+            if (u)
+              if (me(w)) {
+                for (var U = 0; U < w.length; U++)
+                  Ie(w[U], e);
+                Object.freeze && Object.freeze(w);
+              } else
+                E("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
+              Ie(w, e);
+        }
+        if (K.call(r, "key")) {
+          var I = P(e), O = Object.keys(r).filter(function(vr) {
+            return vr !== "key";
+          }), he = O.length > 0 ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!$e[I + he]) {
+            var dr = O.length > 0 ? "{" + O.join(": ..., ") + ": ...}" : "{}";
+            E(`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} />`, he, I, dr, I), $e[I + he] = !0;
+          }
+        }
+        return e === g ? ur(_) : ir(_), _;
+      }
+    }
+    function sr(e, r, t) {
+      return Ne(e, r, t, !0);
+    }
+    function lr(e, r, t) {
+      return Ne(e, r, t, !1);
+    }
+    var fr = lr, cr = sr;
+    G.Fragment = g, G.jsx = fr, G.jsxs = cr;
+  }()), G;
+}
+process.env.NODE_ENV === "production" ? Ee.exports = pr() : Ee.exports = mr();
+var x = Ee.exports;
+function We(n, l) {
+  if (!l)
+    return n;
+  if (Array.isArray(n) || typeof n != "object" || n === null)
+    return l ?? n;
+  const a = { ...n }, g = l;
+  for (const s of Object.keys(g)) {
+    const o = n[s], m = g[s];
+    if (Array.isArray(o)) {
+      a[s] = m ?? o;
+      continue;
+    }
+    if (typeof o == "object" && o !== null && typeof m == "object" && m !== null) {
+      a[s] = We(o, m);
+      continue;
+    }
+    a[s] = m ?? o;
+  }
+  return a;
+}
+const br = [/^#/, /^rgb/, /^hsl/, /^var\(/], yr = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
+function _r(n) {
+  if (!n)
+    return;
+  const l = Number(n);
+  if (yr.includes(l))
+    return l;
+}
+function hr(n) {
+  return br.some((l) => l.test(n));
+}
+function R(n, l) {
+  if (hr(l))
+    return l;
+  if (n.colors.custom[l])
+    return n.colors.custom[l];
+  const [a, g] = l.split("."), s = n.colors.scale[a];
+  if (s) {
+    const o = _r(g);
+    return o ? s[o] : s[600];
+  }
+  return l;
+}
+function Er(n, l) {
+  const a = n.modes[l];
+  return {
+    background: R(n, a.background),
+    foreground: R(n, a.foreground),
+    surface: R(n, a.surface),
+    border: R(n, a.border),
+    muted: R(n, a.muted)
+  };
+}
+function $(n, l) {
+  if (l)
+    return n[l] ?? l;
+}
+function Rr(n, l) {
+  var m;
+  const a = {}, g = Er(n, l);
+  a["--luna-background"] = g.background, a["--luna-foreground"] = g.foreground, a["--luna-surface"] = g.surface, a["--luna-border"] = g.border, a["--luna-muted"] = g.muted, a["--luna-font-family"] = n.typography.fontFamily;
+  for (const [d, i] of Object.entries(n.colors.scale))
+    for (const [T, y] of Object.entries(i))
+      a[`--luna-color-${d}-${T}`] = y;
+  for (const [d, i] of Object.entries(n.colors.custom))
+    a[`--luna-color-${d}`] = R(n, i);
+  for (const [d, i] of Object.entries(n.spacing))
+    a[`--luna-space-${d}`] = i;
+  for (const [d, i] of Object.entries(n.radii))
+    a[`--luna-radius-${d}`] = i;
+  for (const [d, i] of Object.entries(n.shadows))
+    a[`--luna-shadow-${d}`] = i;
+  for (const [d, i] of Object.entries(n.motion))
+    a[`--luna-motion-${d}`] = i;
+  const s = n.components.button;
+  s != null && s.defaultSize && (a["--luna-btn-size-default"] = s.defaultSize), s != null && s.defaultIconDirection && (a["--luna-btn-icon-direction-default"] = s.defaultIconDirection), s != null && s.radius && (a["--luna-btn-radius"] = $(n.radii, s.radius) ?? s.radius), s != null && s.fontWeight && (a["--luna-btn-font-weight"] = String(s.fontWeight));
+  const o = (m = s == null ? void 0 : s.modes) == null ? void 0 : m[l];
+  if (o != null && o.bg && (a["--luna-btn-bg-default"] = R(n, o.bg)), o != null && o.fg && (a["--luna-btn-fg-default"] = R(n, o.fg)), o != null && o.hoverBg && (a["--luna-btn-hover-bg"] = R(n, o.hoverBg)), o != null && o.outlineFg && (a["--luna-btn-outline-fg"] = R(n, o.outlineFg)), o != null && o.outlineBorder && (a["--luna-btn-outline-border"] = R(n, o.outlineBorder)), o != null && o.outlineHoverBg && (a["--luna-btn-outline-hover-bg"] = R(n, o.outlineHoverBg)), o != null && o.flatFg && (a["--luna-btn-flat-fg"] = R(n, o.flatFg)), o != null && o.infoFg && (a["--luna-btn-info-fg"] = R(n, o.infoFg)), o != null && o.infoHoverFg && (a["--luna-btn-info-hover-fg"] = R(n, o.infoHoverFg)), s != null && s.sizes)
+    for (const [d, i] of Object.entries(s.sizes))
+      i.paddingX && (a[`--luna-btn-size-${d}-padding-x`] = $(n.spacing, i.paddingX) ?? i.paddingX), i.paddingY && (a[`--luna-btn-size-${d}-padding-y`] = $(n.spacing, i.paddingY) ?? i.paddingY), i.fontSize && (a[`--luna-btn-size-${d}-font-size`] = $(n.typography.sizes, i.fontSize) ?? i.fontSize), i.minHeight && (a[`--luna-btn-size-${d}-min-height`] = $(n.spacing, i.minHeight) ?? i.minHeight), i.gap && (a[`--luna-btn-size-${d}-gap`] = $(n.spacing, i.gap) ?? i.gap), i.iconSize && (a[`--luna-btn-size-${d}-icon-size`] = $(n.typography.sizes, i.iconSize) ?? i.iconSize);
+  return a;
+}
+const Be = k.createContext(void 0);
+function Cr({
+  children: n,
+  mode: l,
+  theme: a,
+  colors: g,
+  className: s,
+  style: o
+}) {
+  const [m, d] = k.useState(
+    l ?? "light"
+  );
+  k.useEffect(() => {
+    l && d(l);
+  }, [l]);
+  const i = k.useMemo(() => {
+    const h = We(gr, a);
+    return !g || Object.keys(g).length === 0 ? h : {
+      ...h,
+      colors: {
+        ...h.colors,
+        custom: {
+          ...h.colors.custom,
+          ...g
+        }
+      }
+    };
+  }, [a, g]), T = k.useMemo(
+    () => Rr(i, m),
+    [i, m]
+  ), y = k.useMemo(
+    () => ({ theme: i, mode: m, vars: T, setMode: d }),
+    [i, m, T]
+  );
+  return /* @__PURE__ */ x.jsx(Be.Provider, { value: y, children: /* @__PURE__ */ x.jsx("div", { "data-luna-theme": !0, "data-luna-mode": m, className: s, style: { ...T, ...o }, children: n }) });
+}
+function Sr() {
+  const n = k.useContext(Be);
+  if (!n)
+    throw new Error("useTheme must be used within ThemeProvider");
+  return n;
+}
+const xr = {
+  bounce: "bounce 3s infinite",
+  wiggle: "wiggle 4s infinite",
+  pulse: "pulse 2s infinite"
+};
+function Tr(n) {
+  return n.filter(Boolean).join(" ");
+}
+function jr(n, l) {
+  if (n)
+    return R(l, n);
+}
+function Or(n) {
+  if (!n)
+    return;
+  const a = (xr[n] ?? n).trim(), [g, ...s] = a.split(/\s+/);
+  return !g || s.length < 2 ? void 0 : [g === "lunarPulse" ? "luna-button-lunar-pulse" : `luna-button-${g}`, ...s].join(" ");
+}
+const Pr = k.forwardRef(
+  function({
+    absolute: l,
+    animation: a,
+    block: g,
+    bottom: s,
+    children: o,
+    className: m,
+    color: d,
+    dark: i,
+    depressed: T,
+    disabled: y,
+    fab: h,
+    fixed: C,
+    flat: N,
+    icon: M,
+    iconDirection: se,
+    iconName: Z,
+    info: j,
+    left: E,
+    light: le,
+    loading: Y,
+    loadingAnimation: Q = "lunar",
+    outline: fe,
+    right: Re,
+    rounded: ce,
+    size: ee,
+    style: de,
+    top: Se,
+    type: re = "button",
+    value: P,
+    ...F
+  }, A) {
+    var V, D;
+    const { theme: L } = Sr(), ne = ee ?? ((V = L.components.button) == null ? void 0 : V.defaultSize) ?? "medium", W = se ?? ((D = L.components.button) == null ? void 0 : D.defaultIconDirection) ?? "right", B = jr(d, L), X = Or(a), z = M ?? (Z ? /* @__PURE__ */ x.jsx("span", { children: Z }) : null), te = o ?? P, ae = z && W === "left", ve = z && W === "right", ge = Tr([
+      "luna-button",
+      C && "luna-button--fixed",
+      !C && l && "luna-button--absolute",
+      g && "luna-button--block",
+      j && "luna-button--info",
+      !j && fe && "luna-button--outline",
+      !j && N && "luna-button--flat",
+      !j && T && "luna-button--depressed",
+      !j && !h && ce && "luna-button--rounded",
+      !j && h && "luna-button--fab",
+      le && "luna-button--light",
+      i && "luna-button--dark",
+      m
+    ]), J = {
+      ...X ? { animation: X } : {},
+      ...B ? j ? { "--luna-btn-info-color": B } : { "--luna-btn-bg": B } : {},
+      ...de
+    };
+    return /* @__PURE__ */ x.jsxs(
+      "button",
+      {
+        ...F,
+        ref: A,
+        type: re,
+        className: ge,
+        "aria-busy": Y ? "true" : void 0,
+        "data-disabled": y ? "true" : void 0,
+        "data-icon-direction": W,
+        "data-loading": Y ? "true" : void 0,
+        "data-loading-animation": Y ? Q : void 0,
+        "data-size": ne,
+        disabled: y,
+        style: J,
+        children: [
+          ae ? /* @__PURE__ */ x.jsx("span", { className: "luna-button__icon", children: z }) : null,
+          /* @__PURE__ */ x.jsx("span", { className: "luna-button__content", children: te }),
+          Y ? /* @__PURE__ */ x.jsx("span", { "aria-hidden": "true", className: "luna-button__loader", children: Q === "loading-star" ? /* @__PURE__ */ x.jsx("span", { className: "luna-button__loader-star" }) : /* @__PURE__ */ x.jsxs("span", { className: "luna-button__loader-phases", children: [
+            /* @__PURE__ */ x.jsx("span", { className: "luna-button__moon luna-button__moon--new" }),
+            /* @__PURE__ */ x.jsx("span", { className: "luna-button__moon luna-button__moon--waxing" }),
+            /* @__PURE__ */ x.jsx("span", { className: "luna-button__moon luna-button__moon--full" }),
+            /* @__PURE__ */ x.jsx("span", { className: "luna-button__moon luna-button__moon--waning" }),
+            /* @__PURE__ */ x.jsx("span", { className: "luna-button__moon luna-button__moon--faint" })
+          ] }) }) : null,
+          ve ? /* @__PURE__ */ x.jsx("span", { className: "luna-button__icon", children: z }) : null
+        ]
+      }
+    );
+  }
+);
+export {
+  Pr as LunaButton,
+  Cr as ThemeProvider,
+  hr as isRawColor,
+  gr as lunarTheme,
+  Er as resolveModeTokens,
+  $ as resolveScaleValue,
+  R as resolveTokenValue,
+  Sr as useTheme
+};

package/dist/style.css

@@ -0,0 +1 @@
+.luna-button{--luna-btn-loader-gap: .28rem;--luna-btn-loader-min-width: 4.35rem;--luna-btn-loader-moon-size: .58rem;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--luna-btn-size-medium-gap, var(--luna-space-2));min-height:var(--luna-btn-size-medium-min-height, 2.5rem);padding:var(--luna-btn-size-medium-padding-y, var(--luna-space-2)) var(--luna-btn-size-medium-padding-x, var(--luna-space-4));border:1px solid transparent;border-radius:var(--luna-btn-radius, var(--luna-radius-md));background:var(--luna-btn-bg, var(--luna-btn-bg-default, var(--luna-color-primary-600)));color:var(--luna-btn-fg-default, #ffffff);box-shadow:var(--luna-shadow-md);font-family:var(--luna-font-family);font-size:var(--luna-btn-size-medium-font-size, var(--luna-font-size-sm, .875rem));font-weight:var(--luna-btn-font-weight, 600);line-height:1;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;transition:background-color var(--luna-motion-base),border-color var(--luna-motion-base),box-shadow var(--luna-motion-base),color var(--luna-motion-base),opacity var(--luna-motion-base),transform var(--luna-motion-fast)}.luna-button:hover{background:var( --luna-btn-hover-bg, color-mix(in srgb, var(--luna-btn-bg, var(--luna-btn-bg-default, var(--luna-color-primary-600))) 88%, #000000) )}.luna-button:focus-visible{outline:2px solid var(--luna-color-accent-400);outline-offset:2px}.luna-button:active{transform:translateY(1px)}.luna-button:disabled,.luna-button[data-disabled=true]{cursor:not-allowed;opacity:.56}.luna-button--block{display:flex;width:100%}.luna-button--absolute{position:absolute}.luna-button--fixed{position:fixed}.luna-button--outline{color:var(--luna-btn-outline-fg, var(--luna-foreground));border-color:var(--luna-btn-outline-border, var(--luna-border))}.luna-button--flat{background:transparent;color:var(--luna-btn-flat-fg, var(--luna-foreground))}.luna-button--flat:hover{background:transparent}.luna-button--depressed{box-shadow:none}.luna-button--rounded{border-radius:var(--luna-radius-pill)}.luna-button--info{background:transparent;box-shadow:none;border-color:transparent;color:var(--luna-btn-info-color, var(--luna-btn-info-fg, var(--luna-color-primary-500)));min-height:auto;padding:0;text-decoration:underline;text-underline-offset:.18em}.luna-button--info:hover{background:transparent;color:var(--luna-btn-info-hover-fg, color-mix(in srgb, var(--luna-btn-info-color, var(--luna-btn-info-fg, var(--luna-color-primary-500))) 84%, #000000))}.luna-button--fab{border-radius:999px;min-width:var(--luna-btn-size-medium-min-height, 2.5rem);padding-inline:0}.luna-button--light{background:var(--luna-background);color:var(--luna-foreground)}.luna-button--dark{background:var(--luna-foreground);color:var(--luna-background)}.luna-button[data-size=x-small]{--luna-btn-loader-gap: .22rem;--luna-btn-loader-min-width: 3.5rem;--luna-btn-loader-moon-size: .48rem;gap:var(--luna-btn-size-x-small-gap, var(--luna-space-1));min-height:var(--luna-btn-size-x-small-min-height, 1.75rem);padding:var(--luna-btn-size-x-small-padding-y, var(--luna-space-1)) var(--luna-btn-size-x-small-padding-x, var(--luna-space-2));font-size:var(--luna-btn-size-x-small-font-size, .75rem)}.luna-button[data-size=small]{--luna-btn-loader-gap: .24rem;--luna-btn-loader-min-width: 3.9rem;--luna-btn-loader-moon-size: .52rem;gap:var(--luna-btn-size-small-gap, var(--luna-space-1));min-height:var(--luna-btn-size-small-min-height, 2rem);padding:var(--luna-btn-size-small-padding-y, var(--luna-space-1)) var(--luna-btn-size-small-padding-x, var(--luna-space-3));font-size:var(--luna-btn-size-small-font-size, .75rem)}.luna-button[data-size=medium]{gap:var(--luna-btn-size-medium-gap, var(--luna-space-2));min-height:var(--luna-btn-size-medium-min-height, 2.5rem);padding:var(--luna-btn-size-medium-padding-y, var(--luna-space-2)) var(--luna-btn-size-medium-padding-x, var(--luna-space-4));font-size:var(--luna-btn-size-medium-font-size, .875rem)}.luna-button[data-size=large]{--luna-btn-loader-gap: .32rem;--luna-btn-loader-min-width: 4.9rem;--luna-btn-loader-moon-size: .64rem;gap:var(--luna-btn-size-large-gap, var(--luna-space-2));min-height:var(--luna-btn-size-large-min-height, 3rem);padding:var(--luna-btn-size-large-padding-y, var(--luna-space-2)) var(--luna-btn-size-large-padding-x, var(--luna-space-5));font-size:var(--luna-btn-size-large-font-size, 1rem)}.luna-button[data-size=x-large]{--luna-btn-loader-gap: .36rem;--luna-btn-loader-min-width: 5.35rem;--luna-btn-loader-moon-size: .7rem;gap:var(--luna-btn-size-x-large-gap, var(--luna-space-3));min-height:var(--luna-btn-size-x-large-min-height, 3.5rem);padding:var(--luna-btn-size-x-large-padding-y, var(--luna-space-3)) var(--luna-btn-size-x-large-padding-x, var(--luna-space-6));font-size:var(--luna-btn-size-x-large-font-size, 1.125rem)}.luna-button__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:inherit;position:relative;z-index:1}.luna-button__content{display:inline-flex;align-items:center;position:relative;z-index:1;transition:opacity .18s ease,transform .18s ease}.luna-button[data-loading=true] .luna-button__content,.luna-button[data-loading=true] .luna-button__icon{opacity:0;transform:scale(.97)}.luna-button__loader{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;opacity:0;transition:opacity .18s ease,transform .18s ease;transform:scale(.97)}.luna-button[data-loading=true] .luna-button__loader{opacity:1;transform:scale(1)}.luna-button__loader-phases{display:inline-flex;align-items:center;justify-content:center;gap:var(--luna-btn-loader-gap);min-width:var(--luna-btn-loader-min-width)}.luna-button__moon{width:var(--luna-btn-loader-moon-size);height:var(--luna-btn-loader-moon-size);border-radius:999px;flex:0 0 auto;box-shadow:0 0 0 1px #ffffff0d;will-change:transform,opacity,filter;animation:luna-button-lunar-pulse 1.8s infinite ease-in-out}.luna-button__moon:nth-child(2){animation-delay:.18s}.luna-button__moon:nth-child(3){animation-delay:.36s}.luna-button__moon:nth-child(4){animation-delay:.54s}.luna-button__moon:nth-child(5){animation-delay:.72s}.luna-button__moon--new{background:color-mix(in srgb,currentColor 58%,transparent)}.luna-button__moon--waxing{background:linear-gradient(90deg,color-mix(in srgb,currentColor 62%,transparent) 50%,#ffffff29 50%)}.luna-button__moon--full{background:color-mix(in srgb,currentColor 88%,#ffffff)}.luna-button__moon--waning{background:linear-gradient(90deg,#ffffff29 50%,color-mix(in srgb,currentColor 88%,#ffffff) 50%)}.luna-button__moon--faint{background:color-mix(in srgb,currentColor 30%,transparent)}.luna-button__loader-star{width:calc(100% - 4px);height:calc(100% - 4px);border-radius:inherit;position:relative;overflow:hidden}.luna-button__loader-star:before{content:"";position:absolute;width:220%;height:220%;top:-60%;left:-60%;background-image:conic-gradient(transparent 0deg,transparent 258deg,rgb(255 255 255 / .06) 286deg,currentColor 318deg,rgb(255 255 255 / .14) 334deg,transparent 356deg,transparent 360deg);animation:luna-button-loading-star 2.4s linear infinite}.luna-button__loader-star:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:inherit;background:var(--luna-btn-bg, var(--luna-btn-bg-default, var(--luna-color-primary-600)))}.luna-button.is-bouncing{animation:luna-button-bounce 3s infinite}.luna-button.is-wiggling{animation:luna-button-wiggle 4s infinite}.luna-button.is-pulsing{animation:luna-button-pulse 2s infinite}.luna-button[data-loading-animation=lunar] .luna-button__moon{animation-name:luna-button-lunar-pulse}.luna-button[data-loading-animation=loading-star] .luna-button__loader-star{display:block}@keyframes luna-button-lunar-pulse{0%,to{transform:translateY(0) scale(.96);opacity:.42;filter:brightness(.95)}50%{transform:translateY(-1px) scale(1);opacity:1;filter:brightness(1.08)}}@keyframes luna-button-loading-star{to{transform:rotate(360deg)}}@keyframes luna-button-bounce{0%,24%,to{transform:translateY(0)}6%{transform:translateY(-10px)}12%{transform:translateY(2px)}18%{transform:translateY(-4px)}}@keyframes luna-button-wiggle{0%,16%,to{transform:rotate(0)}4%{transform:rotate(-3deg)}8%{transform:rotate(2deg)}12%{transform:rotate(-1.5deg)}}@keyframes luna-button-pulse{0%,to{transform:scale(1);box-shadow:var(--luna-shadow-md)}10%{transform:scale(1.02);box-shadow:var(--luna-shadow-md),0 0 18px #8cb4ff38}20%{transform:scale(1);box-shadow:var(--luna-shadow-md)}}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@liketysplit/react-luna",
+  "version": "0.1.1",
+  "private": false,
+  "type": "module",
+  "description": "Self-sufficient React component library with a lunar theme.",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/style.css"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/liketysplit/react-luna.git"
+  },
+  "bugs": {
+    "url": "https://github.com/liketysplit/react-luna/issues"
+  },
+  "homepage": "https://github.com/liketysplit/react-luna#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -p tsconfig.build.json && vite build",
+    "preview": "vite preview",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "changeset": "changeset",
+    "version-packages": "changeset version",
+    "release": "changeset publish",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@storybook/addon-essentials": "^8.5.0",
+    "@storybook/react": "^8.5.0",
+    "@storybook/react-vite": "^8.5.0",
+    "@changesets/cli": "^2.29.6",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "jsdom": "^24.1.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.5.0",
+    "vite": "^5.4.0",
+    "vitest": "^2.0.0"
+  }
+}