@omerdlw/base-framework 1.0.0

package/LICENSE

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

package/README.md

@@ -0,0 +1,117 @@
+# @omerdlw/base-framework
+
+> Microkernel orchestration engine and first-party declarative UI modules for app-like Next.js 16 (App Router) & React 19 web applications.
+
+[![npm version](https://img.shields.io/npm/v/@omerdlw/base-framework.svg)](https://www.npmjs.com/package/@omerdlw/base-framework)
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
+
+---
+
+## ✨ Features
+
+- ⚡ **Microkernel Architecture:** Ultra-lightweight registry, transaction pipelines, and decoupled module lifecycle.
+- 🧩 **First-Party Declarative Modules:**
+  - `dock` — Floating app-like dock with navigation, cards, and state continuity.
+  - `modal` — Stackable, accessible modals with hardware-accelerated animations.
+  - `notification` — Toast notifications with promise and result tracking.
+  - `ambient` — Dynamic background and color extraction from media.
+  - `background` — Video, image, and interactive backgrounds with YouTube support.
+  - `context-menu` — Contextual right-click menus with scope isolation.
+  - `controls` — Route-level HUD controls.
+  - `loading` — Coordinated loading states with skeleton blocks.
+  - `media` — Synchronized media transport controller.
+- 🔒 **Type-Safe Result & Events:** Functional error-handling (`Result<T, E>`) and type-safe decoupled pub/sub events.
+- 🎨 **Theme Engine:** Semantic OKLCH tokens, design slots, and hardware GPU accelerated motion presets.
+- 🛡️ **Guaranteed Context Deduplication:** Cross-bundle resilient React context registry preventing multi-chunk split issues.
+
+---
+
+## 📦 Installation
+
+```bash
+npm install @omerdlw/base-framework motion
+```
+
+---
+
+## 🚀 Quick Start
+
+### 1. Wrap Your App with `CoreProvider`
+
+In your `app/providers.tsx` (Client Component):
+
+```tsx
+"use client";
+
+import { CoreProvider } from "@omerdlw/base-framework/provider";
+import { dockModule } from "@omerdlw/base-framework/modules/dock";
+import { modalModule } from "@omerdlw/base-framework/modules/modal";
+import { notificationModule } from "@omerdlw/base-framework/modules/notification";
+
+const modules = [dockModule, modalModule, notificationModule];
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  return (
+    <CoreProvider modules={modules}>
+      {children}
+    </CoreProvider>
+  );
+}
+```
+
+### 2. Configure Route State with `usePage`
+
+In any route client component:
+
+```tsx
+"use client";
+
+import { usePage } from "@omerdlw/base-framework/kernel";
+
+export default function MyPage() {
+  usePage({
+    dock: {
+      title: "Dashboard",
+      icon: "solar:widget-bold",
+    },
+    loading: {
+      isLoading: false,
+    },
+  });
+
+  return <main>Page Content</main>;
+}
+```
+
+### 3. Tailwind CSS v4 Integration
+
+If you use Tailwind CSS v4, include the package in your `@source` scanning inside `globals.css`:
+
+```css
+@import "tailwindcss";
+@source "../node_modules/@omerdlw/base-framework";
+```
+
+---
+
+## 📚 Subpath Exports
+
+| Export Path | Purpose |
+| :--- | :--- |
+| `@omerdlw/base-framework` | Root exports |
+| `@omerdlw/base-framework/kernel` | Microkernel engine, registry hooks, module host |
+| `@omerdlw/base-framework/provider` | `CoreProvider` composition pipeline |
+| `@omerdlw/base-framework/theme` | `ThemeProvider`, `defineTheme`, `useTheme` |
+| `@omerdlw/base-framework/tokens` | Stacking order (`Z_INDEX`), motion timing, easing |
+| `@omerdlw/base-framework/result` | Functional `ok()`, `err()`, safe action wrappers |
+| `@omerdlw/base-framework/events` | Decoupled event bus (`globalEvents`, `EVENT_TYPES`) |
+| `@omerdlw/base-framework/utils` | DOM helpers, string/object helpers, store primitives |
+| `@omerdlw/base-framework/hooks` | React utility hooks |
+| `@omerdlw/base-framework/error` | Global and module-level error boundaries |
+| `@omerdlw/base-framework/modules/*` | Individual domain modules (`dock`, `modal`, etc.) |
+
+---
+
+## 📄 License
+
+MIT © [Ömer Dilavever](https://github.com/omerdlw)

package/dist/atoms/button.d.ts

@@ -0,0 +1,11 @@
+import type { ButtonHTMLAttributes, ReactNode, Ref } from "react";
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    ref?: Ref<HTMLButtonElement>;
+    children?: ReactNode;
+    loading?: boolean;
+}
+export declare function Button({ ref, children, className, disabled, loading, type, ...props }: ButtonProps): import("react").JSX.Element;
+export declare namespace Button {
+    var displayName: string;
+}
+//# sourceMappingURL=button.d.ts.map

package/dist/atoms/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/atoms/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAElE,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,QAAQ,EACR,SAAS,EACT,QAAgB,EAChB,OAAe,EACf,IAAe,EACf,GAAG,KAAK,EACT,EAAE,WAAW,+BAab;yBArBe,MAAM"}

package/dist/atoms/icon.d.ts

@@ -0,0 +1,15 @@
+import { Icon as IconifyIcon } from "@iconify-icon/react";
+import type { ComponentProps, CSSProperties } from "react";
+export interface IconProps extends Omit<ComponentProps<typeof IconifyIcon>, "icon" | "size"> {
+    icon: string | ComponentProps<typeof IconifyIcon>["icon"];
+    size?: number | string;
+    color?: string;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: () => void;
+}
+export declare function Icon({ className, color, icon, onClick, size, style, ...props }: IconProps): import("react").JSX.Element;
+export declare namespace Icon {
+    var displayName: string;
+}
+//# sourceMappingURL=icon.d.ts.map

package/dist/atoms/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/atoms/icon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjE,IAAI,EAAE,MAAM,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1D,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,IAAI,CAAC,EACnB,SAAoB,EACpB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,SAAS,+BAYX;yBApBe,IAAI"}

package/dist/atoms/index.d.ts

@@ -0,0 +1,6 @@
+export { Icon, type IconProps } from "./icon";
+export { Spinner, type SpinnerProps } from "./spinner";
+export { Tooltip, type TooltipProps } from "./tooltip";
+export { Button, type ButtonProps } from "./button";
+export { useIsFullscreenStateActive } from "../hooks/use-fullscreen-state";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/atoms/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/atoms/index.js

@@ -0,0 +1,169 @@
+"use client";
+import { Icon as Icon$1 } from '@iconify-icon/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { useSyncExternalStore } from 'react';
+
+function Icon({
+  className = "center",
+  color,
+  icon,
+  onClick,
+  size = 20,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Icon$1,
+    {
+      className,
+      height: size,
+      icon,
+      onClick,
+      style: { color, ...style },
+      width: size,
+      ...props
+    }
+  );
+}
+Icon.displayName = "Icon";
+function Spinner({ className = "", size = 15 }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className,
+      "aria-label": "Loading",
+      role: "status",
+      children: /* @__PURE__ */ jsx(Icon, { icon: "mingcute:loading-3-fill", size })
+    }
+  );
+}
+Spinner.displayName = "Spinner";
+function Tooltip({
+  children,
+  className,
+  collisionPadding = 8,
+  defaultOpen,
+  delayMs,
+  onOpenChange,
+  open,
+  position = "top",
+  sideOffset = 6,
+  text,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    TooltipPrimitive.Root,
+    {
+      defaultOpen,
+      delayDuration: delayMs,
+      onOpenChange,
+      open,
+      children: [
+        /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { asChild: true, children }),
+        /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+          TooltipPrimitive.Content,
+          {
+            side: position,
+            align: "center",
+            sideOffset,
+            collisionPadding,
+            className,
+            ...props,
+            children: text
+          }
+        ) })
+      ]
+    }
+  );
+}
+Tooltip.displayName = "Tooltip";
+function Button({
+  ref,
+  children,
+  className,
+  disabled = false,
+  loading = false,
+  type = "button",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type,
+      disabled: disabled || loading,
+      "aria-busy": loading ? true : void 0,
+      className,
+      ...props,
+      children
+    }
+  );
+}
+Button.displayName = "Button";
+var listeners = /* @__PURE__ */ new Set();
+var activeFullscreenStateIds = /* @__PURE__ */ new Set();
+var ACTIVE_FULLSCREEN_ROOT_SELECTOR = '[data-fullscreen-state-root="true"][data-affect-global-state="true"]';
+var domObserver = null;
+var lastSnapshot = false;
+function getDomSnapshot() {
+  if (typeof document === "undefined") {
+    return activeFullscreenStateIds.size > 0;
+  }
+  return document.querySelector(ACTIVE_FULLSCREEN_ROOT_SELECTOR) !== null;
+}
+function emitChange() {
+  listeners.forEach((listener) => listener());
+}
+function emitIfSnapshotChanged() {
+  const nextSnapshot = getDomSnapshot();
+  if (nextSnapshot === lastSnapshot) {
+    return;
+  }
+  lastSnapshot = nextSnapshot;
+  emitChange();
+}
+function ensureDomObserver() {
+  if (typeof document === "undefined" || domObserver || listeners.size === 0) {
+    return;
+  }
+  domObserver = new MutationObserver(() => {
+    emitIfSnapshotChanged();
+  });
+  domObserver.observe(document.documentElement, {
+    attributes: true,
+    childList: true,
+    subtree: true,
+    attributeFilter: [
+      "data-fullscreen-state",
+      "data-fullscreen-state-root",
+      "data-affect-global-state"
+    ]
+  });
+}
+function releaseDomObserver() {
+  if (listeners.size > 0 || !domObserver) {
+    return;
+  }
+  domObserver.disconnect();
+  domObserver = null;
+}
+function subscribe(listener) {
+  listeners.add(listener);
+  ensureDomObserver();
+  emitIfSnapshotChanged();
+  return () => {
+    listeners.delete(listener);
+    releaseDomObserver();
+  };
+}
+function getSnapshot() {
+  return getDomSnapshot();
+}
+function useIsFullscreenStateActive() {
+  return useSyncExternalStore(subscribe, getSnapshot, () => false);
+}
+
+export { Button, Icon, Spinner, Tooltip, useIsFullscreenStateActive };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/atoms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/atoms/icon.tsx","../../src/atoms/spinner.tsx","../../src/atoms/tooltip.tsx","../../src/atoms/button.tsx","../../src/hooks/use-fullscreen-state.ts"],"names":["IconifyIcon","jsx"],"mappings":"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","file":"index.js","sourcesContent":["\"use client\";\n\nimport { Icon as IconifyIcon } from \"@iconify-icon/react\";\nimport type { ComponentProps, CSSProperties } from \"react\";\n\nexport interface IconProps\n  extends Omit<ComponentProps<typeof IconifyIcon>, \"icon\" | \"size\"> {\n  icon: string | ComponentProps<typeof IconifyIcon>[\"icon\"];\n  size?: number | string;\n  color?: string;\n  className?: string;\n  style?: CSSProperties;\n  onClick?: () => void;\n}\n\nexport function Icon({\n  className = \"center\",\n  color,\n  icon,\n  onClick,\n  size = 20,\n  style,\n  ...props\n}: IconProps) {\n  return (\n    <IconifyIcon\n      className={className}\n      height={size}\n      icon={icon}\n      onClick={onClick}\n      style={{ color, ...style }}\n      width={size}\n      {...props}\n    />\n  );\n}\n\nIcon.displayName = \"Icon\";\n","\"use client\";\n\nimport { Icon } from \"./icon\";\n\nexport interface SpinnerProps {\n  className?: string;\n  size?: number;\n}\n\nexport function Spinner({ className = \"\", size = 15 }: SpinnerProps) {\n  return (\n    <div\n      className={className}\n      aria-label=\"Loading\"\n      role=\"status\"\n    >\n      <Icon icon=\"mingcute:loading-3-fill\" size={size} />\n    </div>\n  );\n}\n\nSpinner.displayName = \"Spinner\";\n","\"use client\";\n\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport type { ReactNode } from \"react\";\n\nexport interface TooltipProps {\n  children: ReactNode;\n  text: ReactNode;\n  className?: string;\n  open?: boolean;\n  defaultOpen?: boolean;\n  delayMs?: number;\n  position?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  sideOffset?: number;\n  collisionPadding?: number;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport function Tooltip({\n  children,\n  className,\n  collisionPadding = 8,\n  defaultOpen,\n  delayMs,\n  onOpenChange,\n  open,\n  position = \"top\",\n  sideOffset = 6,\n  text,\n  ...props\n}: TooltipProps) {\n  return (\n    <TooltipPrimitive.Root\n      defaultOpen={defaultOpen}\n      delayDuration={delayMs}\n      onOpenChange={onOpenChange}\n      open={open}\n    >\n      <TooltipPrimitive.Trigger asChild>\n        {children}\n      </TooltipPrimitive.Trigger>\n\n      <TooltipPrimitive.Portal>\n        <TooltipPrimitive.Content\n          side={position}\n          align=\"center\"\n          sideOffset={sideOffset}\n          collisionPadding={collisionPadding}\n          className={className}\n          {...props}\n        >\n          {text}\n        </TooltipPrimitive.Content>\n      </TooltipPrimitive.Portal>\n    </TooltipPrimitive.Root>\n  );\n}\n\nTooltip.displayName = \"Tooltip\";\n","\"use client\";\n\nimport type { ButtonHTMLAttributes, ReactNode, Ref } from \"react\";\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: Ref<HTMLButtonElement>;\n  children?: ReactNode;\n  loading?: boolean;\n}\n\nexport function Button({\n  ref,\n  children,\n  className,\n  disabled = false,\n  loading = false,\n  type = \"button\",\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled || loading}\n      aria-busy={loading ? true : undefined}\n      className={className}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nButton.displayName = \"Button\";\n","\"use client\";\n\nimport { useSyncExternalStore } from \"react\";\n\nconst listeners = new Set<() => void>();\nconst activeFullscreenStateIds = new Set<string>();\n\nconst ACTIVE_FULLSCREEN_ROOT_SELECTOR =\n  '[data-fullscreen-state-root=\"true\"][data-affect-global-state=\"true\"]';\n\nlet domObserver: MutationObserver | null = null;\nlet lastSnapshot = false;\n\nfunction getDomSnapshot(): boolean {\n  if (typeof document === \"undefined\") {\n    return activeFullscreenStateIds.size > 0;\n  }\n\n  return document.querySelector(ACTIVE_FULLSCREEN_ROOT_SELECTOR) !== null;\n}\n\nfunction emitChange(): void {\n  listeners.forEach((listener) => listener());\n}\n\nfunction emitIfSnapshotChanged(): void {\n  const nextSnapshot = getDomSnapshot();\n\n  if (nextSnapshot === lastSnapshot) {\n    return;\n  }\n\n  lastSnapshot = nextSnapshot;\n  emitChange();\n}\n\nfunction ensureDomObserver(): void {\n  if (typeof document === \"undefined\" || domObserver || listeners.size === 0) {\n    return;\n  }\n\n  domObserver = new MutationObserver(() => {\n    emitIfSnapshotChanged();\n  });\n\n  domObserver.observe(document.documentElement, {\n    attributes: true,\n    childList: true,\n    subtree: true,\n    attributeFilter: [\n      \"data-fullscreen-state\",\n      \"data-fullscreen-state-root\",\n      \"data-affect-global-state\",\n    ],\n  });\n}\n\nfunction releaseDomObserver(): void {\n  if (listeners.size > 0 || !domObserver) {\n    return;\n  }\n\n  domObserver.disconnect();\n  domObserver = null;\n}\n\nfunction subscribe(listener: () => void): () => void {\n  listeners.add(listener);\n  ensureDomObserver();\n  emitIfSnapshotChanged();\n\n  return () => {\n    listeners.delete(listener);\n    releaseDomObserver();\n  };\n}\n\nfunction getSnapshot(): boolean {\n  return getDomSnapshot();\n}\n\nexport function registerFullscreenState(id: string): void {\n  activeFullscreenStateIds.add(id);\n  emitIfSnapshotChanged();\n}\n\nexport function unregisterFullscreenState(id: string): void {\n  activeFullscreenStateIds.delete(id);\n  emitIfSnapshotChanged();\n}\n\nexport function useIsFullscreenStateActive(): boolean {\n  return useSyncExternalStore(subscribe, getSnapshot, () => false);\n}\n"]}

package/dist/atoms/spinner.d.ts

@@ -0,0 +1,9 @@
+export interface SpinnerProps {
+    className?: string;
+    size?: number;
+}
+export declare function Spinner({ className, size }: SpinnerProps): import("react").JSX.Element;
+export declare namespace Spinner {
+    var displayName: string;
+}
+//# sourceMappingURL=spinner.d.ts.map

package/dist/atoms/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/atoms/spinner.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,OAAO,CAAC,EAAE,SAAc,EAAE,IAAS,EAAE,EAAE,YAAY,+BAUlE;yBAVe,OAAO"}

package/dist/atoms/tooltip.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react";
+export interface TooltipProps {
+    children: ReactNode;
+    text: ReactNode;
+    className?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    delayMs?: number;
+    position?: "top" | "bottom" | "left" | "right";
+    sideOffset?: number;
+    collisionPadding?: number;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare function Tooltip({ children, className, collisionPadding, defaultOpen, delayMs, onOpenChange, open, position, sideOffset, text, ...props }: TooltipProps): import("react").JSX.Element;
+export declare namespace Tooltip {
+    var displayName: string;
+}
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/atoms/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/atoms/tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,gBAAoB,EACpB,WAAW,EACX,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,QAAgB,EAChB,UAAc,EACd,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,YAAY,+BA0Bd;yBAtCe,OAAO"}

package/dist/error/boundary.d.ts

@@ -0,0 +1,14 @@
+import React, { type ErrorInfo, type ReactNode } from "react";
+import type { ComponentErrorProps, ErrorBoundaryCoreProps, ErrorBoundaryCoreState, GlobalErrorProps, ModuleErrorProps } from "./types";
+export declare class ErrorBoundaryCore extends React.Component<ErrorBoundaryCoreProps, ErrorBoundaryCoreState> {
+    constructor(props: ErrorBoundaryCoreProps);
+    static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryCoreState>;
+    static getDerivedStateFromProps(props: ErrorBoundaryCoreProps, state: ErrorBoundaryCoreState): Partial<ErrorBoundaryCoreState> | null;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    resetError: () => void;
+    render(): ReactNode;
+}
+export declare function GlobalError({ children, fallback, onReset }: GlobalErrorProps): React.JSX.Element;
+export declare function ModuleError({ children, fallback, name, onReset, }: ModuleErrorProps): React.JSX.Element;
+export declare function ComponentError({ children, fallback, message, onReset, }: ComponentErrorProps): React.JSX.Element;
+//# sourceMappingURL=boundary.d.ts.map

package/dist/error/boundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"boundary.d.ts","sourceRoot":"","sources":["../../src/error/boundary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ9D,OAAO,KAAK,EACV,mBAAmB,EACnB,sBAAsB,EACtB,sBAAsB,EACtB,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,SAAS,CAAC;AA4CjB,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CACpD,sBAAsB,EACtB,sBAAsB,CACvB;gBACa,KAAK,EAAE,sBAAsB;IAUzC,MAAM,CAAC,wBAAwB,CAC7B,KAAK,EAAE,KAAK,GACX,OAAO,CAAC,sBAAsB,CAAC;IAIlC,MAAM,CAAC,wBAAwB,CAC7B,KAAK,EAAE,sBAAsB,EAC7B,KAAK,EAAE,sBAAsB,GAC5B,OAAO,CAAC,sBAAsB,CAAC,GAAG,IAAI;IAYzC,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IA6BpD,UAAU,aAOR;IAEF,MAAM,IAAI,SAAS;CAuBpB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,gBAAgB,qBAe5E;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,OAAO,GACR,EAAE,gBAAgB,qBAalB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,GACR,EAAE,mBAAmB,qBAWrB"}

package/dist/error/constants.d.ts

@@ -0,0 +1,18 @@
+export declare const ERROR_MESSAGES: Readonly<{
+    readonly GLOBAL_TITLE: "Something went wrong";
+    readonly GLOBAL_MSG: "We ran into an unexpected problem. Please try again";
+    readonly MODULE_TITLE: "Something went wrong";
+    readonly MODULE_MSG: "This part of the app isn't working right now. Please try again";
+    readonly COMPONENT_MSG: "This section couldn't be loaded. Please try again";
+    readonly FALLBACK_TITLE: "Something went wrong";
+    readonly FALLBACK_MSG: "This section couldn't be loaded. Please try again";
+}>;
+export declare const MAX_CONTEXT = 10;
+export declare const MAX_FINGERPRINTS = 100;
+export declare const DEFAULT_DEDUPE_WINDOW = 60000;
+export declare const ERROR_LISTENER_CONFIG: Readonly<{
+    readonly maxErrors: 10;
+    readonly throttle: 2000;
+    readonly ignored: readonly RegExp[];
+}>;
+//# sourceMappingURL=constants.d.ts.map

package/dist/error/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/error/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;EAQhB,CAAC;AAEZ,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,eAAO,MAAM,qBAAqB,QAAQ,CAAC;AAE3C,eAAO,MAAM,qBAAqB;;;;EAYvB,CAAC"}

package/dist/error/index.d.ts

@@ -0,0 +1,9 @@
+export { DEFAULT_DEDUPE_WINDOW, ERROR_LISTENER_CONFIG, ERROR_MESSAGES, MAX_CONTEXT, MAX_FINGERPRINTS, } from "./constants";
+export { createErrorContext, createReport, fingerprint, getBrowserEnvironment, getErrorMessage, getRuntimePath, getUserAgent, normalizeDedupeWindow, normalizeSampleRate, shouldIgnoreError, } from "./utils";
+export { createConsoleHandler, createSentryHandler, getErrorReporter, } from "./reporter";
+export { ComponentError, ErrorBoundaryCore, GlobalError, ModuleError, } from "./boundary";
+export { GlobalErrorListener } from "./listener";
+export { errorTheme } from "./theme";
+export type { ErrorThemeSlot } from "./theme";
+export type * from "./types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/error/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,WAAW,EACX,gBAAgB,GACjB,MAAM,aAAa,CAAC;AAErB,OAAO,EACL,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,YAAY,EACZ,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,WAAW,GACZ,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,mBAAmB,SAAS,CAAC"}