@accelint/design-toolkit 9.8.0 → 9.9.0

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

@@ -11,7 +11,7 @@
  */
 
 import { DrawerLayoutProps } from "./types.js";
-import * as react_jsx_runtime108 from "react/jsx-runtime";
+import * as react_jsx_runtime49 from "react/jsx-runtime";
 
 //#region src/components/drawer/layout.d.ts
 
@@ -42,7 +42,7 @@ declare function DrawerLayout({
   extend,
   push,
   ...rest
-}: DrawerLayoutProps): react_jsx_runtime108.JSX.Element;
+}: DrawerLayoutProps): react_jsx_runtime49.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_runtime73 from "react/jsx-runtime";
+import * as react_jsx_runtime50 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_runtime73.JSX.Element | null;
+}: DrawerMenuItemProps): react_jsx_runtime50.JSX.Element | null;
 //#endregion
 export { DrawerMenuItem };
 //# sourceMappingURL=menu-item.d.ts.map

package/dist/components/drawer/menu-item.js

@@ -15,11 +15,11 @@
 
 import { Icon } from "../icon/index.js";
 import { ToggleButton as ToggleButton$1 } from "../button/toggle.js";
+import { Tooltip as Tooltip$1 } from "../tooltip/index.js";
+import { TooltipTrigger as TooltipTrigger$1 } from "../tooltip/trigger.js";
 import { ViewStackContext } from "../view-stack/context.js";
 import { DrawerContext } from "./context.js";
 import { DrawerTrigger } from "./trigger.js";
-import { Tooltip as Tooltip$1 } from "../tooltip/index.js";
-import { TooltipTrigger as TooltipTrigger$1 } from "../tooltip/trigger.js";
 import "client-only";
 import { useContext, useRef } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";

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

@@ -11,7 +11,7 @@
  */
 
 import { DrawerMenuProps } from "./types.js";
-import * as react_jsx_runtime78 from "react/jsx-runtime";
+import * as react_jsx_runtime51 from "react/jsx-runtime";
 
 //#region src/components/drawer/menu.d.ts
 
@@ -39,7 +39,7 @@ declare function DrawerMenu({
   position,
   children,
   ...rest
-}: DrawerMenuProps): react_jsx_runtime78.JSX.Element;
+}: DrawerMenuProps): react_jsx_runtime51.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_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime52 from "react/jsx-runtime";
 
 //#region src/components/drawer/panel.d.ts
 
@@ -36,7 +36,7 @@ import * as react_jsx_runtime23 from "react/jsx-runtime";
 declare function DrawerPanel({
   className,
   ...rest
-}: ComponentPropsWithRef<'div'>): react_jsx_runtime23.JSX.Element;
+}: ComponentPropsWithRef<'div'>): react_jsx_runtime52.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_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime53 from "react/jsx-runtime";
 
 //#region src/components/drawer/trigger.d.ts
 
@@ -47,7 +47,7 @@ import * as react_jsx_runtime27 from "react/jsx-runtime";
 declare function DrawerTrigger({
   for: events,
   ...rest
-}: DrawerTriggerProps): react_jsx_runtime27.JSX.Element;
+}: DrawerTriggerProps): react_jsx_runtime53.JSX.Element;
 //#endregion
 export { DrawerTrigger };
 //# sourceMappingURL=trigger.d.ts.map

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

@@ -16,8 +16,8 @@ import { ViewStackEvent } from "../view-stack/types.js";
 import { DrawerEventTypes } from "./events.js";
 import { ComponentPropsWithRef, DOMAttributes, ReactElement, RefAttributes } from "react";
 import { HeadingProps } from "react-aria-components";
-import { Payload } from "@accelint/bus";
 import { UniqueId } from "@accelint/core";
+import { Payload } from "@accelint/bus";
 import { FocusableElement } from "@react-types/shared";
 
 //#region src/components/drawer/types.d.ts

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_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime57 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_runtime31.JSX.Element;
+}: ViewStackViewProps & ComponentPropsWithRef<'div'>): react_jsx_runtime57.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 react14 from "react";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react22 from "react";
+import * as react_jsx_runtime60 from "react/jsx-runtime";
 
 //#region src/components/flashcard/index.d.ts
 /**
  * Context for sharing Flashcard state across child components.
  */
-declare const FlashcardContext: react14.Context<FlashcardProps>;
+declare const FlashcardContext: react22.Context<FlashcardProps>;
 /**
  * Flashcard - A quick visual identifier for map entity data.
  *
@@ -46,7 +46,7 @@ declare const FlashcardContext: react14.Context<FlashcardProps>;
  * </Flashcard>
  * ```
  */
-declare function Flashcard(props: FlashcardProps): react_jsx_runtime35.JSX.Element;
+declare function Flashcard(props: FlashcardProps): react_jsx_runtime60.JSX.Element;
 declare namespace Flashcard {
   var displayName: string;
 }
@@ -68,7 +68,7 @@ declare namespace Flashcard {
  * </Flashcard>
  * ```
  */
-declare function FlashcardHero(props: FlashcardComponentProps): react_jsx_runtime35.JSX.Element;
+declare function FlashcardHero(props: FlashcardComponentProps): react_jsx_runtime60.JSX.Element;
 declare namespace FlashcardHero {
   var displayName: string;
 }
@@ -92,7 +92,7 @@ declare namespace FlashcardHero {
  * </Flashcard>
  * ```
  */
-declare function FlashcardAdditionalData(props: FlashcardComponentProps): react_jsx_runtime35.JSX.Element | null;
+declare function FlashcardAdditionalData(props: FlashcardComponentProps): react_jsx_runtime60.JSX.Element | null;
 declare namespace FlashcardAdditionalData {
   var displayName: string;
 }
@@ -119,7 +119,7 @@ declare namespace FlashcardAdditionalData {
  * </Flashcard>
  * ```
  */
-declare function FlashcardDetailsList(props: FlashcardDetailsListProps): react_jsx_runtime35.JSX.Element;
+declare function FlashcardDetailsList(props: FlashcardDetailsListProps): react_jsx_runtime60.JSX.Element;
 declare namespace FlashcardDetailsList {
   var displayName: string;
 }
@@ -141,7 +141,7 @@ declare namespace FlashcardDetailsList {
  * </FlashcardDetailsList>
  * ```
  */
-declare function FlashcardDetailsLabel(props: FlashcardComponentProps): react_jsx_runtime35.JSX.Element;
+declare function FlashcardDetailsLabel(props: FlashcardComponentProps): react_jsx_runtime60.JSX.Element;
 declare namespace FlashcardDetailsLabel {
   var displayName: string;
 }
@@ -163,7 +163,7 @@ declare namespace FlashcardDetailsLabel {
  * </FlashcardDetailsList>
  * ```
  */
-declare function FlashcardDetailsValue(props: FlashcardComponentProps): react_jsx_runtime35.JSX.Element;
+declare function FlashcardDetailsValue(props: FlashcardComponentProps): react_jsx_runtime60.JSX.Element;
 declare namespace FlashcardDetailsValue {
   var displayName: string;
 }

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

@@ -10,7 +10,7 @@
  * governing permissions and limitations under the License.
  */
 
-import * as react12 from "react";
+import * as react23 from "react";
 import { DockviewApi } from "dockview-react";
 import { UniqueId } from "@accelint/core/utility/uuid";
 
@@ -22,7 +22,7 @@ type FloatingCardContextValue = {
   closeCard: (id: UniqueId) => void;
   api: DockviewApi | null;
 };
-declare const FloatingCardContext: react12.Context<FloatingCardContextValue | null>;
+declare const FloatingCardContext: react23.Context<FloatingCardContextValue | null>;
 /**
  * Hook to access the floating card context.
  * Must be used within a FloatingCardProvider.

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

@@ -10,7 +10,7 @@
  * governing permissions and limitations under the License.
  */
 
-import * as react13 from "react";
+import * as react24 from "react";
 import { PropsWithChildren } from "react";
 import { UniqueId } from "@accelint/core";
 
@@ -59,7 +59,7 @@ declare function FloatingCard({
   title,
   isOpen,
   initialDimensions
-}: PropsWithChildren<FloatingCardProps>): react13.ReactPortal | null;
+}: PropsWithChildren<FloatingCardProps>): react24.ReactPortal | null;
 //#endregion
 export { FloatingCard, FloatingCardProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -11,7 +11,7 @@
  */
 
 import { PropsWithChildren, ReactNode } from "react";
-import * as react_jsx_runtime45 from "react/jsx-runtime";
+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`. */
@@ -58,7 +58,7 @@ declare function FloatingCardProvider({
   icon,
   headerActions,
   className
-}: FloatingCardProviderProps): react_jsx_runtime45.JSX.Element;
+}: FloatingCardProviderProps): react_jsx_runtime35.JSX.Element;
 //#endregion
 export { FloatingCardProvider, FloatingCardProviderProps };
 //# sourceMappingURL=provider.d.ts.map

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

@@ -11,14 +11,14 @@
  */
 
 
+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 { Button } from "@accelint/design-toolkit/components/button";
-import { Icon } from "@accelint/design-toolkit/components/icon";
 import { DockviewReact } from "dockview-react";
 import styles from "./styles.module.css";
 

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

@@ -1 +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 { Button } from '@accelint/design-toolkit/components/button';\nimport { Icon } from '@accelint/design-toolkit/components/icon';\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 { Divider } from '../divider';\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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"}
+{"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

@@ -26,7 +26,7 @@
   }
 
   .headerTitle {
-    @apply text-header-m pl-4;
+    @apply text-header-m pl-xs;
   }
 
   .floatingCardProvider {

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

@@ -12,14 +12,14 @@
 
 import { HeroProps } from "./types.js";
 import "client-only";
-import * as react15 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: react15.Context<ContextValue<HeroProps, HTMLElement>>;
+declare const HeroContext: react13.Context<ContextValue<HeroProps, HTMLElement>>;
 //#endregion
 export { HeroContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { HeroProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime41 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_runtime41 from "react/jsx-runtime";
 declare function Hero({
   ref,
   ...props
-}: HeroProps): react_jsx_runtime41.JSX.Element;
+}: HeroProps): react_jsx_runtime43.JSX.Element;
 //#endregion
 export { Hero };
 //# sourceMappingURL=index.d.ts.map

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

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react16 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: react16.ForwardRefExoticComponent<react_aria_components0.TextProps & react16.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/title.d.ts

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react18 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: react18.ForwardRefExoticComponent<react_aria_components0.HeadingProps & react18.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/hotkey/context.d.ts

@@ -15,7 +15,7 @@ import { HotkeyProps } from "./types.js";
 import "client-only";
 import * as react21 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime46 from "react/jsx-runtime";
+import * as react_jsx_runtime55 from "react/jsx-runtime";
 
 //#region src/components/hotkey/context.d.ts
 /**
@@ -42,7 +42,7 @@ declare const HotkeyContext: react21.Context<ContextValue<HotkeyProps, HTMLEleme
 declare function HotkeyProvider({
   children,
   ...props
-}: ProviderProps<HotkeyProps>): react_jsx_runtime46.JSX.Element;
+}: ProviderProps<HotkeyProps>): react_jsx_runtime55.JSX.Element;
 //#endregion
 export { HotkeyContext, HotkeyProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { HotkeyProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime51 from "react/jsx-runtime";
+import * as react_jsx_runtime58 from "react/jsx-runtime";
 
 //#region src/components/hotkey/index.d.ts
 
@@ -66,7 +66,7 @@ declare function Hotkey({
   ref,
   children,
   ...props
-}: HotkeyProps): react_jsx_runtime51.JSX.Element;
+}: HotkeyProps): react_jsx_runtime58.JSX.Element;
 //#endregion
 export { Hotkey };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime100 from "react/jsx-runtime";
+import * as react_jsx_runtime69 from "react/jsx-runtime";
 
 //#region src/components/hotkey/set.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime100 from "react/jsx-runtime";
 declare function HotkeySet({
   className,
   ...rest
-}: ComponentPropsWithRef<'div'>): react_jsx_runtime100.JSX.Element;
+}: ComponentPropsWithRef<'div'>): react_jsx_runtime69.JSX.Element;
 //#endregion
 export { HotkeySet };
 //# sourceMappingURL=set.d.ts.map

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

@@ -13,15 +13,15 @@
 import { ProviderProps } from "../../lib/types.js";
 import { IconProps } from "./types.js";
 import "client-only";
-import * as react32 from "react";
+import * as react26 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime102 from "react/jsx-runtime";
+import * as react_jsx_runtime73 from "react/jsx-runtime";
 
 //#region src/components/icon/context.d.ts
 /**
  * Context for sharing Icon props across component tree.
  */
-declare const IconContext: react32.Context<ContextValue<IconProps, HTMLSpanElement>>;
+declare const IconContext: react26.Context<ContextValue<IconProps, HTMLSpanElement>>;
 /**
  * IconProvider - Context provider for setting default Icon props.
  *
@@ -42,7 +42,7 @@ declare const IconContext: react32.Context<ContextValue<IconProps, HTMLSpanEleme
 declare function IconProvider({
   children,
   ...props
-}: ProviderProps<IconProps>): react_jsx_runtime102.JSX.Element;
+}: ProviderProps<IconProps>): react_jsx_runtime73.JSX.Element;
 //#endregion
 export { IconContext, IconProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { IconProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime104 from "react/jsx-runtime";
+import * as react_jsx_runtime74 from "react/jsx-runtime";
 
 //#region src/components/icon/index.d.ts
 
@@ -61,7 +61,7 @@ import * as react_jsx_runtime104 from "react/jsx-runtime";
 declare function Icon({
   ref,
   ...props
-}: IconProps): react_jsx_runtime104.JSX.Element;
+}: IconProps): react_jsx_runtime74.JSX.Element;
 //#endregion
 export { Icon };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { InputProps as InputProps$1 } from "./types.js";
 import "client-only";
-import * as react33 from "react";
+import * as react27 from "react";
 import { ContextValue } from "react-aria-components";
 
 //#region src/components/input/context.d.ts
@@ -20,7 +20,7 @@ import { ContextValue } from "react-aria-components";
  * Context for sharing Input props across component tree.
  * Used internally by field components to pass props to Input.
  */
-declare const InputContext: react33.Context<ContextValue<InputProps$1, HTMLInputElement>>;
+declare const InputContext: react27.Context<ContextValue<InputProps$1, HTMLInputElement>>;
 //#endregion
 export { InputContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { InputProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime109 from "react/jsx-runtime";
+import * as react_jsx_runtime78 from "react/jsx-runtime";
 
 //#region src/components/input/index.d.ts
 
@@ -52,7 +52,7 @@ import * as react_jsx_runtime109 from "react/jsx-runtime";
 declare function Input({
   ref,
   ...props
-}: InputProps): react_jsx_runtime109.JSX.Element;
+}: InputProps): react_jsx_runtime78.JSX.Element;
 //#endregion
 export { Input };
 //# sourceMappingURL=index.d.ts.map

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

@@ -147,6 +147,14 @@
         appearance: none;
       }
     }
+
+    :global(.dark) &[type='date'],
+    :global(.dark) &[type='time'],
+    :global(.dark) &[type='datetime-local'] {
+      &::-webkit-calendar-picker-indicator {
+        filter: invert(1);
+      }
+    }
   }
 
   .suffix {

package/dist/components/kanban/card-body.d.ts

@@ -12,7 +12,7 @@
 
 import { KanbanComponentProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime112 from "react/jsx-runtime";
+import * as react_jsx_runtime84 from "react/jsx-runtime";
 
 //#region src/components/kanban/card-body.d.ts
 /**
@@ -27,7 +27,7 @@ declare function KanbanCardBody({
   children,
   className,
   ...rest
-}: KanbanComponentProps): react_jsx_runtime112.JSX.Element;
+}: KanbanComponentProps): react_jsx_runtime84.JSX.Element;
 //#endregion
 export { KanbanCardBody };
 //# sourceMappingURL=card-body.d.ts.map

package/dist/components/kanban/card-header-actions.d.ts

@@ -12,7 +12,7 @@
 
 import { KanbanComponentProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime113 from "react/jsx-runtime";
+import * as react_jsx_runtime86 from "react/jsx-runtime";
 
 //#region src/components/kanban/card-header-actions.d.ts
 /**
@@ -27,7 +27,7 @@ declare function KanbanCardHeaderActions({
   children,
   className,
   ...rest
-}: KanbanComponentProps): react_jsx_runtime113.JSX.Element;
+}: KanbanComponentProps): react_jsx_runtime86.JSX.Element;
 //#endregion
 export { KanbanCardHeaderActions };
 //# sourceMappingURL=card-header-actions.d.ts.map

package/dist/components/kanban/card-header-title.d.ts

@@ -12,7 +12,7 @@
 
 import { KanbanComponentProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime115 from "react/jsx-runtime";
+import * as react_jsx_runtime70 from "react/jsx-runtime";
 
 //#region src/components/kanban/card-header-title.d.ts
 /**
@@ -27,7 +27,7 @@ declare function KanbanCardHeaderTitle({
   className,
   children,
   ...rest
-}: KanbanComponentProps): react_jsx_runtime115.JSX.Element;
+}: KanbanComponentProps): react_jsx_runtime70.JSX.Element;
 //#endregion
 export { KanbanCardHeaderTitle };
 //# sourceMappingURL=card-header-title.d.ts.map