@accelint/design-toolkit 9.4.1 → 9.6.0

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

@@ -11,7 +11,7 @@
  */
 
 import { TableHeaderProps } from "./types.js";
-import * as react_jsx_runtime82 from "react/jsx-runtime";
+import * as react_jsx_runtime106 from "react/jsx-runtime";
 
 //#region src/components/table/header.d.ts
 
@@ -41,7 +41,7 @@ declare function TableHeader<T>({
   headerGroups,
   columnSelection,
   ...rest
-}: TableHeaderProps<T>): react_jsx_runtime82.JSX.Element;
+}: TableHeaderProps<T>): react_jsx_runtime106.JSX.Element;
 //#endregion
 export { TableHeader };
 //# sourceMappingURL=header.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { TableProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime83 from "react/jsx-runtime";
+import * as react_jsx_runtime109 from "react/jsx-runtime";
 import { Key } from "@react-types/shared";
 
 //#region src/components/table/index.d.ts
@@ -68,7 +68,7 @@ declare function Table<T extends {
   onRowSelectionChange,
   fullWidth,
   ...rest
-}: TableProps<T>): react_jsx_runtime83.JSX.Element;
+}: TableProps<T>): react_jsx_runtime109.JSX.Element;
 //#endregion
 export { Table };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/table/row.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TableRowProps } from "./types.js";
-import * as react_jsx_runtime90 from "react/jsx-runtime";
+import * as react_jsx_runtime108 from "react/jsx-runtime";
 
 //#region src/components/table/row.d.ts
 
@@ -44,7 +44,7 @@ declare function TableRow<T>({
   className,
   row,
   ...rest
-}: TableRowProps<T>): react_jsx_runtime90.JSX.Element;
+}: TableRowProps<T>): react_jsx_runtime108.JSX.Element;
 //#endregion
 export { TableRow };
 //# sourceMappingURL=row.d.ts.map

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

@@ -21,7 +21,7 @@
     }
 
     @variant selected {
-      @apply bg-accent-primary-muted;
+      @apply bg-accent-primary-muted visible;
 
       border-top-color: var(--outline-accent-primary-bold);
       box-shadow:
@@ -94,5 +94,9 @@
     @variant group-hover/header-cell {
       @apply visible;
     }
+
+    @variant group-selected/header-cell {
+      @apply visible;
+    }
   }
 }

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

@@ -13,13 +13,13 @@
 import { ProviderProps } from "../../lib/types.js";
 import { TabsProps as TabsProps$1 } from "./types.js";
 import "client-only";
-import * as react22 from "react";
+import * as react19 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime91 from "react/jsx-runtime";
+import * as react_jsx_runtime77 from "react/jsx-runtime";
 
 //#region src/components/tabs/context.d.ts
 /** Context for sharing props across Tabs components */
-declare const TabsContext: react22.Context<ContextValue<TabsProps$1, HTMLDivElement>>;
+declare const TabsContext: react19.Context<ContextValue<TabsProps$1, HTMLDivElement>>;
 /**
  * Sets default props for all Tabs components within.
  *
@@ -42,7 +42,7 @@ declare const TabsContext: react22.Context<ContextValue<TabsProps$1, HTMLDivElem
 declare function TabsProvider({
   children,
   ...props
-}: ProviderProps<TabsProps$1>): react_jsx_runtime91.JSX.Element;
+}: ProviderProps<TabsProps$1>): react_jsx_runtime77.JSX.Element;
 //#endregion
 export { TabsContext, TabsProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { TabsProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime93 from "react/jsx-runtime";
+import * as react_jsx_runtime140 from "react/jsx-runtime";
 
 //#region src/components/tabs/index.d.ts
 
@@ -42,7 +42,7 @@ import * as react_jsx_runtime93 from "react/jsx-runtime";
 declare function Tabs({
   ref,
   ...props
-}: TabsProps): react_jsx_runtime93.JSX.Element;
+}: TabsProps): react_jsx_runtime140.JSX.Element;
 //#endregion
 export { Tabs };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tabs/list.d.ts

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { TabListProps } from "react-aria-components";
-import * as react_jsx_runtime94 from "react/jsx-runtime";
+import * as react_jsx_runtime142 from "react/jsx-runtime";
 
 //#region src/components/tabs/list.d.ts
 
@@ -40,7 +40,7 @@ declare function TabList<T extends object>({
   children,
   className,
   ...rest
-}: TabListProps<T>): react_jsx_runtime94.JSX.Element;
+}: TabListProps<T>): react_jsx_runtime142.JSX.Element;
 //#endregion
 export { TabList };
 //# sourceMappingURL=list.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { TabPanelProps } from "react-aria-components";
-import * as react_jsx_runtime97 from "react/jsx-runtime";
+import * as react_jsx_runtime143 from "react/jsx-runtime";
 
 //#region src/components/tabs/panel.d.ts
 
@@ -41,7 +41,7 @@ declare function TabPanel({
   children,
   className,
   ...rest
-}: TabPanelProps): react_jsx_runtime97.JSX.Element;
+}: TabPanelProps): react_jsx_runtime143.JSX.Element;
 //#endregion
 export { TabPanel };
 //# sourceMappingURL=panel.d.ts.map

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

@@ -14,7 +14,7 @@
 
 @layer components.l1 {
   .tabs {
-    @apply w-content flex;
+    @apply flex w-fit;
 
     @variant orientation-horizontal {
       @apply flex-col;

package/dist/components/tabs/tab.d.ts

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { TabProps } from "react-aria-components";
-import * as react_jsx_runtime96 from "react/jsx-runtime";
+import * as react_jsx_runtime145 from "react/jsx-runtime";
 
 //#region src/components/tabs/tab.d.ts
 
@@ -37,7 +37,7 @@ declare function Tab({
   children,
   className,
   ...rest
-}: TabProps): react_jsx_runtime96.JSX.Element;
+}: TabProps): react_jsx_runtime145.JSX.Element;
 //#endregion
 export { Tab };
 //# sourceMappingURL=tab.d.ts.map

package/dist/components/text-area-field/context.d.ts

@@ -13,13 +13,13 @@
 import { ProviderProps } from "../../lib/types.js";
 import { TextAreaFieldProps } from "./types.js";
 import "client-only";
-import * as react19 from "react";
+import * as react37 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime79 from "react/jsx-runtime";
+import * as react_jsx_runtime153 from "react/jsx-runtime";
 
 //#region src/components/text-area-field/context.d.ts
 /** Context for sharing props across TextAreaField components */
-declare const TextAreaFieldContext: react19.Context<ContextValue<TextAreaFieldProps, HTMLDivElement>>;
+declare const TextAreaFieldContext: react37.Context<ContextValue<TextAreaFieldProps, HTMLDivElement>>;
 /**
  * Sets default props for all TextAreaField components within.
  *
@@ -42,7 +42,7 @@ declare const TextAreaFieldContext: react19.Context<ContextValue<TextAreaFieldPr
 declare function TextAreaFieldProvider({
   children,
   ...props
-}: ProviderProps<TextAreaFieldProps>): react_jsx_runtime79.JSX.Element;
+}: ProviderProps<TextAreaFieldProps>): react_jsx_runtime153.JSX.Element;
 //#endregion
 export { TextAreaFieldContext, TextAreaFieldProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/text-area-field/index.d.ts

@@ -12,7 +12,7 @@
 
 import { TextAreaFieldProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime81 from "react/jsx-runtime";
+import * as react_jsx_runtime141 from "react/jsx-runtime";
 
 //#region src/components/text-area-field/index.d.ts
 
@@ -44,7 +44,7 @@ import * as react_jsx_runtime81 from "react/jsx-runtime";
 declare function TextAreaField({
   ref,
   ...props
-}: TextAreaFieldProps): react_jsx_runtime81.JSX.Element;
+}: TextAreaFieldProps): react_jsx_runtime141.JSX.Element;
 //#endregion
 export { TextAreaField };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/text-field/context.d.ts

@@ -13,13 +13,13 @@
 import { ProviderProps } from "../../lib/types.js";
 import { TextFieldProps as TextFieldProps$1 } from "./types.js";
 import "client-only";
-import * as react23 from "react";
+import * as react36 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime92 from "react/jsx-runtime";
+import * as react_jsx_runtime144 from "react/jsx-runtime";
 
 //#region src/components/text-field/context.d.ts
 /** Context for sharing props across TextField components */
-declare const TextFieldContext: react23.Context<ContextValue<TextFieldProps$1, HTMLDivElement>>;
+declare const TextFieldContext: react36.Context<ContextValue<TextFieldProps$1, HTMLDivElement>>;
 /**
  * Sets default props for all TextField components within.
  *
@@ -42,7 +42,7 @@ declare const TextFieldContext: react23.Context<ContextValue<TextFieldProps$1, H
 declare function TextFieldProvider({
   children,
   ...props
-}: ProviderProps<TextFieldProps$1>): react_jsx_runtime92.JSX.Element;
+}: ProviderProps<TextFieldProps$1>): react_jsx_runtime144.JSX.Element;
 //#endregion
 export { TextFieldContext, TextFieldProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/text-field/index.d.ts

@@ -12,7 +12,7 @@
 
 import { TextFieldProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime95 from "react/jsx-runtime";
+import * as react_jsx_runtime146 from "react/jsx-runtime";
 
 //#region src/components/text-field/index.d.ts
 
@@ -40,7 +40,7 @@ import * as react_jsx_runtime95 from "react/jsx-runtime";
 declare function TextField({
   ref,
   ...props
-}: TextFieldProps): react_jsx_runtime95.JSX.Element;
+}: TextFieldProps): react_jsx_runtime146.JSX.Element;
 //#endregion
 export { TextField };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/time-field/index.d.ts

@@ -13,7 +13,7 @@
 import { TimeFieldProps as TimeFieldProps$1 } from "./types.js";
 import "client-only";
 import { TimeValue } from "react-aria-components";
-import * as react_jsx_runtime98 from "react/jsx-runtime";
+import * as react_jsx_runtime150 from "react/jsx-runtime";
 
 //#region src/components/time-field/index.d.ts
 
@@ -58,7 +58,7 @@ declare function TimeField<T extends TimeValue>({
   isRequired,
   isReadOnly,
   ...rest
-}: TimeFieldProps$1<T>): react_jsx_runtime98.JSX.Element;
+}: TimeFieldProps$1<T>): react_jsx_runtime150.JSX.Element;
 //#endregion
 export { TimeField };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,12 +12,12 @@
 
 import { TooltipTriggerProps } from "./types.js";
 import "client-only";
-import * as react24 from "react";
+import * as react40 from "react";
 import { ContextValue } from "react-aria-components";
 
 //#region src/components/tooltip/context.d.ts
 /** Context for sharing props across TooltipTrigger components */
-declare const TooltipContext: react24.Context<ContextValue<TooltipTriggerProps, HTMLDivElement>>;
+declare const TooltipContext: react40.Context<ContextValue<TooltipTriggerProps, HTMLDivElement>>;
 //#endregion
 export { TooltipContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { TooltipProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime50 from "react/jsx-runtime";
+import * as react_jsx_runtime152 from "react/jsx-runtime";
 
 //#region src/components/tooltip/index.d.ts
 
@@ -44,7 +44,7 @@ declare function Tooltip({
   offset,
   placement,
   ...props
-}: TooltipProps): react_jsx_runtime50.JSX.Element;
+}: TooltipProps): react_jsx_runtime152.JSX.Element;
 //#endregion
 export { Tooltip };
 //# sourceMappingURL=index.d.ts.map

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

@@ -14,7 +14,7 @@
 
 @layer components.l1 {
   .tooltip {
-    @apply fg-primary-bold rounded-small bg-surface-overlay px-s py-xs text-body-xs shadow-elevation-overlay flex items-center justify-center text-center wrap-break-word;
+    @apply fg-primary-bold rounded-small bg-surface-overlay px-s py-xs text-body-xs shadow-elevation-overlay flex items-center justify-center text-center wrap-break-word select-none;
     max-width: 160px;
   }
 }

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

@@ -12,7 +12,7 @@
 
 import { TooltipTriggerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime174 from "react/jsx-runtime";
+import * as react_jsx_runtime165 from "react/jsx-runtime";
 
 //#region src/components/tooltip/trigger.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime174 from "react/jsx-runtime";
 declare function TooltipTrigger({
   ref,
   ...props
-}: TooltipTriggerProps): react_jsx_runtime174.JSX.Element;
+}: TooltipTriggerProps): react_jsx_runtime165.JSX.Element;
 //#endregion
 export { TooltipTrigger };
 //# sourceMappingURL=trigger.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { TreeProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime177 from "react/jsx-runtime";
+import * as react_jsx_runtime166 from "react/jsx-runtime";
 
 //#region src/components/tree/index.d.ts
 
@@ -75,7 +75,7 @@ declare function Tree<T>({
   onVisibilityChange,
   onSelectionChange,
   ...rest
-}: TreeProps<T>): react_jsx_runtime177.JSX.Element;
+}: TreeProps<T>): react_jsx_runtime166.JSX.Element;
 //#endregion
 export { Tree };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tree/item-actions.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime176 from "react/jsx-runtime";
+import * as react_jsx_runtime169 from "react/jsx-runtime";
 
 //#region src/components/tree/item-actions.d.ts
 
@@ -39,7 +39,7 @@ declare function TreeItemActions({
   className
 }: PropsWithChildren & {
   className?: string;
-}): react_jsx_runtime176.JSX.Element;
+}): react_jsx_runtime169.JSX.Element;
 //#endregion
 export { TreeItemActions };
 //# sourceMappingURL=item-actions.d.ts.map

package/dist/components/tree/item-content.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TreeItemContentProps } from "./types.js";
-import * as react_jsx_runtime178 from "react/jsx-runtime";
+import * as react_jsx_runtime163 from "react/jsx-runtime";
 
 //#region src/components/tree/item-content.d.ts
 
@@ -35,7 +35,7 @@ import * as react_jsx_runtime178 from "react/jsx-runtime";
  */
 declare function TreeItemContent({
   children
-}: TreeItemContentProps): react_jsx_runtime178.JSX.Element;
+}: TreeItemContentProps): react_jsx_runtime163.JSX.Element;
 //#endregion
 export { TreeItemContent };
 //# sourceMappingURL=item-content.d.ts.map

package/dist/components/tree/item-description.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime181 from "react/jsx-runtime";
+import * as react_jsx_runtime164 from "react/jsx-runtime";
 
 //#region src/components/tree/item-description.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime181 from "react/jsx-runtime";
 declare function TreeItemDescription({
   children,
   className
-}: TextProps): react_jsx_runtime181.JSX.Element | null;
+}: TextProps): react_jsx_runtime164.JSX.Element | null;
 //#endregion
 export { TreeItemDescription };
 //# sourceMappingURL=item-description.d.ts.map

package/dist/components/tree/item-label.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime179 from "react/jsx-runtime";
+import * as react_jsx_runtime167 from "react/jsx-runtime";
 
 //#region src/components/tree/item-label.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime179 from "react/jsx-runtime";
 declare function TreeItemLabel({
   children,
   className
-}: TextProps): react_jsx_runtime179.JSX.Element;
+}: TextProps): react_jsx_runtime167.JSX.Element;
 //#endregion
 export { TreeItemLabel };
 //# sourceMappingURL=item-label.d.ts.map

package/dist/components/tree/item-prefix-icon.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { IconProps } from "../icon/types.js";
-import * as react_jsx_runtime180 from "react/jsx-runtime";
+import * as react_jsx_runtime168 from "react/jsx-runtime";
 
 //#region src/components/tree/item-prefix-icon.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime180 from "react/jsx-runtime";
 declare function TreeItemPrefixIcon({
   children,
   className
-}: IconProps): react_jsx_runtime180.JSX.Element;
+}: IconProps): react_jsx_runtime168.JSX.Element;
 //#endregion
 export { TreeItemPrefixIcon };
 //# sourceMappingURL=item-prefix-icon.d.ts.map

package/dist/components/tree/lines.d.ts

@@ -10,7 +10,7 @@
  * governing permissions and limitations under the License.
  */
 
-import * as react43 from "react";
+import * as react45 from "react";
 
 //#region src/components/tree/lines.d.ts
 /**
@@ -21,7 +21,7 @@ import * as react43 from "react";
  * @param props.isLastOfSet - Whether this item is the last in its sibling group.
  * @returns An array of Line components representing the tree structure.
  */
-declare const TreeLines: react43.NamedExoticComponent<{
+declare const TreeLines: react45.NamedExoticComponent<{
   level: number;
   isLastOfSet: boolean;
 }>;

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

@@ -14,7 +14,7 @@
 
 @layer components.l1 {
   .tree {
-    @apply overflow-auto outline-hidden;
+    @apply overflow-auto outline-hidden select-none;
   }
 
   .item {

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

@@ -0,0 +1,97 @@
+/*
+ * Copyright 2025 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 { VideoProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime184 from "react/jsx-runtime";
+
+//#region src/components/video/index.d.ts
+
+/**
+ * A complete video player component.
+ *
+ * Combines an HTML video element with MediaControls to provide a fully-featured
+ * video player with play/pause, seek, volume control, playback rate adjustment,
+ * and fullscreen support.
+ *
+ * Uses media-chrome under the hood for state management and MediaController
+ * for the accessible media chrome elements.
+ *
+ * @param props - The component props.
+ * @param props.src - Video source URL. Must be accessible to the browser - if loading
+ *   from a different origin, ensure the server sends appropriate CORS headers
+ *   (Access-Control-Allow-Origin) or use the crossOrigin prop.
+ * @param props.poster - Poster image URL displayed before playback starts.
+ * @param props.classNames - Class names for sub-elements.
+ * @param props.isDisabled - Disable all video controls.
+ * @param props.crossOrigin - CORS setting ('anonymous' | 'use-credentials'). Required when
+ *   loading video from a different origin that requires credentials.
+ * @param props.playbackRates - Array of playback speed multipliers (default: [1, 2, 3]).
+ *   Only positive finite numbers are accepted; invalid values are filtered out.
+ * @param props.children - Custom controls to render instead of the default layout.
+ * @param props.onEnded - Callback invoked when video playback finishes.
+ * @param props.onTimeUpdate - Callback invoked during playback with current time in seconds.
+ * @param props.onError - Callback invoked when video fails to load or encounters an error.
+ * @param props.noHotkeys - Disable all keyboard shortcuts for media control.
+ * @param props.hotkeys - Custom keyboard shortcuts configuration for media control.
+ * @param props.noVolumePref - Disable automatic saving/restoring of volume preference.
+ * @param props.noMutedPref - Disable automatic saving/restoring of muted state preference.
+ * @param props.lang - Language code for localized media control labels.
+ * @returns The rendered video player component.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Video src="video.mp4" />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With poster image
+ * <Video
+ *   src="video.mp4"
+ *   poster="thumbnail.jpg"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With event callbacks
+ * <Video
+ *   src="video.mp4"
+ *   onEnded={() => console.log('Ended')}
+ *   onTimeUpdate={(time) => console.log('Current time:', time)}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Custom controls layout
+ * <Video src="video.mp4">
+ *   <PlayButton />
+ *   <TimeRange />
+ * </Video>
+ * ```
+ */
+declare function Video({
+  classNames,
+  isDisabled,
+  noHotkeys,
+  hotkeys,
+  noVolumePref,
+  noMutedPref,
+  lang,
+  ...rest
+}: VideoProps): react_jsx_runtime184.JSX.Element;
+//#endregion
+export { Video };
+//# sourceMappingURL=index.d.ts.map