@screegen/components 0.0.1

package/dist/components/OverviewGrid/OverviewGrid.d.ts

@@ -0,0 +1,13 @@
+import { ProjectConfig, ColorScheme } from '../../types';
+export interface OverviewGridProps<L extends string = string> {
+    config: ProjectConfig<L>;
+    language: L;
+    scale?: number;
+    colorScheme?: ColorScheme;
+    onLanguageChange?: (language: L) => void;
+    onScaleChange?: (scale: number) => void;
+    onColorSchemeChange?: (scheme: ColorScheme) => void;
+    className?: string;
+}
+export declare function OverviewGrid<L extends string>({ config, language, scale, colorScheme, onLanguageChange, onScaleChange, onColorSchemeChange, className, }: OverviewGridProps<L>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OverviewGrid.d.ts.map

package/dist/components/OverviewGrid/OverviewGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewGrid.d.ts","sourceRoot":"","sources":["../../../src/components/OverviewGrid/OverviewGrid.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAgB,MAAM,aAAa,CAAC;AAOvE,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC1D,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACzB,QAAQ,EAAE,CAAC,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,EAC7C,MAAM,EACN,QAAQ,EACR,KAAqB,EACrB,WAAqB,EACrB,gBAAgB,EAChB,aAAa,EACb,mBAAmB,EACnB,SAAS,GACV,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA6FtB"}

package/dist/components/OverviewGrid/index.d.ts

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

package/dist/components/OverviewGrid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/OverviewGrid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/Screen/Screen.d.ts

@@ -0,0 +1,10 @@
+import { ProjectConfig } from '../../types';
+export interface ScreenProps<L extends string = string> {
+    config: ProjectConfig<L>;
+    deviceKey: string;
+    screenKey: string;
+    language: L;
+    className?: string;
+}
+export declare function Screen<L extends string>({ config, deviceKey, screenKey, language, className, }: ScreenProps<L>): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Screen.d.ts.map

package/dist/components/Screen/Screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../src/components/Screen/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG5C,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACpD,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,EAAE,EACvC,MAAM,EACN,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,WAAW,CAAC,CAAC,CAAC,kDA4BhB"}

package/dist/components/Screen/index.d.ts

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

package/dist/components/Screen/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Screen/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/ScreengenConfig/ScreengenConfig.d.ts

@@ -0,0 +1,6 @@
+import { ProjectConfig } from '../../types';
+export interface ScreengenConfigProps<L extends string = string> {
+    config: ProjectConfig<L>;
+}
+export declare function ScreengenConfig<L extends string = string>({ config, }: ScreengenConfigProps<L>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScreengenConfig.d.ts.map

package/dist/components/ScreengenConfig/ScreengenConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreengenConfig.d.ts","sourceRoot":"","sources":["../../../src/components/ScreengenConfig/ScreengenConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC7D,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;CAC1B;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACzD,MAAM,GACP,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAoBzB"}

package/dist/components/ScreengenConfig/index.d.ts

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

package/dist/components/ScreengenConfig/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScreengenConfig/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,7 @@
+export { Screen } from './Screen';
+export type { ScreenProps } from './Screen';
+export { OverviewGrid } from './OverviewGrid';
+export type { OverviewGridProps } from './OverviewGrid';
+export { ScreengenConfig } from './ScreengenConfig';
+export type { ScreengenConfigProps } from './ScreengenConfig';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useColorScheme, getSystemColorScheme } from './useColorScheme';
+export { useUrlState } from './useUrlState';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/hooks/useColorScheme.d.ts

@@ -0,0 +1,10 @@
+import { ColorScheme } from '../types';
+/**
+ * Get the system color scheme preference
+ */
+export declare function getSystemColorScheme(): ColorScheme;
+/**
+ * Hook to track system color scheme preference with optional override
+ */
+export declare function useColorScheme(override?: ColorScheme): ColorScheme;
+//# sourceMappingURL=useColorScheme.d.ts.map

package/dist/hooks/useColorScheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorScheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useColorScheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,WAAW,CAOlD;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,QAAQ,CAAC,EAAE,WAAW,GAAG,WAAW,CAoBlE"}

package/dist/hooks/useUrlState.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Hook to manage state via URL search parameters
+ */
+export declare function useUrlState<T extends string>(key: string, defaultValue: T): [T, (value: T) => void];
+//# sourceMappingURL=useUrlState.d.ts.map

package/dist/hooks/useUrlState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUrlState.d.ts","sourceRoot":"","sources":["../../src/hooks/useUrlState.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAC1C,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,CAAC,GACd,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAezB"}

package/dist/index.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Lexend:wght@300;400&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css";body{margin:0;font-family:Lexend,sans-serif;font-weight:300}._screen_l4v3n_1{background:#0080fc;color:#fff;position:relative;overflow:hidden}._overviewPage_f2w28_1{padding:20px;min-height:100vh;transition:background-color .2s,color .2s}._overviewPage_f2w28_1._light_f2w28_6{background-color:#f5f5f5;color:#333}._overviewPage_f2w28_1._dark_f2w28_10{background-color:#1a1a2e;color:#e0e0e0}._overviewControls_f2w28_15{display:flex;gap:20px;margin-bottom:20px;align-items:center}._overviewControls_f2w28_15 label{display:flex;align-items:center;gap:8px;font-weight:400}._overviewControls_f2w28_15 select{padding:8px 12px;font-size:14px;font-family:inherit;border:1px solid #ccc;border-radius:6px;background-color:#fff;color:#333;cursor:pointer;min-width:120px;transition:background-color .2s,border-color .2s,color .2s}._overviewControls_f2w28_15 select:hover{border-color:#999}._overviewControls_f2w28_15 select:focus{outline:none;border-color:#0080fc;box-shadow:0 0 0 2px #0080fc33}._dark_f2w28_10 select{background-color:#2d2d44;border-color:#444;color:#e0e0e0}._dark_f2w28_10 select:hover{border-color:#666}._dark_f2w28_10 select:focus{border-color:#0080fc}._dark_f2w28_10 h2{color:#e0e0e0}._overviewGrid_f2w28_63{display:flex;flex-direction:column;gap:30px}._overviewDevice_f2w28_69 h2{margin:0 0 15px;font-size:24px;font-weight:400;text-transform:capitalize}._overviewScreens_f2w28_76{display:flex;flex-wrap:wrap;gap:15px}._overviewScreenWrapper_f2w28_82{overflow:hidden;border-radius:8px;box-shadow:0 2px 8px #00000026}._dark_f2w28_10 ._overviewScreenWrapper_f2w28_82{box-shadow:0 2px 12px #0006}._overviewScreenScaled_f2w28_92{width:fit-content;height:fit-content}

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+export type { ColorScheme, Feature, FeatureSection, ScreenConfig, ScreenComponentProps, DeviceConfig, ProjectConfig, ScreenProps as ScreenPropsType, } from './types';
+export { colorSchemes } from './types';
+export { useColorScheme, getSystemColorScheme } from './hooks/useColorScheme';
+export { useUrlState } from './hooks/useUrlState';
+export { Screen } from './components/Screen';
+export type { ScreenProps } from './components/Screen';
+export { OverviewGrid } from './components/OverviewGrid';
+export type { OverviewGridProps } from './components/OverviewGrid';
+export { ScreengenConfig } from './components/ScreengenConfig';
+export type { ScreengenConfigProps } from './components/ScreengenConfig';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAG5B,YAAY,EACV,WAAW,EACX,OAAO,EACP,cAAc,EACd,YAAY,EACZ,oBAAoB,EACpB,YAAY,EACZ,aAAa,EACb,WAAW,IAAI,eAAe,GAC/B,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvC,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/index.js

@@ -0,0 +1,817 @@
+import Oe, { useState as vr, useEffect as dr, useCallback as pr } from "react";
+import { useSearchParams as hr } from "react-router-dom";
+const _r = ["light", "dark"];
+function mr() {
+  return typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function Wr(h) {
+  const [_, c] = vr(
+    () => mr()
+  );
+  return dr(() => {
+    if (typeof window > "u" || !window.matchMedia)
+      return;
+    const p = window.matchMedia("(prefers-color-scheme: dark)"), m = (l) => {
+      c(l.matches ? "dark" : "light");
+    };
+    return p.addEventListener("change", m), () => p.removeEventListener("change", m);
+  }, []), h ?? _;
+}
+function Nr(h, _) {
+  const [c, p] = hr(), m = c.get(h) || _, l = pr(
+    (E) => {
+      const y = new URLSearchParams(c);
+      y.set(h, E), p(y);
+    },
+    [h, c, p]
+  );
+  return [m, l];
+}
+var J = { exports: {} }, W = {};
+/**
+ * @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 je;
+function yr() {
+  if (je) return W;
+  je = 1;
+  var h = Oe, _ = Symbol.for("react.element"), c = Symbol.for("react.fragment"), p = Object.prototype.hasOwnProperty, m = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function E(y, a, j) {
+    var R, x = {}, P = null, Y = null;
+    j !== void 0 && (P = "" + j), a.key !== void 0 && (P = "" + a.key), a.ref !== void 0 && (Y = a.ref);
+    for (R in a) p.call(a, R) && !l.hasOwnProperty(R) && (x[R] = a[R]);
+    if (y && y.defaultProps) for (R in a = y.defaultProps, a) x[R] === void 0 && (x[R] = a[R]);
+    return { $$typeof: _, type: y, key: P, ref: Y, props: x, _owner: m.current };
+  }
+  return W.Fragment = c, W.jsx = E, W.jsxs = E, W;
+}
+var N = {};
+/**
+ * @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 xe;
+function gr() {
+  return xe || (xe = 1, process.env.NODE_ENV !== "production" && (function() {
+    var h = Oe, _ = Symbol.for("react.element"), c = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), E = Symbol.for("react.provider"), y = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), Y = Symbol.for("react.offscreen"), Z = Symbol.iterator, Pe = "@@iterator";
+    function ke(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var r = Z && e[Z] || e[Pe];
+      return typeof r == "function" ? r : null;
+    }
+    var D = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function g(e) {
+      {
+        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
+          t[n - 1] = arguments[n];
+        Ce("error", e, t);
+      }
+    }
+    function Ce(e, r, t) {
+      {
+        var n = D.ReactDebugCurrentFrame, s = n.getStackAddendum();
+        s !== "" && (r += "%s", t = t.concat([s]));
+        var u = t.map(function(o) {
+          return String(o);
+        });
+        u.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, u);
+      }
+    }
+    var De = !1, Ae = !1, Fe = !1, $e = !1, Ie = !1, ee;
+    ee = Symbol.for("react.module.reference");
+    function We(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === p || e === l || Ie || e === m || e === j || e === R || $e || e === Y || De || Ae || Fe || typeof e == "object" && e !== null && (e.$$typeof === P || e.$$typeof === x || e.$$typeof === E || e.$$typeof === y || e.$$typeof === a || // 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 Ne(e, r, t) {
+      var n = e.displayName;
+      if (n)
+        return n;
+      var s = r.displayName || r.name || "";
+      return s !== "" ? t + "(" + s + ")" : t;
+    }
+    function re(e) {
+      return e.displayName || "Context";
+    }
+    function T(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && g("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 p:
+          return "Fragment";
+        case c:
+          return "Portal";
+        case l:
+          return "Profiler";
+        case m:
+          return "StrictMode";
+        case j:
+          return "Suspense";
+        case R:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case y:
+            var r = e;
+            return re(r) + ".Consumer";
+          case E:
+            var t = e;
+            return re(t._context) + ".Provider";
+          case a:
+            return Ne(e, e.render, "ForwardRef");
+          case x:
+            var n = e.displayName || null;
+            return n !== null ? n : T(e.type) || "Memo";
+          case P: {
+            var s = e, u = s._payload, o = s._init;
+            try {
+              return T(o(u));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var k = Object.assign, $ = 0, te, ne, ae, ie, oe, se, ue;
+    function ce() {
+    }
+    ce.__reactDisabledLog = !0;
+    function Ye() {
+      {
+        if ($ === 0) {
+          te = console.log, ne = console.info, ae = console.warn, ie = console.error, oe = console.group, se = console.groupCollapsed, ue = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: ce,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        $++;
+      }
+    }
+    function Le() {
+      {
+        if ($--, $ === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: k({}, e, {
+              value: te
+            }),
+            info: k({}, e, {
+              value: ne
+            }),
+            warn: k({}, e, {
+              value: ae
+            }),
+            error: k({}, e, {
+              value: ie
+            }),
+            group: k({}, e, {
+              value: oe
+            }),
+            groupCollapsed: k({}, e, {
+              value: se
+            }),
+            groupEnd: k({}, e, {
+              value: ue
+            })
+          });
+        }
+        $ < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var K = D.ReactCurrentDispatcher, G;
+    function L(e, r, t) {
+      {
+        if (G === void 0)
+          try {
+            throw Error();
+          } catch (s) {
+            var n = s.stack.trim().match(/\n( *(at )?)/);
+            G = n && n[1] || "";
+          }
+        return `
+` + G + e;
+      }
+    }
+    var q = !1, M;
+    {
+      var Me = typeof WeakMap == "function" ? WeakMap : Map;
+      M = new Me();
+    }
+    function le(e, r) {
+      if (!e || q)
+        return "";
+      {
+        var t = M.get(e);
+        if (t !== void 0)
+          return t;
+      }
+      var n;
+      q = !0;
+      var s = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var u;
+      u = K.current, K.current = null, Ye();
+      try {
+        if (r) {
+          var o = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(o.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(o, []);
+            } catch (b) {
+              n = b;
+            }
+            Reflect.construct(e, [], o);
+          } else {
+            try {
+              o.call();
+            } catch (b) {
+              n = b;
+            }
+            e.call(o.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (b) {
+            n = b;
+          }
+          e();
+        }
+      } catch (b) {
+        if (b && n && typeof b.stack == "string") {
+          for (var i = b.stack.split(`
+`), w = n.stack.split(`
+`), f = i.length - 1, d = w.length - 1; f >= 1 && d >= 0 && i[f] !== w[d]; )
+            d--;
+          for (; f >= 1 && d >= 0; f--, d--)
+            if (i[f] !== w[d]) {
+              if (f !== 1 || d !== 1)
+                do
+                  if (f--, d--, d < 0 || i[f] !== w[d]) {
+                    var S = `
+` + i[f].replace(" at new ", " at ");
+                    return e.displayName && S.includes("<anonymous>") && (S = S.replace("<anonymous>", e.displayName)), typeof e == "function" && M.set(e, S), S;
+                  }
+                while (f >= 1 && d >= 0);
+              break;
+            }
+        }
+      } finally {
+        q = !1, K.current = u, Le(), Error.prepareStackTrace = s;
+      }
+      var F = e ? e.displayName || e.name : "", C = F ? L(F) : "";
+      return typeof e == "function" && M.set(e, C), C;
+    }
+    function Ue(e, r, t) {
+      return le(e, !1);
+    }
+    function Ve(e) {
+      var r = e.prototype;
+      return !!(r && r.isReactComponent);
+    }
+    function U(e, r, t) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return le(e, Ve(e));
+      if (typeof e == "string")
+        return L(e);
+      switch (e) {
+        case j:
+          return L("Suspense");
+        case R:
+          return L("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case a:
+            return Ue(e.render);
+          case x:
+            return U(e.type, r, t);
+          case P: {
+            var n = e, s = n._payload, u = n._init;
+            try {
+              return U(u(s), r, t);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var I = Object.prototype.hasOwnProperty, fe = {}, ve = D.ReactDebugCurrentFrame;
+    function V(e) {
+      if (e) {
+        var r = e._owner, t = U(e.type, e._source, r ? r.type : null);
+        ve.setExtraStackFrame(t);
+      } else
+        ve.setExtraStackFrame(null);
+    }
+    function Je(e, r, t, n, s) {
+      {
+        var u = Function.call.bind(I);
+        for (var o in e)
+          if (u(e, o)) {
+            var i = void 0;
+            try {
+              if (typeof e[o] != "function") {
+                var w = Error((n || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw w.name = "Invariant Violation", w;
+              }
+              i = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (f) {
+              i = f;
+            }
+            i && !(i instanceof Error) && (V(s), g("%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).", n || "React class", t, o, typeof i), V(null)), i instanceof Error && !(i.message in fe) && (fe[i.message] = !0, V(s), g("Failed %s type: %s", t, i.message), V(null));
+          }
+      }
+    }
+    var Ke = Array.isArray;
+    function B(e) {
+      return Ke(e);
+    }
+    function Ge(e) {
+      {
+        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t;
+      }
+    }
+    function qe(e) {
+      try {
+        return de(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function de(e) {
+      return "" + e;
+    }
+    function pe(e) {
+      if (qe(e))
+        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ge(e)), de(e);
+    }
+    var he = D.ReactCurrentOwner, Be = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, _e, me;
+    function ze(e) {
+      if (I.call(e, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function Xe(e) {
+      if (I.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function He(e, r) {
+      typeof e.ref == "string" && he.current;
+    }
+    function Qe(e, r) {
+      {
+        var t = function() {
+          _e || (_e = !0, g("%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 Ze(e, r) {
+      {
+        var t = function() {
+          me || (me = !0, g("%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 er = function(e, r, t, n, s, u, o) {
+      var i = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: _,
+        // Built-in properties that belong on the element
+        type: e,
+        key: r,
+        ref: t,
+        props: o,
+        // Record the component responsible for creating this element.
+        _owner: u
+      };
+      return i._store = {}, Object.defineProperty(i._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(i, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: n
+      }), Object.defineProperty(i, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: s
+      }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
+    };
+    function rr(e, r, t, n, s) {
+      {
+        var u, o = {}, i = null, w = null;
+        t !== void 0 && (pe(t), i = "" + t), Xe(r) && (pe(r.key), i = "" + r.key), ze(r) && (w = r.ref, He(r, s));
+        for (u in r)
+          I.call(r, u) && !Be.hasOwnProperty(u) && (o[u] = r[u]);
+        if (e && e.defaultProps) {
+          var f = e.defaultProps;
+          for (u in f)
+            o[u] === void 0 && (o[u] = f[u]);
+        }
+        if (i || w) {
+          var d = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          i && Qe(o, d), w && Ze(o, d);
+        }
+        return er(e, i, w, s, n, he.current, o);
+      }
+    }
+    var z = D.ReactCurrentOwner, ye = D.ReactDebugCurrentFrame;
+    function A(e) {
+      if (e) {
+        var r = e._owner, t = U(e.type, e._source, r ? r.type : null);
+        ye.setExtraStackFrame(t);
+      } else
+        ye.setExtraStackFrame(null);
+    }
+    var X;
+    X = !1;
+    function H(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === _;
+    }
+    function ge() {
+      {
+        if (z.current) {
+          var e = T(z.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function tr(e) {
+      return "";
+    }
+    var we = {};
+    function nr(e) {
+      {
+        var r = ge();
+        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 Ee(e, r) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var t = nr(r);
+        if (we[t])
+          return;
+        we[t] = !0;
+        var n = "";
+        e && e._owner && e._owner !== z.current && (n = " It was passed a child from " + T(e._owner.type) + "."), A(e), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), A(null);
+      }
+    }
+    function be(e, r) {
+      {
+        if (typeof e != "object")
+          return;
+        if (B(e))
+          for (var t = 0; t < e.length; t++) {
+            var n = e[t];
+            H(n) && Ee(n, r);
+          }
+        else if (H(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var s = ke(e);
+          if (typeof s == "function" && s !== e.entries)
+            for (var u = s.call(e), o; !(o = u.next()).done; )
+              H(o.value) && Ee(o.value, r);
+        }
+      }
+    }
+    function ar(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 === a || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        r.$$typeof === x))
+          t = r.propTypes;
+        else
+          return;
+        if (t) {
+          var n = T(r);
+          Je(t, e.props, "prop", n, e);
+        } else if (r.PropTypes !== void 0 && !X) {
+          X = !0;
+          var s = T(r);
+          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", s || "Unknown");
+        }
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function ir(e) {
+      {
+        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
+          var n = r[t];
+          if (n !== "children" && n !== "key") {
+            A(e), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), A(null);
+            break;
+          }
+        }
+        e.ref !== null && (A(e), g("Invalid attribute `ref` supplied to `React.Fragment`."), A(null));
+      }
+    }
+    var Re = {};
+    function Se(e, r, t, n, s, u) {
+      {
+        var o = We(e);
+        if (!o) {
+          var i = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (i += " 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 w = tr();
+          w ? i += w : i += ge();
+          var f;
+          e === null ? f = "null" : B(e) ? f = "array" : e !== void 0 && e.$$typeof === _ ? (f = "<" + (T(e.type) || "Unknown") + " />", i = " Did you accidentally export a JSX literal instead of a component?") : f = typeof e, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", f, i);
+        }
+        var d = rr(e, r, t, s, u);
+        if (d == null)
+          return d;
+        if (o) {
+          var S = r.children;
+          if (S !== void 0)
+            if (n)
+              if (B(S)) {
+                for (var F = 0; F < S.length; F++)
+                  be(S[F], e);
+                Object.freeze && Object.freeze(S);
+              } else
+                g("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
+              be(S, e);
+        }
+        if (I.call(r, "key")) {
+          var C = T(e), b = Object.keys(r).filter(function(fr) {
+            return fr !== "key";
+          }), Q = b.length > 0 ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Re[C + Q]) {
+            var lr = b.length > 0 ? "{" + b.join(": ..., ") + ": ...}" : "{}";
+            g(`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} />`, Q, C, lr, C), Re[C + Q] = !0;
+          }
+        }
+        return e === p ? ir(d) : ar(d), d;
+      }
+    }
+    function or(e, r, t) {
+      return Se(e, r, t, !0);
+    }
+    function sr(e, r, t) {
+      return Se(e, r, t, !1);
+    }
+    var ur = sr, cr = or;
+    N.Fragment = p, N.jsx = ur, N.jsxs = cr;
+  })()), N;
+}
+var Te;
+function wr() {
+  return Te || (Te = 1, process.env.NODE_ENV === "production" ? J.exports = yr() : J.exports = gr()), J.exports;
+}
+var v = wr();
+const Er = "_screen_l4v3n_1", br = {
+  screen: Er
+};
+function Rr({
+  config: h,
+  deviceKey: _,
+  screenKey: c,
+  language: p,
+  className: m
+}) {
+  const l = h.devices.find((a) => a.key === _), E = l == null ? void 0 : l.screens.find((a) => a.key === c);
+  if (!l || !E)
+    return null;
+  const y = E.component;
+  return /* @__PURE__ */ v.jsx(
+    "div",
+    {
+      className: `${br.screen} ${m || ""}`,
+      "data-device": l.key,
+      style: { width: l.width, height: l.height },
+      children: y ? /* @__PURE__ */ v.jsx(
+        y,
+        {
+          language: p,
+          deviceKey: l.key,
+          width: l.width,
+          height: l.height
+        }
+      ) : c
+    }
+  );
+}
+const Sr = "_overviewPage_f2w28_1", jr = "_light_f2w28_6", xr = "_dark_f2w28_10", Tr = "_overviewControls_f2w28_15", Or = "_overviewGrid_f2w28_63", Pr = "_overviewDevice_f2w28_69", kr = "_overviewScreens_f2w28_76", Cr = "_overviewScreenWrapper_f2w28_82", Dr = "_overviewScreenScaled_f2w28_92", O = {
+  overviewPage: Sr,
+  light: jr,
+  dark: xr,
+  overviewControls: Tr,
+  overviewGrid: Or,
+  overviewDevice: Pr,
+  overviewScreens: kr,
+  overviewScreenWrapper: Cr,
+  overviewScreenScaled: Dr
+}, Ar = [0.1, 0.25, 1], Fr = 0.25;
+function Yr({
+  config: h,
+  language: _,
+  scale: c = Fr,
+  colorScheme: p = "light",
+  onLanguageChange: m,
+  onScaleChange: l,
+  onColorSchemeChange: E,
+  className: y
+}) {
+  return /* @__PURE__ */ v.jsxs(
+    "div",
+    {
+      className: `${O.overviewPage} ${O[p]} ${y || ""}`,
+      children: [
+        /* @__PURE__ */ v.jsxs("div", { className: O.overviewControls, children: [
+          /* @__PURE__ */ v.jsxs("label", { children: [
+            "Language:",
+            /* @__PURE__ */ v.jsx(
+              "select",
+              {
+                value: _,
+                onChange: (a) => m == null ? void 0 : m(a.target.value),
+                children: h.languages.map((a) => /* @__PURE__ */ v.jsx("option", { value: a, children: a }, a))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ v.jsxs("label", { children: [
+            "Scale:",
+            /* @__PURE__ */ v.jsx(
+              "select",
+              {
+                value: c,
+                onChange: (a) => l == null ? void 0 : l(parseFloat(a.target.value)),
+                children: Ar.map((a) => /* @__PURE__ */ v.jsxs("option", { value: a, children: [
+                  a * 100,
+                  "%"
+                ] }, a))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ v.jsxs("label", { children: [
+            "Color Scheme:",
+            /* @__PURE__ */ v.jsx(
+              "select",
+              {
+                value: p,
+                onChange: (a) => E == null ? void 0 : E(a.target.value),
+                children: _r.map((a) => /* @__PURE__ */ v.jsx("option", { value: a, children: a.charAt(0).toUpperCase() + a.slice(1) }, a))
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ v.jsx("div", { className: O.overviewGrid, children: h.devices.map((a) => /* @__PURE__ */ v.jsxs("div", { className: O.overviewDevice, children: [
+          /* @__PURE__ */ v.jsx("h2", { children: a.key }),
+          /* @__PURE__ */ v.jsx("div", { className: O.overviewScreens, children: a.screens.map((j) => /* @__PURE__ */ v.jsx(
+            "div",
+            {
+              className: O.overviewScreenWrapper,
+              style: {
+                width: a.width * c,
+                height: a.height * c
+              },
+              children: /* @__PURE__ */ v.jsx(
+                "div",
+                {
+                  className: O.overviewScreenScaled,
+                  style: {
+                    transform: `scale(${c})`,
+                    transformOrigin: "top left"
+                  },
+                  children: /* @__PURE__ */ v.jsx(
+                    Rr,
+                    {
+                      config: h,
+                      deviceKey: a.key,
+                      screenKey: j.key,
+                      language: _
+                    }
+                  )
+                }
+              )
+            },
+            j.key
+          )) })
+        ] }, a.key)) })
+      ]
+    }
+  );
+}
+function Lr({
+  config: h
+}) {
+  const _ = {
+    languages: h.languages,
+    devices: h.devices.map((c) => ({
+      key: c.key,
+      fastlaneKeys: c.fastlaneKeys,
+      width: c.width,
+      height: c.height,
+      screens: c.screens.map((p) => ({
+        key: p.key
+      }))
+    }))
+  };
+  return /* @__PURE__ */ v.jsx("pre", { id: "screegen-config", children: JSON.stringify(_, null, 2) });
+}
+export {
+  Yr as OverviewGrid,
+  Rr as Screen,
+  Lr as ScreengenConfig,
+  _r as colorSchemes,
+  mr as getSystemColorScheme,
+  Wr as useColorScheme,
+  Nr as useUrlState
+};

package/dist/test/setup.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=setup.d.ts.map

package/dist/test/setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../src/test/setup.ts"],"names":[],"mappings":""}

package/dist/types/index.d.ts

@@ -0,0 +1,63 @@
+import { ComponentType } from 'react';
+/**
+ * Color scheme for light/dark mode
+ */
+export type ColorScheme = "light" | "dark";
+export declare const colorSchemes: ColorScheme[];
+/**
+ * A feature item with title, description, and icon
+ */
+export interface Feature {
+    title: string;
+    description: string;
+    icon: string;
+}
+/**
+ * A section of features with a title
+ */
+export interface FeatureSection {
+    title: string;
+    features: Feature[];
+}
+/**
+ * Props passed to screen components
+ */
+export interface ScreenComponentProps<L extends string = string> {
+    language: L;
+    deviceKey: string;
+    width: number;
+    height: number;
+}
+/**
+ * Configuration for a single screen
+ */
+export interface ScreenConfig<L extends string = string> {
+    key: string;
+    component: ComponentType<ScreenComponentProps<L>>;
+}
+/**
+ * Configuration for a device (iPhone, iPad, Mac, etc.)
+ */
+export interface DeviceConfig<L extends string = string> {
+    key: string;
+    fastlaneKeys: string[];
+    width: number;
+    height: number;
+    screens: ScreenConfig<L>[];
+}
+/**
+ * Root project configuration
+ */
+export interface ProjectConfig<L extends string = string> {
+    languages: L[];
+    devices: DeviceConfig<L>[];
+}
+/**
+ * Props for screen components
+ */
+export interface ScreenProps<L extends string = string> {
+    deviceKey: string;
+    screenKey: string;
+    language: L;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C,eAAO,MAAM,YAAY,EAAE,WAAW,EAAsB,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC7D,QAAQ,EAAE,CAAC,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACrD,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;CACnD;AAED;;GAEG;AACH,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACrD,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACtD,SAAS,EAAE,CAAC,EAAE,CAAC;IACf,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACpD,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,CAAC;CACb"}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@screegen/components",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "license": "MIT",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles.css": "./dist/index.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build",
+    "lint": "eslint src",
+    "test": "vitest run --coverage",
+    "publish": "npm publish --access=public"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-router-dom": "^6.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@types/react": "^18.3.17",
+    "@types/react-dom": "^18.3.5",
+    "@typescript-eslint/eslint-plugin": "^8.52.0",
+    "@typescript-eslint/parser": "^8.52.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/coverage-v8": "^2.1.0",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "jiti": "^2.6.1",
+    "jsdom": "^25.0.1",
+    "prettier": "^3.7.4",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.28.2",
+    "sass": "^1.83.0",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.0",
+    "vite-plugin-dts": "^4.4.0",
+    "vitest": "^2.1.0"
+  },
+  "dependenciesMeta": {
+    "@testing-library/jest-dom": {
+      "unplugged": true
+    }
+  }
+}