@accelint/design-toolkit 9.4.1 → 9.6.0

package/dist/index.js

@@ -23,6 +23,15 @@ import { AccordionPanel } from "./components/accordion/panel.js";
 import { Button } from "./components/button/index.js";
 import { AccordionTrigger } from "./components/accordion/trigger.js";
 import { ActionBar } from "./components/action-bar/index.js";
+import { MediaControlsContext, MediaControlsProvider, useMediaControlsDisabled, useMediaProviderGuard } from "./components/media-controls/context.js";
+import { MuteButton } from "./components/media-controls/mute-button.js";
+import { PlayButton } from "./components/media-controls/play-button.js";
+import { PlaybackRateButton } from "./components/media-controls/playback-rate.js";
+import { SeekButton } from "./components/media-controls/seek-button.js";
+import { TimeDisplay } from "./components/media-controls/time-display.js";
+import { TimeRange } from "./components/media-controls/time-range.js";
+import { VolumeSlider } from "./components/media-controls/volume-slider.js";
+import { Audio } from "./components/audio/index.js";
 import { AvatarContext, AvatarProvider } from "./components/avatar/context.js";
 import { BadgeContext, BadgeProvider } from "./components/badge/context.js";
 import { Avatar } from "./components/avatar/index.js";
@@ -151,6 +160,8 @@ import { ListItemContent } from "./components/list/item-content.js";
 import { ListItemDescription } from "./components/list/item-description.js";
 import { ListItemTitle } from "./components/list/item-title.js";
 import { ListItem } from "./components/list/item.js";
+import { FullscreenButton } from "./components/media-controls/fullscreen-button.js";
+import { MediaControls } from "./components/media-controls/index.js";
 import { MenuContext } from "./components/menu/context.js";
 import { Menu } from "./components/menu/index.js";
 import { MenuItemDescription } from "./components/menu/item-description.js";
@@ -201,6 +212,7 @@ import { SidenavMenuItem } from "./components/sidenav/menu-item.js";
 import { SidenavMenu } from "./components/sidenav/menu.js";
 import { SidenavTrigger } from "./components/sidenav/trigger.js";
 import { Slider } from "./components/slider/index.js";
+import { StatusIndicator } from "./components/status-indicator/index.js";
 import { HeaderColumnAction, SortDirection, headerColumnActionValues, sortDirectionValues } from "./components/table/constants/table.js";
 import { TableContext } from "./components/table/context.js";
 import { Table } from "./components/table/index.js";
@@ -219,9 +231,10 @@ import { TreeItemDescription } from "./components/tree/item-description.js";
 import { TreeItemLabel } from "./components/tree/item-label.js";
 import { TreeItemPrefixIcon } from "./components/tree/item-prefix-icon.js";
 import { TreeItem } from "./components/tree/item.js";
+import { Video } from "./components/video/index.js";
 import { ViewStackTrigger } from "./components/view-stack/trigger.js";
 import { useTreeActions } from "./hooks/use-tree/actions/index.js";
 import { useTreeState } from "./hooks/use-tree/state/index.js";
 import { ThemeProvider, useTheme } from "./providers/theme-provider.js";
 
-export { Accordion, AccordionContext, AccordionGroup, AccordionHeader, AccordionPanel, AccordionTrigger, ActionBar, Avatar, AvatarContext, AvatarProvider, Badge, BadgeContext, BadgeProvider, BreadcrumbItem, Breadcrumbs, Button, ButtonContext, ButtonProvider, COORDINATE_EPSILON, COORDINATE_ERROR_MESSAGES, COORDINATE_FORMAT_LABELS, COORDINATE_FORMAT_NAMES, COORDINATE_SYSTEMS, Checkbox, CheckboxContext, CheckboxGroup, CheckboxGroupContext, Chip, ChipContext, ChipList, ChipListRenderingContext, ChipProvider, ClassificationBadge, ClassificationBadgeContext, ClassificationBadgeProvider, ClassificationBanner, ClassificationBannerContext, ClassificationBannerProvider, Clock, CloneAction, ColorPicker, CombinatorSelector, ComboBoxField, ComboBoxFieldContext, ComboBoxFieldProvider, CoordinateField, CoordinateFieldContext, CoordinateFieldProvider, CoordinateFieldStateContext, CoordinateFieldStateProvider, CoordinateSegment, DateField, DeferredCollection, DeletableChip, DetailsList, DetailsListContext, DetailsListLabel, DetailsListProvider, DetailsListValue, Dialog, DialogContent, DialogContext, DialogFooter, DialogTitle, DialogTrigger, Divider, DividerContext, DividerProvider, DragContext, Drawer, DrawerBack, DrawerClose, DrawerContent, DrawerContext, DrawerEventHandlers, DrawerEventNamespace, DrawerEventTypes, DrawerFooter, DrawerHeader, DrawerHeaderTitle, DrawerLayout, DrawerLayoutMain, DrawerMenu, DrawerMenuItem, DrawerPanel, DrawerTrigger, DrawerView, EXPECTED_SEGMENT_COUNTS, Flashcard, FlashcardAdditionalData, FlashcardContext, FlashcardDetailsLabel, FlashcardDetailsList, FlashcardDetailsValue, FlashcardHero, GROUP_SEPARATOR, HeaderColumnAction, Hero, HeroContext, HeroSubtitle, HeroTitle, Hotkey, HotkeyContext, HotkeyProvider, HotkeySet, Icon, IconContext, IconProvider, Input, InputContext, Kanban, KanbanCard, KanbanCardBody, KanbanCardHeader, KanbanCardHeaderActions, KanbanCardHeaderTitle, KanbanColumn, KanbanColumnActions, KanbanColumnContainer, KanbanColumnContent, KanbanColumnHeader, KanbanColumnHeaderActions, KanbanColumnHeaderDragHandle, KanbanColumnHeaderTitle, KanbanHeader, KanbanHeaderActions, KanbanHeaderSearch, KanbanHeaderTitle, KanbanProvider, Label, LabelContext, LabelProvider, Lines, Link, LinkButton, LinkButtonContext, LinkButtonProvider, LinkProvider, List, ListContext, ListItem, ListItemContent, ListItemDescription, ListItemTitle, LockAction, Menu, MenuContext, MenuItem, MenuItemDescription, MenuItemLabel, MenuSection, MenuSeparator, MenuSubmenu, MenuTrigger, Notice, NoticeEventNamespace, NoticeEventTypes, NoticeIcon, NoticeList, Options, OptionsContext, OptionsItem, OptionsItemContent, OptionsItemDescription, OptionsItemLabel, OptionsSection, Pagination, PaginationContext, PaginationNext, PaginationPages, PaginationPrev, Popover, PopoverContent, PopoverFooter, PopoverTitle, PopoverTrigger, PortalProvider, QueryBuilder, Radio, RadioContext, RadioGroup, RemoveRuleAction, SearchField, SearchFieldContext, SearchFieldProvider, SelectField, SelectFieldContext, SelectFieldProvider, SelectableChip, Sidenav, SidenavAvatar, SidenavContent, SidenavContext, SidenavEventNamespace, SidenavEventTypes, SidenavFooter, SidenavHeader, SidenavItem, SidenavLink, SidenavMenu, SidenavMenuItem, SidenavTrigger, Skeleton, Slider, SortDirection, Switch, SwitchContext, SwitchProvider, Tab, TabList, TabPanel, Table, TableContext, Tabs, TabsContext, TabsProvider, TextAreaField, TextAreaFieldContext, TextAreaFieldProvider, TextField, TextFieldContext, TextFieldProvider, ThemeProvider, TimeField, ToggleButton, ToggleButtonContext, ToggleButtonProvider, Tooltip, TooltipContext, TooltipTrigger, Tree, TreeContext, TreeItem, TreeItemActions, TreeItemContent, TreeItemContext, TreeItemDescription, TreeItemLabel, TreeItemPrefixIcon, TreeLines, ViewStack, ViewStackContext, ViewStackEventHandlers, ViewStackEventNamespace, ViewStackEventTypes, ViewStackTrigger, ViewStackView, areAllSegmentsFilled, areCoordinatesEqual, bus, calculateClosestEdge, columnData, convertDDToDisplaySegments, convertDisplaySegmentsToDD, ddSegmentConfigs, ddmSegmentConfigs, deduplicateMatchesByLocation, dmsSegmentConfigs, formatSegmentsToCoordinateString, getAllCoordinateFormats, getEditableSegmentCount, getFormatDescription, getInsertIndex, getSegmentConfigs, getSegmentLabel, hasAnySegmentValue, headerColumnActionValues, isCompleteCoordinate, isSlottedContextValue, matchesMetadata, mgrsSegmentConfigs, parseCoordinatePaste, parseCoordinateStringToSegments, parseDropTarget, sortDirectionValues, useCardInteractions, useColumnInteractions, useCoordinateCopy, useCoordinateField, useCoordinateFieldState, useCoordinateFieldStateContext, useCoordinateFocus, useCoordinatePaste, useDragContext, useDrawerEmit, useFrameDelay, useKanban, useListItemVariant, useTheme, useTimeoutCleanup, useTreeActions, useTreeState, useViewStackEmit, utmSegmentConfigs, validateCoordinateSegments, validateMoveCard };
+export { Accordion, AccordionContext, AccordionGroup, AccordionHeader, AccordionPanel, AccordionTrigger, ActionBar, Audio, Avatar, AvatarContext, AvatarProvider, Badge, BadgeContext, BadgeProvider, BreadcrumbItem, Breadcrumbs, Button, ButtonContext, ButtonProvider, COORDINATE_EPSILON, COORDINATE_ERROR_MESSAGES, COORDINATE_FORMAT_LABELS, COORDINATE_FORMAT_NAMES, COORDINATE_SYSTEMS, Checkbox, CheckboxContext, CheckboxGroup, CheckboxGroupContext, Chip, ChipContext, ChipList, ChipListRenderingContext, ChipProvider, ClassificationBadge, ClassificationBadgeContext, ClassificationBadgeProvider, ClassificationBanner, ClassificationBannerContext, ClassificationBannerProvider, Clock, CloneAction, ColorPicker, CombinatorSelector, ComboBoxField, ComboBoxFieldContext, ComboBoxFieldProvider, CoordinateField, CoordinateFieldContext, CoordinateFieldProvider, CoordinateFieldStateContext, CoordinateFieldStateProvider, CoordinateSegment, DateField, DeferredCollection, DeletableChip, DetailsList, DetailsListContext, DetailsListLabel, DetailsListProvider, DetailsListValue, Dialog, DialogContent, DialogContext, DialogFooter, DialogTitle, DialogTrigger, Divider, DividerContext, DividerProvider, DragContext, Drawer, DrawerBack, DrawerClose, DrawerContent, DrawerContext, DrawerEventHandlers, DrawerEventNamespace, DrawerEventTypes, DrawerFooter, DrawerHeader, DrawerHeaderTitle, DrawerLayout, DrawerLayoutMain, DrawerMenu, DrawerMenuItem, DrawerPanel, DrawerTrigger, DrawerView, EXPECTED_SEGMENT_COUNTS, Flashcard, FlashcardAdditionalData, FlashcardContext, FlashcardDetailsLabel, FlashcardDetailsList, FlashcardDetailsValue, FlashcardHero, FullscreenButton, GROUP_SEPARATOR, HeaderColumnAction, Hero, HeroContext, HeroSubtitle, HeroTitle, Hotkey, HotkeyContext, HotkeyProvider, HotkeySet, Icon, IconContext, IconProvider, Input, InputContext, Kanban, KanbanCard, KanbanCardBody, KanbanCardHeader, KanbanCardHeaderActions, KanbanCardHeaderTitle, KanbanColumn, KanbanColumnActions, KanbanColumnContainer, KanbanColumnContent, KanbanColumnHeader, KanbanColumnHeaderActions, KanbanColumnHeaderDragHandle, KanbanColumnHeaderTitle, KanbanHeader, KanbanHeaderActions, KanbanHeaderSearch, KanbanHeaderTitle, KanbanProvider, Label, LabelContext, LabelProvider, Lines, Link, LinkButton, LinkButtonContext, LinkButtonProvider, LinkProvider, List, ListContext, ListItem, ListItemContent, ListItemDescription, ListItemTitle, LockAction, MediaControls, MediaControlsContext, MediaControlsProvider, Menu, MenuContext, MenuItem, MenuItemDescription, MenuItemLabel, MenuSection, MenuSeparator, MenuSubmenu, MenuTrigger, MuteButton, Notice, NoticeEventNamespace, NoticeEventTypes, NoticeIcon, NoticeList, Options, OptionsContext, OptionsItem, OptionsItemContent, OptionsItemDescription, OptionsItemLabel, OptionsSection, Pagination, PaginationContext, PaginationNext, PaginationPages, PaginationPrev, PlayButton, PlaybackRateButton, Popover, PopoverContent, PopoverFooter, PopoverTitle, PopoverTrigger, PortalProvider, QueryBuilder, Radio, RadioContext, RadioGroup, RemoveRuleAction, SearchField, SearchFieldContext, SearchFieldProvider, SeekButton, SelectField, SelectFieldContext, SelectFieldProvider, SelectableChip, Sidenav, SidenavAvatar, SidenavContent, SidenavContext, SidenavEventNamespace, SidenavEventTypes, SidenavFooter, SidenavHeader, SidenavItem, SidenavLink, SidenavMenu, SidenavMenuItem, SidenavTrigger, Skeleton, Slider, SortDirection, StatusIndicator, Switch, SwitchContext, SwitchProvider, Tab, TabList, TabPanel, Table, TableContext, Tabs, TabsContext, TabsProvider, TextAreaField, TextAreaFieldContext, TextAreaFieldProvider, TextField, TextFieldContext, TextFieldProvider, ThemeProvider, TimeDisplay, TimeField, TimeRange, ToggleButton, ToggleButtonContext, ToggleButtonProvider, Tooltip, TooltipContext, TooltipTrigger, Tree, TreeContext, TreeItem, TreeItemActions, TreeItemContent, TreeItemContext, TreeItemDescription, TreeItemLabel, TreeItemPrefixIcon, TreeLines, Video, ViewStack, ViewStackContext, ViewStackEventHandlers, ViewStackEventNamespace, ViewStackEventTypes, ViewStackTrigger, ViewStackView, VolumeSlider, areAllSegmentsFilled, areCoordinatesEqual, bus, calculateClosestEdge, columnData, convertDDToDisplaySegments, convertDisplaySegmentsToDD, ddSegmentConfigs, ddmSegmentConfigs, deduplicateMatchesByLocation, dmsSegmentConfigs, formatSegmentsToCoordinateString, getAllCoordinateFormats, getEditableSegmentCount, getFormatDescription, getInsertIndex, getSegmentConfigs, getSegmentLabel, hasAnySegmentValue, headerColumnActionValues, isCompleteCoordinate, isSlottedContextValue, matchesMetadata, mgrsSegmentConfigs, parseCoordinatePaste, parseCoordinateStringToSegments, parseDropTarget, sortDirectionValues, useCardInteractions, useColumnInteractions, useCoordinateCopy, useCoordinateField, useCoordinateFieldState, useCoordinateFieldStateContext, useCoordinateFocus, useCoordinatePaste, useDragContext, useDrawerEmit, useFrameDelay, useKanban, useListItemVariant, useMediaControlsDisabled, useMediaProviderGuard, useTheme, useTimeoutCleanup, useTreeActions, useTreeState, useViewStackEmit, utmSegmentConfigs, validateCoordinateSegments, validateMoveCard };

package/dist/providers/portal.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { PropsWithChildren, RefObject } from "react";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/providers/portal.d.ts
 /**
@@ -30,7 +30,7 @@ declare function PortalProvider({
 }: PropsWithChildren<{
   parentRef?: RefObject<HTMLElement | null>;
   inject?: HTMLElement | null;
-}>): react_jsx_runtime18.JSX.Element;
+}>): react_jsx_runtime8.JSX.Element;
 //#endregion
 export { PortalProvider };
 //# sourceMappingURL=portal.d.ts.map

package/dist/providers/theme-provider.d.ts

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import { PartialDeep } from "type-fest";
 import { SemanticColorTokens, StaticColorTokens, ThemeTokens } from "@accelint/design-foundation/tokens/types";
 
@@ -46,7 +46,7 @@ declare function ThemeProvider({
   defaultMode,
   onChange,
   overrides
-}: ThemeProviderProps): react_jsx_runtime20.JSX.Element;
+}: ThemeProviderProps): react_jsx_runtime1.JSX.Element;
 /**
  * Access the current theme context
  *

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@accelint/design-toolkit",
   "description": "An open-source component library to serve as part of the entire ecosystem of UX for Accelint.",
-  "version": "9.4.1",
+  "version": "9.6.0",
   "author": "https://hypergiant.com",
   "$schema": "https://json.schemastore.org/package",
   "devDependencies": {
@@ -62,15 +62,15 @@
     "@accelint/biome-config": "1.1.0",
     "@accelint/bus": "3.0.2",
     "@accelint/core": "0.5.2",
-    "@accelint/design-foundation": "2.1.0",
-    "@accelint/geo": "0.5.1",
+    "@accelint/design-foundation": "3.0.0",
+    "@accelint/geo": "0.6.0",
+    "@accelint/icons": "2.2.0",
     "@accelint/logger": "0.1.5",
-    "@accelint/prettier-config": "0.2.1",
     "@accelint/postcss-tailwind-css-modules": "1.0.1",
+    "@accelint/prettier-config": "0.2.1",
     "@accelint/temporal": "0.1.4",
     "@accelint/typescript-config": "0.1.4",
-    "@accelint/vitest-config": "0.1.6",
-    "@accelint/icons": "2.1.2"
+    "@accelint/vitest-config": "0.1.6"
   },
   "exports": {
     ".": "./dist/index.js",
@@ -83,6 +83,8 @@
     "./components/accordion/types": "./dist/components/accordion/types.js",
     "./components/action-bar": "./dist/components/action-bar/index.js",
     "./components/action-bar/types": "./dist/components/action-bar/types.js",
+    "./components/audio": "./dist/components/audio/index.js",
+    "./components/audio/types": "./dist/components/audio/types.js",
     "./components/avatar": "./dist/components/avatar/index.js",
     "./components/avatar/context": "./dist/components/avatar/context.js",
     "./components/avatar/types": "./dist/components/avatar/types.js",
@@ -217,6 +219,17 @@
     "./components/list/item-description": "./dist/components/list/item-description.js",
     "./components/list/item-title": "./dist/components/list/item-title.js",
     "./components/list/types": "./dist/components/list/types.js",
+    "./components/media-controls": "./dist/components/media-controls/index.js",
+    "./components/media-controls/context": "./dist/components/media-controls/context.js",
+    "./components/media-controls/fullscreen-button": "./dist/components/media-controls/fullscreen-button.js",
+    "./components/media-controls/mute-button": "./dist/components/media-controls/mute-button.js",
+    "./components/media-controls/play-button": "./dist/components/media-controls/play-button.js",
+    "./components/media-controls/playback-rate": "./dist/components/media-controls/playback-rate.js",
+    "./components/media-controls/seek-button": "./dist/components/media-controls/seek-button.js",
+    "./components/media-controls/time-display": "./dist/components/media-controls/time-display.js",
+    "./components/media-controls/time-range": "./dist/components/media-controls/time-range.js",
+    "./components/media-controls/types": "./dist/components/media-controls/types.js",
+    "./components/media-controls/volume-slider": "./dist/components/media-controls/volume-slider.js",
     "./components/menu": "./dist/components/menu/index.js",
     "./components/menu/context": "./dist/components/menu/context.js",
     "./components/menu/item": "./dist/components/menu/item.js",
@@ -292,6 +305,8 @@
     "./components/skeleton/types": "./dist/components/skeleton/types.js",
     "./components/slider": "./dist/components/slider/index.js",
     "./components/slider/types": "./dist/components/slider/types.js",
+    "./components/status-indicator": "./dist/components/status-indicator/index.js",
+    "./components/status-indicator/types": "./dist/components/status-indicator/types.js",
     "./components/switch": "./dist/components/switch/index.js",
     "./components/switch/context": "./dist/components/switch/context.js",
     "./components/switch/types": "./dist/components/switch/types.js",
@@ -332,6 +347,8 @@
     "./components/tree/item-prefix-icon": "./dist/components/tree/item-prefix-icon.js",
     "./components/tree/lines": "./dist/components/tree/lines.js",
     "./components/tree/types": "./dist/components/tree/types.js",
+    "./components/video": "./dist/components/video/index.js",
+    "./components/video/types": "./dist/components/video/types.js",
     "./components/view-stack": "./dist/components/view-stack/index.js",
     "./components/view-stack/context": "./dist/components/view-stack/context.js",
     "./components/view-stack/events": "./dist/components/view-stack/events.js",
@@ -391,6 +408,7 @@
     "@react-types/shared": "~3.32.0",
     "@tanstack/react-table": "^8.21.3",
     "client-only": "^0.0.1",
+    "media-chrome": "^4.17.2",
     "radashi": "^12.6.2",
     "react": "^19",
     "react-aria-components": "~1.12.1",
@@ -399,10 +417,10 @@
     "uuid": "^11.1.0",
     "zod": "^4.1.12",
     "@accelint/bus": "3.0.2",
-    "@accelint/design-foundation": "2.1.0",
-    "@accelint/geo": "0.5.1",
-    "@accelint/icons": "2.1.2",
     "@accelint/core": "0.5.2",
+    "@accelint/design-foundation": "3.0.0",
+    "@accelint/geo": "0.6.0",
+    "@accelint/icons": "2.2.0",
     "@accelint/logger": "0.1.5",
     "@accelint/temporal": "0.1.4"
   },
@@ -428,8 +446,8 @@
     "format:biome": "pnpm biome format . --write --verbose",
     "format:biome:check": "pnpm biome format . --verbose",
     "format:check": "pnpm format:biome:check && pnpm format:prettier:check",
-    "format:prettier": "pnpm prettier --write ./**/*.css",
-    "format:prettier:check": "pnpm prettier --check ./**/*.css",
+    "format:prettier": "pnpm prettier --write \"./src/**/*.css\"",
+    "format:prettier:check": "pnpm prettier --check \"./src/**/*.css\"",
     "index": "pnpm zx ../../scripts/indexer.mjs packages/design-toolkit",
     "license": "pnpm zx ../../scripts/license.mjs",
     "lint": "pnpm biome lint . --verbose",