@accelint/design-toolkit 9.7.0 → 9.9.0

package/dist/components/floating-card/provider.d.ts

@@ -0,0 +1,64 @@
+/*
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { PropsWithChildren, ReactNode } from "react";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
+
+//#region src/components/floating-card/provider.d.ts
+/** A value that is either `T` directly, or a function that receives the active card id and returns `T`. */
+type MaybeFactory<T> = T | ((cardId: string) => T);
+type FloatingCardProviderProps = Readonly<PropsWithChildren<{
+  /**
+   * Optional icon rendered at the very start of the floating card header.
+   * Can be a `ReactNode` or a function `(cardId: string) => ReactNode`.
+   */
+  icon?: MaybeFactory<ReactNode>;
+  /**
+   * Optional action buttons rendered in the floating card header before the close button.
+   * Can include dividers to separate groups of actions.
+   * Can be an array or a function `(cardId: string) => array` to return
+   * per-floating card actions.
+   */
+  headerActions?: MaybeFactory<({
+    icon: ReactNode;
+    onClick: () => void;
+  } | 'divider')[]>;
+  className?: string;
+}>>;
+/**
+ * Provides a context and layout area for floating cards within the application.
+ *
+ * Wraps its children with floating card context and renders a floating card engine instance
+ * to manage docking and layout.
+ *
+ * @param props - The props for the FloatingCardProvider component.
+ * @param props.children - Child components rendered inside the floating card provider.
+ * @param props.icon - Optional icon.
+ * @param props.headerActions - Optional actions for the header.
+ * @param props.className - Additional CSS class names for styling.
+ *
+ * @returns The FloatingCardProvider component that manages floating card layout and context.
+ *
+ * @remarks
+ * - Manages registration and unregistration of floating card references.
+ * - Exposes `closeCard` via context for child components.
+ * - Ensures floating cards are bounded within the viewport.
+ */
+declare function FloatingCardProvider({
+  children,
+  icon,
+  headerActions,
+  className
+}: FloatingCardProviderProps): react_jsx_runtime35.JSX.Element;
+//#endregion
+export { FloatingCardProvider, FloatingCardProviderProps };
+//# sourceMappingURL=provider.d.ts.map

package/dist/components/floating-card/provider.js

@@ -0,0 +1,198 @@
+/*
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
+import { Icon } from "../icon/index.js";
+import { Button } from "../button/index.js";
+import { Divider } from "../divider/index.js";
+import { FloatingCardContext, useFloatingCard } from "./context.js";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Cancel from "@accelint/icons/cancel";
+import { DockviewReact } from "dockview-react";
+import styles from "./styles.module.css";
+
+//#region src/components/floating-card/provider.tsx
+/**
+* Internal component that registers a DOM ref for a card container.
+* Used by the floating card engine to mount portal targets.
+*/
+function FloatingCardContainer(props) {
+	const { addRef } = useFloatingCard();
+	const refCallback = useCallback((ref) => {
+		addRef(props.api.id, ref);
+	}, [addRef, props.api.id]);
+	return /* @__PURE__ */ jsx("div", {
+		className: styles.cardContent,
+		ref: refCallback
+	});
+}
+/**
+* Default left header showing an optional custom icon (or a placeholder) and the card's title.
+*/
+function DefaultLeftHeader({ title, icon, id }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: styles.headerSide,
+		children: [icon ? /* @__PURE__ */ jsx(Icon, {
+			size: "small",
+			children: icon
+		}) : null, title && title !== id ? /* @__PURE__ */ jsx("div", {
+			className: styles.headerTitle,
+			children: title
+		}) : null]
+	});
+}
+/**
+* Default right header showing optional action buttons and an always-present close button.
+*/
+function DefaultRightHeader({ closeGroup, headerActions, id }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: styles.headerSide,
+		children: [headerActions?.map((action, index) => {
+			if (action === "divider") return /* @__PURE__ */ jsx(Divider, { orientation: "vertical" }, `${id}-divider-${index}`);
+			return /* @__PURE__ */ jsx(Button, {
+				variant: "icon",
+				size: "small",
+				onClick: action.onClick,
+				children: /* @__PURE__ */ jsx(Icon, { children: action.icon })
+			}, `${id}-${index}`);
+		}), /* @__PURE__ */ jsx(Button, {
+			variant: "icon",
+			size: "small",
+			onClick: closeGroup,
+			children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Cancel, {}) })
+		})]
+	});
+}
+/**
+* Creates an adapter component to map Dockview's header action props to our custom header component props.
+*/
+function createHeaderAdapter(Component, options) {
+	function HeaderAdapter(props) {
+		const panelId = props.panels[0]?.id ?? "";
+		const [title, setTitle] = useState(props.activePanel?.title);
+		useEffect(() => {
+			const panel = props.activePanel;
+			if (!panel) return;
+			setTitle(panel.title);
+			const disposable = panel.api.onDidTitleChange(() => {
+				setTitle(panel.title);
+			});
+			return () => {
+				disposable.dispose();
+			};
+		}, [props.activePanel]);
+		return /* @__PURE__ */ jsx(Component, {
+			icon: props.activePanel ? typeof options?.icon === "function" ? options.icon(panelId) : options?.icon : void 0,
+			headerActions: typeof options?.headerActions === "function" ? options.headerActions(panelId) : options?.headerActions,
+			title,
+			id: props.activePanel?.id,
+			closeGroup: () => props.api.close()
+		});
+	}
+	HeaderAdapter.displayName = `HeaderAdapter(${Component.displayName ?? Component.name ?? "Anonymous"})`;
+	return HeaderAdapter;
+}
+const components = { default: FloatingCardContainer };
+/**
+* Provides a context and layout area for floating cards within the application.
+*
+* Wraps its children with floating card context and renders a floating card engine instance
+* to manage docking and layout.
+*
+* @param props - The props for the FloatingCardProvider component.
+* @param props.children - Child components rendered inside the floating card provider.
+* @param props.icon - Optional icon.
+* @param props.headerActions - Optional actions for the header.
+* @param props.className - Additional CSS class names for styling.
+*
+* @returns The FloatingCardProvider component that manages floating card layout and context.
+*
+* @remarks
+* - Manages registration and unregistration of floating card references.
+* - Exposes `closeCard` via context for child components.
+* - Ensures floating cards are bounded within the viewport.
+*/
+function FloatingCardProvider({ children, icon, headerActions, className }) {
+	const [api, setApi] = useState(null);
+	const [cards, setCards] = useState({});
+	const closeCard = useCallback((id) => {
+		api?.getPanel(id)?.api.close();
+	}, [api]);
+	const removeRef = useCallback((view) => {
+		setCards((prev) => {
+			const newCards = { ...prev };
+			delete newCards[view];
+			return newCards;
+		});
+	}, []);
+	const addRef = useCallback((id, ref) => {
+		if (ref) setCards((prev) => {
+			if (prev[id]) return prev;
+			return {
+				...prev,
+				[id]: ref
+			};
+		});
+	}, []);
+	useEffect(() => {
+		if (!api) return;
+		const disposable = api.onDidRemovePanel((event) => {
+			removeRef(event.id);
+		});
+		return () => {
+			disposable.dispose();
+		};
+	}, [api, removeRef]);
+	const contextValue = useMemo(() => ({
+		cards,
+		addRef,
+		removeRef,
+		closeCard,
+		api
+	}), [
+		cards,
+		closeCard,
+		removeRef,
+		api,
+		addRef
+	]);
+	const leftAdapter = useMemo(() => createHeaderAdapter(DefaultLeftHeader, { icon }), [icon]);
+	const rightAdapter = useMemo(() => createHeaderAdapter(DefaultRightHeader, { headerActions }), [headerActions]);
+	const theme = useMemo(() => ({
+		name: "accelint",
+		className: styles.floatingCardProvider ?? ""
+	}), []);
+	const onReady = useCallback((event) => {
+		setApi(event.api);
+	}, []);
+	return /* @__PURE__ */ jsx(FloatingCardContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: clsx(styles.providerRoot, className),
+			children: [/* @__PURE__ */ jsx(DockviewReact, {
+				locked: true,
+				floatingGroupBounds: "boundedWithinViewport",
+				components,
+				prefixHeaderActionsComponent: leftAdapter,
+				rightHeaderActionsComponent: rightAdapter,
+				onReady,
+				theme
+			}), children]
+		})
+	});
+}
+
+//#endregion
+export { FloatingCardProvider };
+//# sourceMappingURL=provider.js.map

package/dist/components/floating-card/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","names":["CloseIcon","components: Record<string, FunctionComponent<IDockviewPanelProps>>"],"sources":["../../../src/components/floating-card/provider.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport CloseIcon from '@accelint/icons/cancel';\nimport {\n  type DockviewApi,\n  DockviewReact,\n  type DockviewReadyEvent,\n  type IDockviewHeaderActionsProps,\n  type IDockviewPanelProps,\n} from 'dockview-react';\nimport {\n  type FunctionComponent,\n  type PropsWithChildren,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { Button } from '../button';\nimport { Divider } from '../divider';\nimport { Icon } from '../icon';\nimport {\n  FloatingCardContext,\n  type FloatingCardContextValue,\n  useFloatingCard,\n} from './context';\nimport styles from './styles.module.css';\nimport type { UniqueId } from '@accelint/core/utility/uuid';\n\n/** A value that is either `T` directly, or a function that receives the active card id and returns `T`. */\ntype MaybeFactory<T> = T | ((cardId: string) => T);\n\ntype FloatingCardHeaderProps = {\n  id?: string;\n  title?: string;\n  icon?: ReactNode;\n  closeGroup: () => void;\n  headerActions?: (\n    | {\n        icon: ReactNode;\n        onClick: () => void;\n      }\n    | 'divider'\n  )[];\n};\n\n/**\n * Internal component that registers a DOM ref for a card container.\n * Used by the floating card engine to mount portal targets.\n */\nfunction FloatingCardContainer(props: Readonly<IDockviewPanelProps>) {\n  const { addRef } = useFloatingCard();\n\n  const refCallback = useCallback(\n    (ref: HTMLDivElement | null) => {\n      addRef(props.api.id as UniqueId, ref);\n    },\n    [addRef, props.api.id],\n  );\n\n  return <div className={styles.cardContent} ref={refCallback} />;\n}\n\n/**\n * Default left header showing an optional custom icon (or a placeholder) and the card's title.\n */\nfunction DefaultLeftHeader({\n  title,\n  icon,\n  id,\n}: Readonly<FloatingCardHeaderProps>) {\n  return (\n    <div className={styles.headerSide}>\n      {icon ? <Icon size='small'>{icon}</Icon> : null}\n      {title && title !== id ? (\n        <div className={styles.headerTitle}>{title}</div>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * Default right header showing optional action buttons and an always-present close button.\n */\nfunction DefaultRightHeader({\n  closeGroup,\n  headerActions,\n  id,\n}: Readonly<FloatingCardHeaderProps>) {\n  return (\n    <div className={styles.headerSide}>\n      {headerActions?.map((action, index) => {\n        if (action === 'divider') {\n          return (\n            // biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here because the order of actions is unlikely to change.\n            <Divider key={`${id}-divider-${index}`} orientation='vertical' />\n          );\n        }\n        return (\n          <Button\n            key={`${id}-${\n              // biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here because the order of actions is unlikely to change.\n              index\n            }`}\n            variant='icon'\n            size='small'\n            onClick={action.onClick}\n          >\n            <Icon>{action.icon}</Icon>\n          </Button>\n        );\n      })}\n      <Button variant='icon' size='small' onClick={closeGroup}>\n        <Icon>\n          <CloseIcon />\n        </Icon>\n      </Button>\n    </div>\n  );\n}\n\ntype HeaderAdapterOptions = {\n  icon?: MaybeFactory<ReactNode>;\n  headerActions?: MaybeFactory<FloatingCardHeaderProps['headerActions']>;\n};\n\n/**\n * Creates an adapter component to map Dockview's header action props to our custom header component props.\n */\nfunction createHeaderAdapter(\n  Component: FunctionComponent<FloatingCardHeaderProps>,\n  options?: HeaderAdapterOptions,\n): FunctionComponent<IDockviewHeaderActionsProps> {\n  function HeaderAdapter(props: Readonly<IDockviewHeaderActionsProps>) {\n    const panelId = props.panels[0]?.id ?? '';\n    const [title, setTitle] = useState(props.activePanel?.title);\n\n    useEffect(() => {\n      const panel = props.activePanel;\n\n      if (!panel) {\n        return;\n      }\n\n      setTitle(panel.title);\n\n      const disposable = panel.api.onDidTitleChange(() => {\n        setTitle(panel.title);\n      });\n\n      return () => {\n        disposable.dispose();\n      };\n    }, [props.activePanel]);\n    const icon = props.activePanel\n      ? typeof options?.icon === 'function'\n        ? options.icon(panelId)\n        : options?.icon\n      : undefined;\n    const headerActions =\n      typeof options?.headerActions === 'function'\n        ? options.headerActions(panelId)\n        : options?.headerActions;\n    return (\n      <Component\n        icon={icon}\n        headerActions={headerActions}\n        title={title}\n        id={props.activePanel?.id}\n        closeGroup={() => props.api.close()}\n      />\n    );\n  }\n\n  HeaderAdapter.displayName = `HeaderAdapter(${Component.displayName ?? Component.name ?? 'Anonymous'})`;\n  return HeaderAdapter;\n}\n\nexport type FloatingCardProviderProps = Readonly<\n  PropsWithChildren<{\n    /**\n     * Optional icon rendered at the very start of the floating card header.\n     * Can be a `ReactNode` or a function `(cardId: string) => ReactNode`.\n     */\n    icon?: MaybeFactory<ReactNode>;\n    /**\n     * Optional action buttons rendered in the floating card header before the close button.\n     * Can include dividers to separate groups of actions.\n     * Can be an array or a function `(cardId: string) => array` to return\n     * per-floating card actions.\n     */\n    headerActions?: MaybeFactory<\n      (\n        | {\n            icon: ReactNode;\n            onClick: () => void;\n          }\n        | 'divider'\n      )[]\n    >;\n    className?: string;\n  }>\n>;\n\nconst components: Record<string, FunctionComponent<IDockviewPanelProps>> = {\n  default: FloatingCardContainer,\n};\n\n/**\n * Provides a context and layout area for floating cards within the application.\n *\n * Wraps its children with floating card context and renders a floating card engine instance\n * to manage docking and layout.\n *\n * @param props - The props for the FloatingCardProvider component.\n * @param props.children - Child components rendered inside the floating card provider.\n * @param props.icon - Optional icon.\n * @param props.headerActions - Optional actions for the header.\n * @param props.className - Additional CSS class names for styling.\n *\n * @returns The FloatingCardProvider component that manages floating card layout and context.\n *\n * @remarks\n * - Manages registration and unregistration of floating card references.\n * - Exposes `closeCard` via context for child components.\n * - Ensures floating cards are bounded within the viewport.\n */\nexport function FloatingCardProvider({\n  children,\n  icon,\n  headerActions,\n  className,\n}: FloatingCardProviderProps) {\n  const [api, setApi] = useState<DockviewApi | null>(null);\n  const [cards, setCards] = useState<Record<UniqueId, HTMLDivElement>>({});\n\n  const closeCard = useCallback(\n    (id: UniqueId) => {\n      api?.getPanel(id)?.api.close();\n    },\n    [api],\n  );\n\n  const removeRef = useCallback((view: UniqueId) => {\n    setCards((prev) => {\n      const newCards = { ...prev };\n      delete newCards[view];\n      return newCards;\n    });\n  }, []);\n\n  const addRef = useCallback((id: UniqueId, ref: HTMLDivElement | null) => {\n    if (ref) {\n      setCards((prev) => {\n        if (prev[id]) {\n          return prev;\n        }\n        return { ...prev, [id]: ref };\n      });\n    }\n  }, []);\n\n  // Clean up stale refs when cards are removed via any path\n  // (drag close, group close, API close, etc.)\n  useEffect(() => {\n    if (!api) {\n      return;\n    }\n\n    const disposable = api.onDidRemovePanel((event) => {\n      removeRef(event.id as UniqueId);\n    });\n\n    return () => {\n      disposable.dispose();\n    };\n  }, [api, removeRef]);\n\n  const contextValue = useMemo<FloatingCardContextValue>(\n    () => ({\n      cards,\n      addRef,\n      removeRef,\n      closeCard,\n      api,\n    }),\n    [cards, closeCard, removeRef, api, addRef],\n  );\n\n  const leftAdapter = useMemo(\n    () => createHeaderAdapter(DefaultLeftHeader, { icon }),\n    [icon],\n  );\n\n  const rightAdapter = useMemo(\n    () => createHeaderAdapter(DefaultRightHeader, { headerActions }),\n    [headerActions],\n  );\n\n  const theme = useMemo(\n    () => ({\n      name: 'accelint',\n      className: styles.floatingCardProvider ?? '',\n    }),\n    [],\n  );\n\n  const onReady = useCallback((event: DockviewReadyEvent) => {\n    setApi(event.api);\n  }, []);\n\n  return (\n    <FloatingCardContext.Provider value={contextValue}>\n      <div className={clsx(styles.providerRoot, className)}>\n        <DockviewReact\n          locked\n          floatingGroupBounds={'boundedWithinViewport'}\n          components={components}\n          prefixHeaderActionsComponent={leftAdapter}\n          rightHeaderActionsComponent={rightAdapter}\n          onReady={onReady}\n          theme={theme}\n        />\n        {children}\n      </div>\n    </FloatingCardContext.Provider>\n  );\n}\n"],"mappings":"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"}

package/dist/components/floating-card/styles.module.css

@@ -0,0 +1,60 @@
+/*
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '@accelint/design-foundation/styles';
+
+@layer components.l3 {
+  .cardContent {
+    @apply h-full w-full;
+  }
+
+  .providerRoot {
+    @apply pointer-events-none absolute inset-0;
+  }
+
+  .headerSide {
+    @apply gap-xs flex h-full items-center;
+  }
+
+  .headerTitle {
+    @apply text-header-m pl-xs;
+  }
+
+  .floatingCardProvider {
+    @apply absolute inset-0;
+    :global(.dv-dockview) {
+      --dv-group-view-background-color: transparent;
+      --dv-tabs-and-actions-container-background-color: var(
+        --bg-surface-default
+      );
+      --dv-floating-box-shadow: var(--shadow-elevation-overlay-bold);
+    }
+    :global(.dv-groupview) {
+      --dv-group-view-background-color: var(--bg-surface-default);
+      @apply pointer-events-auto;
+    }
+    :global(.dv-resize-container) {
+      @apply rounded-large pointer-events-auto;
+    }
+
+    :global(.dv-tabs-and-actions-container) {
+      --dv-tabs-and-actions-container-height: 32px;
+      @apply p-xs text-header-m;
+    }
+    :global(.dv-scrollable) {
+      display: none;
+    }
+    :global(.dv-void-container) {
+      cursor: grab;
+    }
+  }
+}

package/dist/components/hero/context.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -12,14 +12,14 @@
 
 import { HeroProps } from "./types.js";
 import "client-only";
-import * as react5 from "react";
+import * as react13 from "react";
 import { ContextValue } from "react-aria-components";
 
 //#region src/components/hero/context.d.ts
 /**
  * Context for sharing Hero props across component tree.
  */
-declare const HeroContext: react5.Context<ContextValue<HeroProps, HTMLElement>>;
+declare const HeroContext: react13.Context<ContextValue<HeroProps, HTMLElement>>;
 //#endregion
 export { HeroContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/hero/context.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

package/dist/components/hero/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/hero/context.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { HeroProps } from './types';\n\n/**\n * Context for sharing Hero props across component tree.\n */\nexport const HeroContext =\n  createContext<ContextValue<HeroProps, HTMLElement>>(null);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,cACX,cAAoD,KAAK"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/hero/context.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { HeroProps } from './types';\n\n/**\n * Context for sharing Hero props across component tree.\n */\nexport const HeroContext =\n  createContext<ContextValue<HeroProps, HTMLElement>>(null);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,cACX,cAAoD,KAAK"}

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

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -12,7 +12,7 @@
 
 import { HeroProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime43 from "react/jsx-runtime";
 
 //#region src/components/hero/index.d.ts
 
@@ -56,7 +56,7 @@ import * as react_jsx_runtime27 from "react/jsx-runtime";
 declare function Hero({
   ref,
   ...props
-}: HeroProps): react_jsx_runtime27.JSX.Element;
+}: HeroProps): react_jsx_runtime43.JSX.Element;
 //#endregion
 export { Hero };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/hero/index.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

package/dist/components/hero/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/hero/index.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Header,\n  HeadingContext,\n  Provider,\n  TextContext,\n  useContextProps,\n} from 'react-aria-components';\nimport { IconContext } from '../icon/context';\nimport { HeroContext } from './context';\nimport styles from './styles.module.css';\nimport type { HeroProps } from './types';\n\n/**\n * A versatile hero component that displays an icon alongside primary and secondary content.\n * Automatically organizes child components by type and supports both stacked and grid layouts.\n *\n * @param props - {@link HeroProps}\n * @param props.ref - Ref to the header element.\n * @param props.children - Child components (Icon, HeroTitle, HeroSubtitle).\n * @param props.classNames - Class names for Hero sub-elements.\n * @param props.compact - Whether to use compact grid layout.\n * @returns The rendered Hero component.\n *\n * @example\n * ```tsx\n * // Basic hero with icon and content\n * <Hero>\n *   <Icon><Placeholder /></Icon>\n *   <HeroTitle>Primary Title</HeroTitle>\n *   <HeroSubtitle>Secondary information</HeroSubtitle>\n * </Hero>\n *\n * // Grid layout for compact display\n * <Hero compact>\n *   <Icon><Settings /></Icon>\n *   <HeroTitle>Settings</HeroTitle>\n *   <HeroSubtitle>Configure your preferences</HeroSubtitle>\n * </Hero>\n * ```\n *\n * ## Child Component Behavior\n * - **Icon**: Only one allowed\n * - **HeroTitle**: Only one allowed\n * - **HeroSubtitle**: Any number allowed as secondary content\n *\n * ## Layout Modes\n * - **Stack** (default): Vertical layout with larger icon and stacked content\n * - **Grid** (compact=true): Horizontal layout with smaller icon beside content\n */\nexport function Hero({ ref, ...props }: HeroProps) {\n  [props, ref] = useContextProps(props, ref ?? null, HeroContext);\n\n  const { children, classNames, compact, ...rest } = props;\n\n  return (\n    <Provider\n      values={[\n        [\n          IconContext,\n          { className: clsx(styles.icon, classNames?.icon), size: 'large' },\n        ],\n        [\n          HeadingContext,\n          { className: clsx(styles.title, classNames?.title), level: 2 },\n        ],\n        [\n          TextContext,\n          { className: clsx(styles.subtitle, classNames?.subtitle) },\n        ],\n      ]}\n    >\n      <Header\n        {...rest}\n        ref={ref}\n        className={clsx('group/hero', styles.hero, classNames?.hero)}\n        data-layout={compact ? 'grid' : 'stack'}\n      >\n        {children}\n      </Header>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,SAAgB,KAAK,EAAE,KAAK,GAAG,SAAoB;AACjD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,YAAY;CAE/D,MAAM,EAAE,UAAU,YAAY,SAAS,GAAG,SAAS;AAEnD,QACE,oBAAC;EACC,QAAQ;GACN,CACE,aACA;IAAE,WAAW,KAAK,OAAO,MAAM,YAAY,KAAK;IAAE,MAAM;IAAS,CAClE;GACD,CACE,gBACA;IAAE,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;IAAE,OAAO;IAAG,CAC/D;GACD,CACE,aACA,EAAE,WAAW,KAAK,OAAO,UAAU,YAAY,SAAS,EAAE,CAC3D;GACF;YAED,oBAAC;GACC,GAAI;GACC;GACL,WAAW,KAAK,cAAc,OAAO,MAAM,YAAY,KAAK;GAC5D,eAAa,UAAU,SAAS;GAE/B;IACM;GACA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/hero/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Header,\n  HeadingContext,\n  Provider,\n  TextContext,\n  useContextProps,\n} from 'react-aria-components';\nimport { IconContext } from '../icon/context';\nimport { HeroContext } from './context';\nimport styles from './styles.module.css';\nimport type { HeroProps } from './types';\n\n/**\n * A versatile hero component that displays an icon alongside primary and secondary content.\n * Automatically organizes child components by type and supports both stacked and grid layouts.\n *\n * @param props - {@link HeroProps}\n * @param props.ref - Ref to the header element.\n * @param props.children - Child components (Icon, HeroTitle, HeroSubtitle).\n * @param props.classNames - Class names for Hero sub-elements.\n * @param props.compact - Whether to use compact grid layout.\n * @returns The rendered Hero component.\n *\n * @example\n * ```tsx\n * // Basic hero with icon and content\n * <Hero>\n *   <Icon><Placeholder /></Icon>\n *   <HeroTitle>Primary Title</HeroTitle>\n *   <HeroSubtitle>Secondary information</HeroSubtitle>\n * </Hero>\n *\n * // Grid layout for compact display\n * <Hero compact>\n *   <Icon><Settings /></Icon>\n *   <HeroTitle>Settings</HeroTitle>\n *   <HeroSubtitle>Configure your preferences</HeroSubtitle>\n * </Hero>\n * ```\n *\n * ## Child Component Behavior\n * - **Icon**: Only one allowed\n * - **HeroTitle**: Only one allowed\n * - **HeroSubtitle**: Any number allowed as secondary content\n *\n * ## Layout Modes\n * - **Stack** (default): Vertical layout with larger icon and stacked content\n * - **Grid** (compact=true): Horizontal layout with smaller icon beside content\n */\nexport function Hero({ ref, ...props }: HeroProps) {\n  [props, ref] = useContextProps(props, ref ?? null, HeroContext);\n\n  const { children, classNames, compact, ...rest } = props;\n\n  return (\n    <Provider\n      values={[\n        [\n          IconContext,\n          { className: clsx(styles.icon, classNames?.icon), size: 'large' },\n        ],\n        [\n          HeadingContext,\n          { className: clsx(styles.title, classNames?.title), level: 2 },\n        ],\n        [\n          TextContext,\n          { className: clsx(styles.subtitle, classNames?.subtitle) },\n        ],\n      ]}\n    >\n      <Header\n        {...rest}\n        ref={ref}\n        className={clsx('group/hero', styles.hero, classNames?.hero)}\n        data-layout={compact ? 'grid' : 'stack'}\n      >\n        {children}\n      </Header>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,SAAgB,KAAK,EAAE,KAAK,GAAG,SAAoB;AACjD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,YAAY;CAE/D,MAAM,EAAE,UAAU,YAAY,SAAS,GAAG,SAAS;AAEnD,QACE,oBAAC;EACC,QAAQ;GACN,CACE,aACA;IAAE,WAAW,KAAK,OAAO,MAAM,YAAY,KAAK;IAAE,MAAM;IAAS,CAClE;GACD,CACE,gBACA;IAAE,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;IAAE,OAAO;IAAG,CAC/D;GACD,CACE,aACA,EAAE,WAAW,KAAK,OAAO,UAAU,YAAY,SAAS,EAAE,CAC3D;GACF;YAED,oBAAC;GACC,GAAI;GACC;GACL,WAAW,KAAK,cAAc,OAAO,MAAM,YAAY,KAAK;GAC5D,eAAa,UAAU,SAAS;GAE/B;IACM;GACA"}

package/dist/components/hero/styles.module.css

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

package/dist/components/hero/subtitle.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react9 from "react";
+import * as react15 from "react";
 import * as react_aria_components0 from "react-aria-components";
 
 //#region src/components/hero/subtitle.d.ts
@@ -30,7 +30,7 @@ import * as react_aria_components0 from "react-aria-components";
  * </Hero>
  * ```
  */
-declare const HeroSubtitle: react9.ForwardRefExoticComponent<react_aria_components0.TextProps & react9.RefAttributes<HTMLElement>>;
+declare const HeroSubtitle: react15.ForwardRefExoticComponent<react_aria_components0.TextProps & react15.RefAttributes<HTMLElement>>;
 //#endregion
 export { HeroSubtitle };
 //# sourceMappingURL=subtitle.d.ts.map

package/dist/components/hero/subtitle.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

package/dist/components/hero/subtitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"subtitle.js","names":[],"sources":["../../../src/components/hero/subtitle.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { Text } from 'react-aria-components';\n\n/**\n * HeroSubtitle - Secondary text content for the Hero component.\n *\n * Zero or more allowed per Hero for displaying additional metadata.\n *\n * @example\n * ```tsx\n * <Hero>\n *   <Icon><User /></Icon>\n *   <HeroTitle>John Doe</HeroTitle>\n *   <HeroSubtitle>Software Engineer</HeroSubtitle>\n *   <HeroSubtitle>San Francisco, CA</HeroSubtitle>\n * </Hero>\n * ```\n */\nexport const HeroSubtitle = Text;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,eAAe"}
+{"version":3,"file":"subtitle.js","names":[],"sources":["../../../src/components/hero/subtitle.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { Text } from 'react-aria-components';\n\n/**\n * HeroSubtitle - Secondary text content for the Hero component.\n *\n * Zero or more allowed per Hero for displaying additional metadata.\n *\n * @example\n * ```tsx\n * <Hero>\n *   <Icon><User /></Icon>\n *   <HeroTitle>John Doe</HeroTitle>\n *   <HeroSubtitle>Software Engineer</HeroSubtitle>\n *   <HeroSubtitle>San Francisco, CA</HeroSubtitle>\n * </Hero>\n * ```\n */\nexport const HeroSubtitle = Text;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,eAAe"}

package/dist/components/hero/title.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react11 from "react";
+import * as react19 from "react";
 import * as react_aria_components0 from "react-aria-components";
 
 //#region src/components/hero/title.d.ts
@@ -28,7 +28,7 @@ import * as react_aria_components0 from "react-aria-components";
  * </Hero>
  * ```
  */
-declare const HeroTitle: react11.ForwardRefExoticComponent<react_aria_components0.HeadingProps & react11.RefAttributes<HTMLHeadingElement>>;
+declare const HeroTitle: react19.ForwardRefExoticComponent<react_aria_components0.HeadingProps & react19.RefAttributes<HTMLHeadingElement>>;
 //#endregion
 export { HeroTitle };
 //# sourceMappingURL=title.d.ts.map

package/dist/components/hero/title.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

package/dist/components/hero/title.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.js","names":[],"sources":["../../../src/components/hero/title.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { Heading } from 'react-aria-components';\n\n/**\n * HeroTitle - Primary heading for the Hero component.\n *\n * Renders as an `<h2>` element. Exactly one required per Hero.\n *\n * @example\n * ```tsx\n * <Hero>\n *   <Icon><Placeholder /></Icon>\n *   <HeroTitle>Primary Title</HeroTitle>\n * </Hero>\n * ```\n */\nexport const HeroTitle = Heading;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAa,YAAY"}
+{"version":3,"file":"title.js","names":[],"sources":["../../../src/components/hero/title.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { Heading } from 'react-aria-components';\n\n/**\n * HeroTitle - Primary heading for the Hero component.\n *\n * Renders as an `<h2>` element. Exactly one required per Hero.\n *\n * @example\n * ```tsx\n * <Hero>\n *   <Icon><Placeholder /></Icon>\n *   <HeroTitle>Primary Title</HeroTitle>\n * </Hero>\n * ```\n */\nexport const HeroTitle = Heading;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAa,YAAY"}

package/dist/components/hero/types.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

package/dist/components/hero/types.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

package/dist/components/hotkey/context.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -13,15 +13,15 @@
 import { ProviderProps } from "../../lib/types.js";
 import { HotkeyProps } from "./types.js";
 import "client-only";
-import * as react13 from "react";
+import * as react21 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime34 from "react/jsx-runtime";
+import * as react_jsx_runtime55 from "react/jsx-runtime";
 
 //#region src/components/hotkey/context.d.ts
 /**
  * Context for sharing Hotkey props across component tree.
  */
-declare const HotkeyContext: react13.Context<ContextValue<HotkeyProps, HTMLElement>>;
+declare const HotkeyContext: react21.Context<ContextValue<HotkeyProps, HTMLElement>>;
 /**
  * HotkeyProvider - Context provider for setting default Hotkey props.
  *
@@ -42,7 +42,7 @@ declare const HotkeyContext: react13.Context<ContextValue<HotkeyProps, HTMLEleme
 declare function HotkeyProvider({
   children,
   ...props
-}: ProviderProps<HotkeyProps>): react_jsx_runtime34.JSX.Element;
+}: ProviderProps<HotkeyProps>): react_jsx_runtime55.JSX.Element;
 //#endregion
 export { HotkeyContext, HotkeyProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/hotkey/context.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

package/dist/components/hotkey/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/hotkey/context.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { HotkeyProps } from './types';\n\n/**\n * Context for sharing Hotkey props across component tree.\n */\nexport const HotkeyContext =\n  createContext<ContextValue<HotkeyProps, HTMLElement>>(null);\n\n/**\n * HotkeyProvider - Context provider for setting default Hotkey props.\n *\n * Use this to configure shared variant across multiple Hotkey components.\n *\n * @param props - ProviderProps<HotkeyProps>\n * @param props.children - Child components to receive context.\n * @returns The rendered HotkeyProvider component.\n *\n * @example\n * ```tsx\n * <HotkeyProvider variant=\"flat\">\n *   <Hotkey>Ctrl</Hotkey>\n *   <Hotkey>C</Hotkey>\n * </HotkeyProvider>\n * ```\n */\nexport function HotkeyProvider({\n  children,\n  ...props\n}: ProviderProps<HotkeyProps>) {\n  return (\n    <HotkeyContext.Provider value={props}>{children}</HotkeyContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAa,gBACX,cAAsD,KAAK;;;;;;;;;;;;;;;;;;AAmB7D,SAAgB,eAAe,EAC7B,UACA,GAAG,SAC0B;AAC7B,QACE,oBAAC,cAAc;EAAS,OAAO;EAAQ;GAAkC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/hotkey/context.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { HotkeyProps } from './types';\n\n/**\n * Context for sharing Hotkey props across component tree.\n */\nexport const HotkeyContext =\n  createContext<ContextValue<HotkeyProps, HTMLElement>>(null);\n\n/**\n * HotkeyProvider - Context provider for setting default Hotkey props.\n *\n * Use this to configure shared variant across multiple Hotkey components.\n *\n * @param props - ProviderProps<HotkeyProps>\n * @param props.children - Child components to receive context.\n * @returns The rendered HotkeyProvider component.\n *\n * @example\n * ```tsx\n * <HotkeyProvider variant=\"flat\">\n *   <Hotkey>Ctrl</Hotkey>\n *   <Hotkey>C</Hotkey>\n * </HotkeyProvider>\n * ```\n */\nexport function HotkeyProvider({\n  children,\n  ...props\n}: ProviderProps<HotkeyProps>) {\n  return (\n    <HotkeyContext.Provider value={props}>{children}</HotkeyContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAa,gBACX,cAAsD,KAAK;;;;;;;;;;;;;;;;;;AAmB7D,SAAgB,eAAe,EAC7B,UACA,GAAG,SAC0B;AAC7B,QACE,oBAAC,cAAc;EAAS,OAAO;EAAQ;GAAkC"}