@accelint/design-toolkit 9.12.0 → 10.0.0

package/dist/components/drawer/content.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime34 from "react/jsx-runtime";
+import * as react_jsx_runtime59 from "react/jsx-runtime";
 
 //#region src/components/drawer/content.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime34 from "react/jsx-runtime";
 declare function DrawerContent({
   className,
   ...rest
-}: ComponentPropsWithRef<'div'>): react_jsx_runtime34.JSX.Element;
+}: ComponentPropsWithRef<'div'>): react_jsx_runtime59.JSX.Element;
 //#endregion
 export { DrawerContent };
 //# sourceMappingURL=content.d.ts.map

package/dist/components/drawer/footer.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime62 from "react/jsx-runtime";
 
 //#region src/components/drawer/footer.d.ts
 
@@ -39,7 +39,7 @@ import * as react_jsx_runtime39 from "react/jsx-runtime";
 declare function DrawerFooter({
   className,
   ...rest
-}: ComponentPropsWithRef<'footer'>): react_jsx_runtime39.JSX.Element;
+}: ComponentPropsWithRef<'footer'>): react_jsx_runtime62.JSX.Element;
 //#endregion
 export { DrawerFooter };
 //# sourceMappingURL=footer.d.ts.map

package/dist/components/drawer/header-title.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { DrawerTitleProps } from "./types.js";
-import * as react_jsx_runtime40 from "react/jsx-runtime";
+import * as react_jsx_runtime64 from "react/jsx-runtime";
 
 //#region src/components/drawer/header-title.d.ts
 
@@ -41,7 +41,7 @@ declare function DrawerHeaderTitle({
   className,
   level,
   ...rest
-}: DrawerTitleProps): react_jsx_runtime40.JSX.Element;
+}: DrawerTitleProps): react_jsx_runtime64.JSX.Element;
 //#endregion
 export { DrawerHeaderTitle };
 //# sourceMappingURL=header-title.d.ts.map

package/dist/components/drawer/header.d.ts

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime42 from "react/jsx-runtime";
+import * as react_jsx_runtime66 from "react/jsx-runtime";
 
 //#region src/components/drawer/header.d.ts
 
@@ -52,7 +52,7 @@ declare function DrawerHeader({
   title,
   children,
   ...rest
-}: ComponentPropsWithRef<'header'>): react_jsx_runtime42.JSX.Element;
+}: ComponentPropsWithRef<'header'>): react_jsx_runtime66.JSX.Element;
 //#endregion
 export { DrawerHeader };
 //# sourceMappingURL=header.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { DrawerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime68 from "react/jsx-runtime";
 
 //#region src/components/drawer/index.d.ts
 
@@ -63,7 +63,7 @@ declare function Drawer({
   size,
   onChange,
   ...rest
-}: DrawerProps): react_jsx_runtime43.JSX.Element;
+}: DrawerProps): react_jsx_runtime68.JSX.Element;
 //#endregion
 export { Drawer };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/drawer/layout-main.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime70 from "react/jsx-runtime";
 
 //#region src/components/drawer/layout-main.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime44 from "react/jsx-runtime";
 declare function DrawerLayoutMain({
   className,
   ...rest
-}: ComponentPropsWithRef<'main'>): react_jsx_runtime44.JSX.Element;
+}: ComponentPropsWithRef<'main'>): react_jsx_runtime70.JSX.Element;
 //#endregion
 export { DrawerLayoutMain };
 //# sourceMappingURL=layout-main.d.ts.map

package/dist/components/drawer/layout.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { DrawerLayoutProps } from "./types.js";
-import * as react_jsx_runtime114 from "react/jsx-runtime";
+import * as react_jsx_runtime71 from "react/jsx-runtime";
 
 //#region src/components/drawer/layout.d.ts
 
@@ -42,7 +42,7 @@ declare function DrawerLayout({
   extend,
   push,
   ...rest
-}: DrawerLayoutProps): react_jsx_runtime114.JSX.Element;
+}: DrawerLayoutProps): react_jsx_runtime71.JSX.Element;
 //#endregion
 export { DrawerLayout };
 //# sourceMappingURL=layout.d.ts.map

package/dist/components/drawer/menu-item.d.ts

@@ -12,7 +12,7 @@
 
 import { DrawerMenuItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime135 from "react/jsx-runtime";
+import * as react_jsx_runtime72 from "react/jsx-runtime";
 
 //#region src/components/drawer/menu-item.d.ts
 
@@ -45,7 +45,7 @@ declare function DrawerMenuItem({
   toggle,
   textValue,
   ...rest
-}: DrawerMenuItemProps): react_jsx_runtime135.JSX.Element | null;
+}: DrawerMenuItemProps): react_jsx_runtime72.JSX.Element | null;
 //#endregion
 export { DrawerMenuItem };
 //# sourceMappingURL=menu-item.d.ts.map

package/dist/components/drawer/menu.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { DrawerMenuProps } from "./types.js";
-import * as react_jsx_runtime130 from "react/jsx-runtime";
+import * as react_jsx_runtime74 from "react/jsx-runtime";
 
 //#region src/components/drawer/menu.d.ts
 
@@ -39,7 +39,7 @@ declare function DrawerMenu({
   position,
   children,
   ...rest
-}: DrawerMenuProps): react_jsx_runtime130.JSX.Element;
+}: DrawerMenuProps): react_jsx_runtime74.JSX.Element;
 //#endregion
 export { DrawerMenu };
 //# sourceMappingURL=menu.d.ts.map

package/dist/components/drawer/panel.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime132 from "react/jsx-runtime";
+import * as react_jsx_runtime76 from "react/jsx-runtime";
 
 //#region src/components/drawer/panel.d.ts
 
@@ -36,7 +36,7 @@ import * as react_jsx_runtime132 from "react/jsx-runtime";
 declare function DrawerPanel({
   className,
   ...rest
-}: ComponentPropsWithRef<'div'>): react_jsx_runtime132.JSX.Element;
+}: ComponentPropsWithRef<'div'>): react_jsx_runtime76.JSX.Element;
 //#endregion
 export { DrawerPanel };
 //# sourceMappingURL=panel.d.ts.map

package/dist/components/drawer/trigger.d.ts

@@ -12,7 +12,7 @@
 
 import { DrawerTriggerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime133 from "react/jsx-runtime";
+import * as react_jsx_runtime78 from "react/jsx-runtime";
 
 //#region src/components/drawer/trigger.d.ts
 
@@ -47,7 +47,7 @@ import * as react_jsx_runtime133 from "react/jsx-runtime";
 declare function DrawerTrigger({
   for: events,
   ...rest
-}: DrawerTriggerProps): react_jsx_runtime133.JSX.Element;
+}: DrawerTriggerProps): react_jsx_runtime78.JSX.Element;
 //#endregion
 export { DrawerTrigger };
 //# sourceMappingURL=trigger.d.ts.map

package/dist/components/drawer/view.d.ts

@@ -13,7 +13,7 @@
 import { ViewStackViewProps } from "../view-stack/types.js";
 import "client-only";
 import { ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime58 from "react/jsx-runtime";
+import * as react_jsx_runtime85 from "react/jsx-runtime";
 
 //#region src/components/drawer/view.d.ts
 
@@ -44,7 +44,7 @@ declare function DrawerView({
   children,
   className,
   ...rest
-}: ViewStackViewProps & ComponentPropsWithRef<'div'>): react_jsx_runtime58.JSX.Element;
+}: ViewStackViewProps & ComponentPropsWithRef<'div'>): react_jsx_runtime85.JSX.Element;
 //#endregion
 export { DrawerView };
 //# sourceMappingURL=view.d.ts.map

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

@@ -12,14 +12,14 @@
 
 import { FlashcardComponentProps, FlashcardDetailsListProps, FlashcardProps } from "./types.js";
 import "client-only";
-import * as react13 from "react";
-import * as react_jsx_runtime60 from "react/jsx-runtime";
+import * as react15 from "react";
+import * as react_jsx_runtime90 from "react/jsx-runtime";
 
 //#region src/components/flashcard/index.d.ts
 /**
  * Context for sharing Flashcard state across child components.
  */
-declare const FlashcardContext: react13.Context<FlashcardProps>;
+declare const FlashcardContext: react15.Context<FlashcardProps>;
 /**
  * Flashcard - A quick visual identifier for map entity data.
  *
@@ -46,7 +46,7 @@ declare const FlashcardContext: react13.Context<FlashcardProps>;
  * </Flashcard>
  * ```
  */
-declare function Flashcard(props: FlashcardProps): react_jsx_runtime60.JSX.Element;
+declare function Flashcard(props: FlashcardProps): react_jsx_runtime90.JSX.Element;
 declare namespace Flashcard {
   var displayName: string;
 }
@@ -68,7 +68,7 @@ declare namespace Flashcard {
  * </Flashcard>
  * ```
  */
-declare function FlashcardHero(props: FlashcardComponentProps): react_jsx_runtime60.JSX.Element;
+declare function FlashcardHero(props: FlashcardComponentProps): react_jsx_runtime90.JSX.Element;
 declare namespace FlashcardHero {
   var displayName: string;
 }
@@ -92,7 +92,7 @@ declare namespace FlashcardHero {
  * </Flashcard>
  * ```
  */
-declare function FlashcardAdditionalData(props: FlashcardComponentProps): react_jsx_runtime60.JSX.Element | null;
+declare function FlashcardAdditionalData(props: FlashcardComponentProps): react_jsx_runtime90.JSX.Element | null;
 declare namespace FlashcardAdditionalData {
   var displayName: string;
 }
@@ -119,7 +119,7 @@ declare namespace FlashcardAdditionalData {
  * </Flashcard>
  * ```
  */
-declare function FlashcardDetailsList(props: FlashcardDetailsListProps): react_jsx_runtime60.JSX.Element;
+declare function FlashcardDetailsList(props: FlashcardDetailsListProps): react_jsx_runtime90.JSX.Element;
 declare namespace FlashcardDetailsList {
   var displayName: string;
 }
@@ -141,7 +141,7 @@ declare namespace FlashcardDetailsList {
  * </FlashcardDetailsList>
  * ```
  */
-declare function FlashcardDetailsLabel(props: FlashcardComponentProps): react_jsx_runtime60.JSX.Element;
+declare function FlashcardDetailsLabel(props: FlashcardComponentProps): react_jsx_runtime90.JSX.Element;
 declare namespace FlashcardDetailsLabel {
   var displayName: string;
 }
@@ -163,7 +163,7 @@ declare namespace FlashcardDetailsLabel {
  * </FlashcardDetailsList>
  * ```
  */
-declare function FlashcardDetailsValue(props: FlashcardComponentProps): react_jsx_runtime60.JSX.Element;
+declare function FlashcardDetailsValue(props: FlashcardComponentProps): react_jsx_runtime90.JSX.Element;
 declare namespace FlashcardDetailsValue {
   var displayName: string;
 }

package/dist/components/flashcard/index.js

@@ -99,7 +99,7 @@ function FlashcardHero(props) {
 	const { isLoading, header, subheader } = useContext(FlashcardContext);
 	if (isLoading) return /* @__PURE__ */ jsxs("div", {
 		...rest,
-		className: clsx(styles.hero, className, "gap-s"),
+		className: clsx(styles.loading, className),
 		children: [/* @__PURE__ */ jsx(Skeleton, {
 			className: styles.skeleton,
 			"data-testid": "hero-skeleton"

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/flashcard/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\n'use client';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport 'client-only';\nimport { createContext, useContext } from 'react';\nimport { Heading } from 'react-aria-components/Heading';\nimport { Text } from 'react-aria-components/Text';\nimport { DetailsList } from '../details-list';\nimport { DetailsListLabel } from '../details-list/label';\nimport { DetailsListValue } from '../details-list/value';\nimport { Skeleton } from '../skeleton';\nimport styles from './styles.module.css';\nimport type {\n  FlashcardComponentProps,\n  FlashcardDetailsListProps,\n  FlashcardProps,\n} from './types';\n\n/**\n * Context for sharing Flashcard state across child components.\n */\nexport const FlashcardContext = createContext<FlashcardProps>({\n  isLoading: false,\n  header: '',\n  subheader: '',\n});\n\n/**\n * Flashcard - A quick visual identifier for map entity data.\n *\n * Container component that provides loading state and header/subheader\n * to child components via context.\n *\n * @param props - {@link FlashcardProps}\n * @param props.isLoading - Whether the flashcard is in a loading state.\n * @param props.header - Primary header text.\n * @param props.subheader - Secondary text below the header.\n * @param props.children - Child components to render.\n * @param props.className - Optional CSS class name.\n * @returns The rendered Flashcard component.\n *\n * @example\n * ```tsx\n * <Flashcard isLoading={false} header=\"Identifier\" subheader=\"DATA\">\n *   <FlashcardHero />\n *   <FlashcardAdditionalData>Secondary info</FlashcardAdditionalData>\n *   <FlashcardDetailsList>\n *     <FlashcardDetailsLabel>Status</FlashcardDetailsLabel>\n *     <FlashcardDetailsValue>Active</FlashcardDetailsValue>\n *   </FlashcardDetailsList>\n * </Flashcard>\n * ```\n */\nexport function Flashcard(props: FlashcardProps) {\n  const { isLoading, header, subheader, children, className, ...rest } = props;\n\n  return (\n    <FlashcardContext.Provider value={{ isLoading, header, subheader }}>\n      <div {...rest} className={clsx(styles.container, className)}>\n        {children}\n      </div>\n    </FlashcardContext.Provider>\n  );\n}\nFlashcard.displayName = 'Flashcard';\n\n/**\n * FlashcardHero - Upper section displaying header and subheader.\n *\n * Reads header and subheader from Flashcard context. Shows skeleton\n * placeholders when the parent Flashcard has isLoading=true.\n *\n * @param props - {@link FlashcardComponentProps}\n * @param props.children - Optional child content.\n * @param props.className - Optional CSS class name.\n * @returns The rendered FlashcardHero component.\n *\n * @example\n * ```tsx\n * <Flashcard header=\"Entity Name\" subheader=\"Type\">\n *   <FlashcardHero />\n * </Flashcard>\n * ```\n */\nexport function FlashcardHero(props: FlashcardComponentProps) {\n  const { children, className, ...rest } = props;\n  const { isLoading, header, subheader } = useContext(FlashcardContext);\n\n  if (isLoading) {\n    return (\n      <div {...rest} className={clsx(styles.hero, className, 'gap-s')}>\n        <Skeleton className={styles.skeleton} data-testid='hero-skeleton' />\n        <Skeleton className={clsx(styles.skeleton, styles.half)} />\n      </div>\n    );\n  }\n\n  return (\n    <div {...rest} className={clsx(styles.hero, className)}>\n      <FlashcardHeader className={styles.header}>{header}</FlashcardHeader>\n      <FlashcardSubheader className={styles.subheader}>\n        {subheader}\n      </FlashcardSubheader>\n    </div>\n  );\n}\nFlashcardHero.displayName = 'FlashcardHero';\n\nconst FlashcardHeader = Heading;\nconst FlashcardSubheader = Text;\n\n/**\n * FlashcardAdditionalData - Secondary data section below the hero.\n *\n * Hidden when the parent Flashcard has isLoading=true.\n *\n * @param props - {@link FlashcardComponentProps}\n * @param props.children - Content to display in the section.\n * @param props.className - Optional CSS class name.\n * @returns The rendered FlashcardAdditionalData component, or null if loading.\n *\n * @example\n * ```tsx\n * <Flashcard header=\"Entity\" subheader=\"Data\">\n *   <FlashcardHero />\n *   <FlashcardAdditionalData>\n *     Last updated: 2024-01-15\n *   </FlashcardAdditionalData>\n * </Flashcard>\n * ```\n */\nexport function FlashcardAdditionalData(props: FlashcardComponentProps) {\n  const { children, className, ...rest } = props;\n  const { isLoading } = useContext(FlashcardContext);\n\n  // While loading, don't display.\n  if (isLoading) {\n    return null;\n  }\n\n  return (\n    <div {...rest} className={clsx(styles.data, className)}>\n      {children}\n    </div>\n  );\n}\nFlashcardAdditionalData.displayName = 'FlashcardAdditionalData';\n\n/**\n * FlashcardDetailsList - Wrapper for key-value detail pairs.\n *\n * Wraps DetailsList with justify alignment for flashcard styling.\n *\n * @param props - {@link FlashcardDetailsListProps}\n * @param props.children - FlashcardDetailsLabel and FlashcardDetailsValue pairs.\n * @param props.className - Optional CSS class name.\n * @returns The rendered FlashcardDetailsList component.\n *\n * @example\n * ```tsx\n * <Flashcard header=\"Aircraft\" subheader=\"Entity\">\n *   <FlashcardHero />\n *   <FlashcardDetailsList>\n *     <FlashcardDetailsLabel>Status</FlashcardDetailsLabel>\n *     <FlashcardDetailsValue>Active</FlashcardDetailsValue>\n *     <FlashcardDetailsLabel>Speed</FlashcardDetailsLabel>\n *     <FlashcardDetailsValue>450 kts</FlashcardDetailsValue>\n *   </FlashcardDetailsList>\n * </Flashcard>\n * ```\n */\nexport function FlashcardDetailsList(props: FlashcardDetailsListProps) {\n  const { children, className, ...rest } = props;\n  return (\n    <DetailsList\n      {...rest}\n      align='justify'\n      classNames={{ list: clsx(styles['details-list'], className) }}\n    >\n      {children}\n    </DetailsList>\n  );\n}\nFlashcardDetailsList.displayName = 'FlashcardDetailsList';\n\n/**\n * FlashcardDetailsLabel - Label for detail items.\n *\n * Shows skeleton placeholder when the parent Flashcard has isLoading=true.\n *\n * @param props - {@link FlashcardComponentProps}\n * @param props.children - Label text content.\n * @param props.className - Optional CSS class name.\n * @returns The rendered FlashcardDetailsLabel component.\n *\n * @example\n * ```tsx\n * <FlashcardDetailsList>\n *   <FlashcardDetailsLabel>Status</FlashcardDetailsLabel>\n *   <FlashcardDetailsValue>Active</FlashcardDetailsValue>\n * </FlashcardDetailsList>\n * ```\n */\nexport function FlashcardDetailsLabel(props: FlashcardComponentProps) {\n  const { isLoading } = useContext(FlashcardContext);\n  const { className, children, ...rest } = props;\n  return (\n    <DetailsListLabel\n      {...rest}\n      className={clsx(styles['details-label'], className)}\n    >\n      {isLoading ? (\n        <Skeleton className={clsx(styles.skeleton, styles.smaller)} />\n      ) : (\n        children\n      )}\n    </DetailsListLabel>\n  );\n}\nFlashcardDetailsLabel.displayName = 'FlashcardDetailsLabel';\n\n/**\n * FlashcardDetailsValue - Value for detail items.\n *\n * Shows skeleton placeholder when the parent Flashcard has isLoading=true.\n *\n * @param props - {@link FlashcardComponentProps}\n * @param props.children - Value text content.\n * @param props.className - Optional CSS class name.\n * @returns The rendered FlashcardDetailsValue component.\n *\n * @example\n * ```tsx\n * <FlashcardDetailsList>\n *   <FlashcardDetailsLabel>Type</FlashcardDetailsLabel>\n *   <FlashcardDetailsValue>Aircraft</FlashcardDetailsValue>\n * </FlashcardDetailsList>\n * ```\n */\nexport function FlashcardDetailsValue(props: FlashcardComponentProps) {\n  const { isLoading } = useContext(FlashcardContext);\n  const { className, children, ...rest } = props;\n  return (\n    <DetailsListValue\n      {...rest}\n      className={clsx(styles['details-value'], className)}\n    >\n      {isLoading ? (\n        <Skeleton className={clsx(styles.skeleton, styles.smaller)} />\n      ) : (\n        children\n      )}\n    </DetailsListValue>\n  );\n}\nFlashcardDetailsValue.displayName = 'FlashcardDetailsValue';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,mBAAmB,cAA8B;CAC5D,WAAW;CACX,QAAQ;CACR,WAAW;CACZ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BF,SAAgB,UAAU,OAAuB;CAC/C,MAAM,EAAE,WAAW,QAAQ,WAAW,UAAU,WAAW,GAAG,SAAS;AAEvE,QACE,oBAAC,iBAAiB;EAAS,OAAO;GAAE;GAAW;GAAQ;GAAW;YAChE,oBAAC;GAAI,GAAI;GAAM,WAAW,KAAK,OAAO,WAAW,UAAU;GACxD;IACG;GACoB;;AAGhC,UAAU,cAAc;;;;;;;;;;;;;;;;;;;AAoBxB,SAAgB,cAAc,OAAgC;CAC5D,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,WAAW,QAAQ,cAAc,WAAW,iBAAiB;AAErE,KAAI,UACF,QACE,qBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,MAAM,WAAW,QAAQ;aAC7D,oBAAC;GAAS,WAAW,OAAO;GAAU,eAAY;IAAkB,EACpE,oBAAC,YAAS,WAAW,KAAK,OAAO,UAAU,OAAO,KAAK,GAAI;GACvD;AAIV,QACE,qBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,MAAM,UAAU;aACpD,oBAAC;GAAgB,WAAW,OAAO;aAAS;IAAyB,EACrE,oBAAC;GAAmB,WAAW,OAAO;aACnC;IACkB;GACjB;;AAGV,cAAc,cAAc;AAE5B,MAAM,kBAAkB;AACxB,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;AAsB3B,SAAgB,wBAAwB,OAAgC;CACtE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,cAAc,WAAW,iBAAiB;AAGlD,KAAI,UACF,QAAO;AAGT,QACE,oBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,MAAM,UAAU;EACnD;GACG;;AAGV,wBAAwB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;AAyBtC,SAAgB,qBAAqB,OAAkC;CACrE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AACzC,QACE,oBAAC;EACC,GAAI;EACJ,OAAM;EACN,YAAY,EAAE,MAAM,KAAK,OAAO,iBAAiB,UAAU,EAAE;EAE5D;GACW;;AAGlB,qBAAqB,cAAc;;;;;;;;;;;;;;;;;;;AAoBnC,SAAgB,sBAAsB,OAAgC;CACpE,MAAM,EAAE,cAAc,WAAW,iBAAiB;CAClD,MAAM,EAAE,WAAW,UAAU,GAAG,SAAS;AACzC,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,KAAK,OAAO,kBAAkB,UAAU;YAElD,YACC,oBAAC,YAAS,WAAW,KAAK,OAAO,UAAU,OAAO,QAAQ,GAAI,GAE9D;GAEe;;AAGvB,sBAAsB,cAAc;;;;;;;;;;;;;;;;;;;AAoBpC,SAAgB,sBAAsB,OAAgC;CACpE,MAAM,EAAE,cAAc,WAAW,iBAAiB;CAClD,MAAM,EAAE,WAAW,UAAU,GAAG,SAAS;AACzC,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,KAAK,OAAO,kBAAkB,UAAU;YAElD,YACC,oBAAC,YAAS,WAAW,KAAK,OAAO,UAAU,OAAO,QAAQ,GAAI,GAE9D;GAEe;;AAGvB,sBAAsB,cAAc"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/flashcard/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\n'use client';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport 'client-only';\nimport { createContext, useContext } from 'react';\nimport { Heading } from 'react-aria-components/Heading';\nimport { Text } from 'react-aria-components/Text';\nimport { DetailsList } from '../details-list';\nimport { DetailsListLabel } from '../details-list/label';\nimport { DetailsListValue } from '../details-list/value';\nimport { Skeleton } from '../skeleton';\nimport styles from './styles.module.css';\nimport type {\n  FlashcardComponentProps,\n  FlashcardDetailsListProps,\n  FlashcardProps,\n} from './types';\n\n/**\n * Context for sharing Flashcard state across child components.\n */\nexport const FlashcardContext = createContext<FlashcardProps>({\n  isLoading: false,\n  header: '',\n  subheader: '',\n});\n\n/**\n * Flashcard - A quick visual identifier for map entity data.\n *\n * Container component that provides loading state and header/subheader\n * to child components via context.\n *\n * @param props - {@link FlashcardProps}\n * @param props.isLoading - Whether the flashcard is in a loading state.\n * @param props.header - Primary header text.\n * @param props.subheader - Secondary text below the header.\n * @param props.children - Child components to render.\n * @param props.className - Optional CSS class name.\n * @returns The rendered Flashcard component.\n *\n * @example\n * ```tsx\n * <Flashcard isLoading={false} header=\"Identifier\" subheader=\"DATA\">\n *   <FlashcardHero />\n *   <FlashcardAdditionalData>Secondary info</FlashcardAdditionalData>\n *   <FlashcardDetailsList>\n *     <FlashcardDetailsLabel>Status</FlashcardDetailsLabel>\n *     <FlashcardDetailsValue>Active</FlashcardDetailsValue>\n *   </FlashcardDetailsList>\n * </Flashcard>\n * ```\n */\nexport function Flashcard(props: FlashcardProps) {\n  const { isLoading, header, subheader, children, className, ...rest } = props;\n\n  return (\n    <FlashcardContext.Provider value={{ isLoading, header, subheader }}>\n      <div {...rest} className={clsx(styles.container, className)}>\n        {children}\n      </div>\n    </FlashcardContext.Provider>\n  );\n}\nFlashcard.displayName = 'Flashcard';\n\n/**\n * FlashcardHero - Upper section displaying header and subheader.\n *\n * Reads header and subheader from Flashcard context. Shows skeleton\n * placeholders when the parent Flashcard has isLoading=true.\n *\n * @param props - {@link FlashcardComponentProps}\n * @param props.children - Optional child content.\n * @param props.className - Optional CSS class name.\n * @returns The rendered FlashcardHero component.\n *\n * @example\n * ```tsx\n * <Flashcard header=\"Entity Name\" subheader=\"Type\">\n *   <FlashcardHero />\n * </Flashcard>\n * ```\n */\nexport function FlashcardHero(props: FlashcardComponentProps) {\n  const { children, className, ...rest } = props;\n  const { isLoading, header, subheader } = useContext(FlashcardContext);\n\n  if (isLoading) {\n    return (\n      <div {...rest} className={clsx(styles.loading, className)}>\n        <Skeleton className={styles.skeleton} data-testid='hero-skeleton' />\n        <Skeleton className={clsx(styles.skeleton, styles.half)} />\n      </div>\n    );\n  }\n\n  return (\n    <div {...rest} className={clsx(styles.hero, className)}>\n      <FlashcardHeader className={styles.header}>{header}</FlashcardHeader>\n      <FlashcardSubheader className={styles.subheader}>\n        {subheader}\n      </FlashcardSubheader>\n    </div>\n  );\n}\nFlashcardHero.displayName = 'FlashcardHero';\n\nconst FlashcardHeader = Heading;\nconst FlashcardSubheader = Text;\n\n/**\n * FlashcardAdditionalData - Secondary data section below the hero.\n *\n * Hidden when the parent Flashcard has isLoading=true.\n *\n * @param props - {@link FlashcardComponentProps}\n * @param props.children - Content to display in the section.\n * @param props.className - Optional CSS class name.\n * @returns The rendered FlashcardAdditionalData component, or null if loading.\n *\n * @example\n * ```tsx\n * <Flashcard header=\"Entity\" subheader=\"Data\">\n *   <FlashcardHero />\n *   <FlashcardAdditionalData>\n *     Last updated: 2024-01-15\n *   </FlashcardAdditionalData>\n * </Flashcard>\n * ```\n */\nexport function FlashcardAdditionalData(props: FlashcardComponentProps) {\n  const { children, className, ...rest } = props;\n  const { isLoading } = useContext(FlashcardContext);\n\n  // While loading, don't display.\n  if (isLoading) {\n    return null;\n  }\n\n  return (\n    <div {...rest} className={clsx(styles.data, className)}>\n      {children}\n    </div>\n  );\n}\nFlashcardAdditionalData.displayName = 'FlashcardAdditionalData';\n\n/**\n * FlashcardDetailsList - Wrapper for key-value detail pairs.\n *\n * Wraps DetailsList with justify alignment for flashcard styling.\n *\n * @param props - {@link FlashcardDetailsListProps}\n * @param props.children - FlashcardDetailsLabel and FlashcardDetailsValue pairs.\n * @param props.className - Optional CSS class name.\n * @returns The rendered FlashcardDetailsList component.\n *\n * @example\n * ```tsx\n * <Flashcard header=\"Aircraft\" subheader=\"Entity\">\n *   <FlashcardHero />\n *   <FlashcardDetailsList>\n *     <FlashcardDetailsLabel>Status</FlashcardDetailsLabel>\n *     <FlashcardDetailsValue>Active</FlashcardDetailsValue>\n *     <FlashcardDetailsLabel>Speed</FlashcardDetailsLabel>\n *     <FlashcardDetailsValue>450 kts</FlashcardDetailsValue>\n *   </FlashcardDetailsList>\n * </Flashcard>\n * ```\n */\nexport function FlashcardDetailsList(props: FlashcardDetailsListProps) {\n  const { children, className, ...rest } = props;\n  return (\n    <DetailsList\n      {...rest}\n      align='justify'\n      classNames={{ list: clsx(styles['details-list'], className) }}\n    >\n      {children}\n    </DetailsList>\n  );\n}\nFlashcardDetailsList.displayName = 'FlashcardDetailsList';\n\n/**\n * FlashcardDetailsLabel - Label for detail items.\n *\n * Shows skeleton placeholder when the parent Flashcard has isLoading=true.\n *\n * @param props - {@link FlashcardComponentProps}\n * @param props.children - Label text content.\n * @param props.className - Optional CSS class name.\n * @returns The rendered FlashcardDetailsLabel component.\n *\n * @example\n * ```tsx\n * <FlashcardDetailsList>\n *   <FlashcardDetailsLabel>Status</FlashcardDetailsLabel>\n *   <FlashcardDetailsValue>Active</FlashcardDetailsValue>\n * </FlashcardDetailsList>\n * ```\n */\nexport function FlashcardDetailsLabel(props: FlashcardComponentProps) {\n  const { isLoading } = useContext(FlashcardContext);\n  const { className, children, ...rest } = props;\n  return (\n    <DetailsListLabel\n      {...rest}\n      className={clsx(styles['details-label'], className)}\n    >\n      {isLoading ? (\n        <Skeleton className={clsx(styles.skeleton, styles.smaller)} />\n      ) : (\n        children\n      )}\n    </DetailsListLabel>\n  );\n}\nFlashcardDetailsLabel.displayName = 'FlashcardDetailsLabel';\n\n/**\n * FlashcardDetailsValue - Value for detail items.\n *\n * Shows skeleton placeholder when the parent Flashcard has isLoading=true.\n *\n * @param props - {@link FlashcardComponentProps}\n * @param props.children - Value text content.\n * @param props.className - Optional CSS class name.\n * @returns The rendered FlashcardDetailsValue component.\n *\n * @example\n * ```tsx\n * <FlashcardDetailsList>\n *   <FlashcardDetailsLabel>Type</FlashcardDetailsLabel>\n *   <FlashcardDetailsValue>Aircraft</FlashcardDetailsValue>\n * </FlashcardDetailsList>\n * ```\n */\nexport function FlashcardDetailsValue(props: FlashcardComponentProps) {\n  const { isLoading } = useContext(FlashcardContext);\n  const { className, children, ...rest } = props;\n  return (\n    <DetailsListValue\n      {...rest}\n      className={clsx(styles['details-value'], className)}\n    >\n      {isLoading ? (\n        <Skeleton className={clsx(styles.skeleton, styles.smaller)} />\n      ) : (\n        children\n      )}\n    </DetailsListValue>\n  );\n}\nFlashcardDetailsValue.displayName = 'FlashcardDetailsValue';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,mBAAmB,cAA8B;CAC5D,WAAW;CACX,QAAQ;CACR,WAAW;CACZ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BF,SAAgB,UAAU,OAAuB;CAC/C,MAAM,EAAE,WAAW,QAAQ,WAAW,UAAU,WAAW,GAAG,SAAS;AAEvE,QACE,oBAAC,iBAAiB;EAAS,OAAO;GAAE;GAAW;GAAQ;GAAW;YAChE,oBAAC;GAAI,GAAI;GAAM,WAAW,KAAK,OAAO,WAAW,UAAU;GACxD;IACG;GACoB;;AAGhC,UAAU,cAAc;;;;;;;;;;;;;;;;;;;AAoBxB,SAAgB,cAAc,OAAgC;CAC5D,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,WAAW,QAAQ,cAAc,WAAW,iBAAiB;AAErE,KAAI,UACF,QACE,qBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,SAAS,UAAU;aACvD,oBAAC;GAAS,WAAW,OAAO;GAAU,eAAY;IAAkB,EACpE,oBAAC,YAAS,WAAW,KAAK,OAAO,UAAU,OAAO,KAAK,GAAI;GACvD;AAIV,QACE,qBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,MAAM,UAAU;aACpD,oBAAC;GAAgB,WAAW,OAAO;aAAS;IAAyB,EACrE,oBAAC;GAAmB,WAAW,OAAO;aACnC;IACkB;GACjB;;AAGV,cAAc,cAAc;AAE5B,MAAM,kBAAkB;AACxB,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;AAsB3B,SAAgB,wBAAwB,OAAgC;CACtE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,cAAc,WAAW,iBAAiB;AAGlD,KAAI,UACF,QAAO;AAGT,QACE,oBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,MAAM,UAAU;EACnD;GACG;;AAGV,wBAAwB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;AAyBtC,SAAgB,qBAAqB,OAAkC;CACrE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AACzC,QACE,oBAAC;EACC,GAAI;EACJ,OAAM;EACN,YAAY,EAAE,MAAM,KAAK,OAAO,iBAAiB,UAAU,EAAE;EAE5D;GACW;;AAGlB,qBAAqB,cAAc;;;;;;;;;;;;;;;;;;;AAoBnC,SAAgB,sBAAsB,OAAgC;CACpE,MAAM,EAAE,cAAc,WAAW,iBAAiB;CAClD,MAAM,EAAE,WAAW,UAAU,GAAG,SAAS;AACzC,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,KAAK,OAAO,kBAAkB,UAAU;YAElD,YACC,oBAAC,YAAS,WAAW,KAAK,OAAO,UAAU,OAAO,QAAQ,GAAI,GAE9D;GAEe;;AAGvB,sBAAsB,cAAc;;;;;;;;;;;;;;;;;;;AAoBpC,SAAgB,sBAAsB,OAAgC;CACpE,MAAM,EAAE,cAAc,WAAW,iBAAiB;CAClD,MAAM,EAAE,WAAW,UAAU,GAAG,SAAS;AACzC,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,KAAK,OAAO,kBAAkB,UAAU;YAElD,YACC,oBAAC,YAAS,WAAW,KAAK,OAAO,UAAU,OAAO,QAAQ,GAAI,GAE9D;GAEe;;AAGvB,sBAAsB,cAAc"}

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

@@ -23,6 +23,10 @@
     @apply mb-s bg-surface-muted p-s flex flex-col;
   }
 
+  .loading {
+    @apply mb-s bg-surface-muted p-s gap-s flex flex-col;
+  }
+
   .header {
     @apply fg-primary-bold text-body-m;
   }

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

@@ -0,0 +1,26 @@
+//#region src/components/floating-card/constants.d.ts
+/** Size a card opens at when `initialDimensions` is omitted. */
+declare const DEFAULT_DIMENSIONS: {
+  readonly width: 300;
+  readonly height: 400;
+};
+/** Position a card opens at when `initialPosition` is omitted. */
+declare const DEFAULT_POSITION: {
+  readonly x: 100;
+  readonly y: 100;
+};
+/** Smallest size a card can be resized to. */
+declare const MIN_DIMENSIONS: {
+  readonly width: 150;
+  readonly height: 100;
+};
+/**
+ * Pointer travel, in pixels, before a press on the header becomes a drag.
+ * Keeps a click from nudging the card.
+ */
+declare const DRAG_THRESHOLD = 5;
+/** Stacking order the first card in a provider receives. */
+declare const BASE_Z_INDEX = 1;
+//#endregion
+export { BASE_Z_INDEX, DEFAULT_DIMENSIONS, DEFAULT_POSITION, DRAG_THRESHOLD, MIN_DIMENSIONS };
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1,40 @@
+/*
+ * 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.
+ */
+
+
+//#region src/components/floating-card/constants.ts
+/** Size a card opens at when `initialDimensions` is omitted. */
+const DEFAULT_DIMENSIONS = {
+	width: 300,
+	height: 400
+};
+/** Position a card opens at when `initialPosition` is omitted. */
+const DEFAULT_POSITION = {
+	x: 100,
+	y: 100
+};
+/** Smallest size a card can be resized to. */
+const MIN_DIMENSIONS = {
+	width: 150,
+	height: 100
+};
+/**
+* Pointer travel, in pixels, before a press on the header becomes a drag.
+* Keeps a click from nudging the card.
+*/
+const DRAG_THRESHOLD = 5;
+/** Stacking order the first card in a provider receives. */
+const BASE_Z_INDEX = 1;
+
+//#endregion
+export { BASE_Z_INDEX, DEFAULT_DIMENSIONS, DEFAULT_POSITION, DRAG_THRESHOLD, MIN_DIMENSIONS };
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../../../src/components/floating-card/constants.ts"],"sourcesContent":["// __private-exports\n/*\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/** Size a card opens at when `initialDimensions` is omitted. */\nexport const DEFAULT_DIMENSIONS = { width: 300, height: 400 } as const;\n\n/** Position a card opens at when `initialPosition` is omitted. */\nexport const DEFAULT_POSITION = { x: 100, y: 100 } as const;\n\n/** Smallest size a card can be resized to. */\nexport const MIN_DIMENSIONS = { width: 150, height: 100 } as const;\n\n/**\n * Pointer travel, in pixels, before a press on the header becomes a drag.\n * Keeps a click from nudging the card.\n */\nexport const DRAG_THRESHOLD = 5;\n\n/** Stacking order the first card in a provider receives. */\nexport const BASE_Z_INDEX = 1;\n"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAa,qBAAqB;CAAE,OAAO;CAAK,QAAQ;CAAK;;AAG7D,MAAa,mBAAmB;CAAE,GAAG;CAAK,GAAG;CAAK;;AAGlD,MAAa,iBAAiB;CAAE,OAAO;CAAK,QAAQ;CAAK;;;;;AAMzD,MAAa,iBAAiB;;AAG9B,MAAa,eAAe"}

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

@@ -10,16 +10,48 @@
  * governing permissions and limitations under the License.
  */
 
-import { FloatingCardContextValue } from "./types.js";
-import * as react7 from "react";
+import { Dimensions, FloatingCardContextValue, Position } from "./types.js";
+import * as react16 from "react";
+import { UniqueId } from "@accelint/core/utility/uuid";
 
 //#region src/components/floating-card/context.d.ts
-declare const FloatingCardContext: react7.Context<FloatingCardContextValue | null>;
+/**
+ * How a `FloatingCard` attaches itself to its provider.
+ *
+ * @remarks
+ * Internal wiring rather than application API, so it is declared here rather
+ * than alongside the public types. Every member is stable for the provider's
+ * lifetime.
+ */
+type FloatingCardRegistryValue = {
+  /** Registers a card with the provider so it renders as a panel */
+  openCard: (id: UniqueId, title: string | undefined, position: Position, dimensions: Dimensions) => void;
+  /** Registers the DOM node a card's children portal into */
+  addRef: (id: UniqueId, ref: HTMLDivElement | null) => void;
+};
+declare const FloatingCardContext: react16.Context<FloatingCardContextValue | null>;
+/**
+ * Wiring between `FloatingCard` and its provider.
+ *
+ * @remarks
+ * Deliberately separate from {@link FloatingCardContext}: registering a card is
+ * an internal detail, so it stays off the value applications consume. Its
+ * members are stable for the provider's lifetime, so reading it never causes a
+ * re-render.
+ */
+declare const FloatingCardRegistryContext: react16.Context<FloatingCardRegistryValue | null>;
+/**
+ * Reads the registration channel a `FloatingCard` uses to attach itself.
+ *
+ * @returns The provider's registration callbacks.
+ * @throws {Error} If used outside of a FloatingCardProvider.
+ */
+declare function useFloatingCardRegistry(): FloatingCardRegistryValue;
 /**
  * Hook to access floating card management functionality.
  *
- * Provides access to card registry, ref management, and programmatic control
- * over opening, closing, and pinning floating cards.
+ * Provides the card registry and programmatic control over closing and pinning
+ * floating cards.
  *
  * @returns Context value with card management methods and state.
  * @throws {Error} If used outside of a FloatingCardProvider.
@@ -39,5 +71,5 @@ declare const FloatingCardContext: react7.Context<FloatingCardContextValue | nul
  */
 declare function useFloatingCard(): FloatingCardContextValue;
 //#endregion
-export { FloatingCardContext, useFloatingCard };
+export { FloatingCardContext, FloatingCardRegistryContext, FloatingCardRegistryValue, useFloatingCard, useFloatingCardRegistry };
 //# sourceMappingURL=context.d.ts.map

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

@@ -16,10 +16,31 @@ import { createContext, useContext } from "react";
 //#region src/components/floating-card/context.tsx
 const FloatingCardContext = createContext(null);
 /**
+* Wiring between `FloatingCard` and its provider.
+*
+* @remarks
+* Deliberately separate from {@link FloatingCardContext}: registering a card is
+* an internal detail, so it stays off the value applications consume. Its
+* members are stable for the provider's lifetime, so reading it never causes a
+* re-render.
+*/
+const FloatingCardRegistryContext = createContext(null);
+/**
+* Reads the registration channel a `FloatingCard` uses to attach itself.
+*
+* @returns The provider's registration callbacks.
+* @throws {Error} If used outside of a FloatingCardProvider.
+*/
+function useFloatingCardRegistry() {
+	const context = useContext(FloatingCardRegistryContext);
+	if (!context) throw new Error("FloatingCard must be rendered within a FloatingCardProvider.");
+	return context;
+}
+/**
 * Hook to access floating card management functionality.
 *
-* Provides access to card registry, ref management, and programmatic control
-* over opening, closing, and pinning floating cards.
+* Provides the card registry and programmatic control over closing and pinning
+* floating cards.
 *
 * @returns Context value with card management methods and state.
 * @throws {Error} If used outside of a FloatingCardProvider.
@@ -44,5 +65,5 @@ function useFloatingCard() {
 }
 
 //#endregion
-export { FloatingCardContext, useFloatingCard };
+export { FloatingCardContext, FloatingCardRegistryContext, useFloatingCard, useFloatingCardRegistry };
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/floating-card/context.tsx"],"sourcesContent":["// __private-exports\n/*\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 { createContext, useContext } from 'react';\nimport type { FloatingCardContextValue } from './types';\n\nexport const FloatingCardContext =\n  createContext<FloatingCardContextValue | null>(null);\n/**\n * Hook to access floating card management functionality.\n *\n * Provides access to card registry, ref management, and programmatic control\n * over opening, closing, and pinning floating cards.\n *\n * @returns Context value with card management methods and state.\n * @throws {Error} If used outside of a FloatingCardProvider.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { closeCard, togglePinCard } = useFloatingCard();\n *\n *   return (\n *     <button onClick={() => closeCard('my-card-id' as UniqueId)}>\n *       Close Card\n *     </button>\n *   );\n * }\n * ```\n */\nexport function useFloatingCard(): FloatingCardContextValue {\n  const context = useContext(FloatingCardContext);\n  if (!context) {\n    throw new Error(\n      'useFloatingCard must be used within a FloatingCardProvider.',\n    );\n  }\n  return context;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAa,sBACX,cAA+C,KAAK;;;;;;;;;;;;;;;;;;;;;;;AAuBtD,SAAgB,kBAA4C;CAC1D,MAAM,UAAU,WAAW,oBAAoB;AAC/C,KAAI,CAAC,QACH,OAAM,IAAI,MACR,8DACD;AAEH,QAAO"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/floating-card/context.tsx"],"sourcesContent":["// __private-exports\n/*\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 { createContext, useContext } from 'react';\nimport type { UniqueId } from '@accelint/core/utility/uuid';\nimport type { Dimensions, FloatingCardContextValue, Position } from './types';\n\n/**\n * How a `FloatingCard` attaches itself to its provider.\n *\n * @remarks\n * Internal wiring rather than application API, so it is declared here rather\n * than alongside the public types. Every member is stable for the provider's\n * lifetime.\n */\nexport type FloatingCardRegistryValue = {\n  /** Registers a card with the provider so it renders as a panel */\n  openCard: (\n    id: UniqueId,\n    title: string | undefined,\n    position: Position,\n    dimensions: Dimensions,\n  ) => void;\n\n  /** Registers the DOM node a card's children portal into */\n  addRef: (id: UniqueId, ref: HTMLDivElement | null) => void;\n};\n\nexport const FloatingCardContext =\n  createContext<FloatingCardContextValue | null>(null);\n\n/**\n * Wiring between `FloatingCard` and its provider.\n *\n * @remarks\n * Deliberately separate from {@link FloatingCardContext}: registering a card is\n * an internal detail, so it stays off the value applications consume. Its\n * members are stable for the provider's lifetime, so reading it never causes a\n * re-render.\n */\nexport const FloatingCardRegistryContext =\n  createContext<FloatingCardRegistryValue | null>(null);\n\n/**\n * Reads the registration channel a `FloatingCard` uses to attach itself.\n *\n * @returns The provider's registration callbacks.\n * @throws {Error} If used outside of a FloatingCardProvider.\n */\nexport function useFloatingCardRegistry(): FloatingCardRegistryValue {\n  const context = useContext(FloatingCardRegistryContext);\n\n  if (!context) {\n    // Only FloatingCard reads this, so name that rather than the internal hook.\n    throw new Error(\n      'FloatingCard must be rendered within a FloatingCardProvider.',\n    );\n  }\n\n  return context;\n}\n\n/**\n * Hook to access floating card management functionality.\n *\n * Provides the card registry and programmatic control over closing and pinning\n * floating cards.\n *\n * @returns Context value with card management methods and state.\n * @throws {Error} If used outside of a FloatingCardProvider.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { closeCard, togglePinCard } = useFloatingCard();\n *\n *   return (\n *     <button onClick={() => closeCard('my-card-id' as UniqueId)}>\n *       Close Card\n *     </button>\n *   );\n * }\n * ```\n */\nexport function useFloatingCard(): FloatingCardContextValue {\n  const context = useContext(FloatingCardContext);\n  if (!context) {\n    throw new Error(\n      'useFloatingCard must be used within a FloatingCardProvider.',\n    );\n  }\n  return context;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAsCA,MAAa,sBACX,cAA+C,KAAK;;;;;;;;;;AAWtD,MAAa,8BACX,cAAgD,KAAK;;;;;;;AAQvD,SAAgB,0BAAqD;CACnE,MAAM,UAAU,WAAW,4BAA4B;AAEvD,KAAI,CAAC,QAEH,OAAM,IAAI,MACR,+DACD;AAGH,QAAO;;;;;;;;;;;;;;;;;;;;;;;;AAyBT,SAAgB,kBAA4C;CAC1D,MAAM,UAAU,WAAW,oBAAoB;AAC/C,KAAI,CAAC,QACH,OAAM,IAAI,MACR,8DACD;AAEH,QAAO"}

package/dist/components/floating-card/hooks/use-card-layout.d.ts

@@ -0,0 +1,36 @@
+/*
+ * 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 { Dimensions, FloatingCardLayout, Position } from "../types.js";
+import { UniqueId } from "@accelint/core/utility/uuid";
+
+//#region src/components/floating-card/hooks/use-card-layout.d.ts
+/**
+ * Tracks position, size, and stacking order for the cards in one provider.
+ *
+ * @returns The layout registry and the operations that mutate it.
+ *
+ * @remarks
+ * State is per-provider rather than module-level so two providers on a page
+ * keep independent stacking orders.
+ */
+declare function useCardLayout(): {
+  layouts: Record<UniqueId, FloatingCardLayout>;
+  registerCard: (id: UniqueId, title: string | undefined, position: Position, dimensions: Dimensions) => void;
+  unregisterCard: (id: UniqueId) => void;
+  moveCard: (id: UniqueId, position: Position) => void;
+  resizeCard: (id: UniqueId, dimensions: Dimensions, position: Position) => void;
+  bringToFront: (id: UniqueId) => void;
+};
+//#endregion
+export { useCardLayout };
+//# sourceMappingURL=use-card-layout.d.ts.map