@eocrm/design-system 0.6.23 → 0.7.0

package/dist/i18n/useLocale.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Read the active locale. Resolution order:
+ * 1. The nearest `<LocaleProvider>` value (if mounted above).
+ * 2. `navigator.language` (browser fallback).
+ * 3. `'en-US'` (SSR / Node test fallback).
+ *
+ * Consumers don't need to wrap their app in `<LocaleProvider>` to get a
+ * sensible default; mount it only when you want to override the browser
+ * default or pin a subtree to a specific locale.
+ */
+export declare function useLocale(): string;

package/dist/i18n/useLocale.js

@@ -0,0 +1,21 @@
+'use client';
+import { LocaleContext } from "./LocaleProvider.js";
+import { useContext } from "react";
+// src/i18n/useLocale.ts
+/**
+* Read the active locale. Resolution order:
+* 1. The nearest `<LocaleProvider>` value (if mounted above).
+* 2. `navigator.language` (browser fallback).
+* 3. `'en-US'` (SSR / Node test fallback).
+*
+* Consumers don't need to wrap their app in `<LocaleProvider>` to get a
+* sensible default; mount it only when you want to override the browser
+* default or pin a subtree to a specific locale.
+*/
+function useLocale() {
+	const ctx = useContext(LocaleContext);
+	if (ctx !== null) return ctx;
+	if (typeof navigator !== "undefined" && navigator.language) return navigator.language;
+	return "en-US";
+}
+export { useLocale };

package/dist/i18n/useTranslation.d.ts

@@ -0,0 +1,25 @@
+import type { MessageKey } from './messages.js';
+/**
+ * Read the active translations and return a `t(key, params?)` function.
+ *
+ * - `key` is a dotted path into the `Messages` interface (e.g.
+ *   `'alert.dismiss'`). TypeScript narrows the union to whatever keys are
+ *   defined in `Messages` — agents can autocomplete every valid key.
+ * - String leaves are returned verbatim. Function leaves are invoked with
+ *   `params`. Array leaves (months, weekdays) are JSON-stringified so misuse
+ *   is loud at runtime — use `useTranslationArray` for those.
+ * - A missing key logs a `console.warn` and returns the literal key string so
+ *   the UI still renders something.
+ *
+ * @example
+ *   const t = useTranslation();
+ *   <button aria-label={t('alert.dismiss')}>×</button>
+ */
+export declare function useTranslation(): <K extends MessageKey>(key: K, params?: Record<string, unknown>) => string;
+/**
+ * Convenience for components that need raw array messages such as
+ * `calendar.months` or `calendar.weekdaysShort`. Returns the array directly so
+ * the caller can index into it (`months[date.getMonth()]`). If the key isn't
+ * an array, returns `[]` and lets the caller render a graceful fallback.
+ */
+export declare function useTranslationArray(): (key: string) => readonly string[];

package/dist/i18n/useTranslation.js

@@ -0,0 +1,52 @@
+'use client';
+import { I18nContext } from "./I18nProvider.js";
+import { lookupKey } from "./format.js";
+import { useContext, useMemo } from "react";
+// src/i18n/useTranslation.ts
+/**
+* Read the active translations and return a `t(key, params?)` function.
+*
+* - `key` is a dotted path into the `Messages` interface (e.g.
+*   `'alert.dismiss'`). TypeScript narrows the union to whatever keys are
+*   defined in `Messages` — agents can autocomplete every valid key.
+* - String leaves are returned verbatim. Function leaves are invoked with
+*   `params`. Array leaves (months, weekdays) are JSON-stringified so misuse
+*   is loud at runtime — use `useTranslationArray` for those.
+* - A missing key logs a `console.warn` and returns the literal key string so
+*   the UI still renders something.
+*
+* @example
+*   const t = useTranslation();
+*   <button aria-label={t('alert.dismiss')}>×</button>
+*/
+function useTranslation() {
+	const { messages } = useContext(I18nContext);
+	return useMemo(() => {
+		return function t(key, params) {
+			const leaf = lookupKey(messages, key);
+			if (leaf == null) {
+				if (process.env.NODE_ENV !== "production" && typeof console !== "undefined") console.warn("[i18n] missing key:", key);
+				return key;
+			}
+			if (typeof leaf === "function") return leaf(params ?? {});
+			if (typeof leaf === "string") return leaf;
+			return JSON.stringify(leaf);
+		};
+	}, [messages]);
+}
+/**
+* Convenience for components that need raw array messages such as
+* `calendar.months` or `calendar.weekdaysShort`. Returns the array directly so
+* the caller can index into it (`months[date.getMonth()]`). If the key isn't
+* an array, returns `[]` and lets the caller render a graceful fallback.
+*/
+function useTranslationArray() {
+	const { messages } = useContext(I18nContext);
+	return useMemo(() => {
+		return function ta(key) {
+			const leaf = lookupKey(messages, key);
+			return Array.isArray(leaf) ? leaf : [];
+		};
+	}, [messages]);
+}
+export { useTranslation, useTranslationArray };

package/dist/index.d.ts

@@ -0,0 +1,270 @@
+export { Button } from './components/Button/index.js';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './components/Button/index.js';
+export { SocialButton } from './components/SocialButton/index.js';
+export type { SocialButtonProps } from './components/SocialButton/index.js';
+export { ButtonGroup } from './components/ButtonGroup/index.js';
+export type { ButtonGroupProps, ButtonGroupSize, ButtonGroupItemProps, } from './components/ButtonGroup/index.js';
+export { Input } from './components/Input/index.js';
+export type { InputProps, InputSize } from './components/Input/index.js';
+export { Kanban } from './components/Kanban/index.js';
+export type { KanbanProps, KanbanColumnProps, KanbanCardProps, KanbanMoveEvent, } from './components/Kanban/index.js';
+export { Kbd } from './components/Kbd/index.js';
+export type { KbdProps, KbdSize } from './components/Kbd/index.js';
+export { VisuallyHidden } from './components/VisuallyHidden/index.js';
+export type { VisuallyHiddenProps, VisuallyHiddenAs } from './components/VisuallyHidden/index.js';
+export { LiveRegion } from './components/LiveRegion/index.js';
+export type { LiveRegionProps, LiveRegionPoliteness } from './components/LiveRegion/index.js';
+export { Highlight } from './components/Highlight/index.js';
+export type { HighlightProps } from './components/Highlight/index.js';
+export { Card, CardBody } from './components/Card/index.js';
+export type { CardProps, CardPadding, CardTone, CardOverflow } from './components/Card/index.js';
+export type { CardBodyProps } from './components/Card/index.js';
+export type { CardHeaderProps, CardHeaderLevel } from './components/Card/index.js';
+export type { CardListProps } from './components/Card/index.js';
+export type { CardListRowProps } from './components/Card/index.js';
+export { Checkbox } from './components/Checkbox/index.js';
+export type { CheckboxProps, CheckboxSize } from './components/Checkbox/index.js';
+export { ColorPicker, ColorPickerPanel, ColorPickerTrigger, hexToHsv, hsvToHex, normalizeHex, } from './components/ColorPicker/index.js';
+export type { ColorPickerProps, ColorPickerPanelProps, ColorPickerTriggerProps, HSV, } from './components/ColorPicker/index.js';
+export { IconPicker } from './components/IconPicker/index.js';
+export type { IconPickerProps, IconPickerBaseProps, IconPickerColorProps, IconPickerOption, IconPickerPopoverPlacement, IconPickerSize, } from './components/IconPicker/index.js';
+export { Stack } from './components/Stack/index.js';
+export type { StackProps, StackGap, StackAlign } from './components/Stack/index.js';
+export { Switch } from './components/Switch/index.js';
+export type { SwitchProps, SwitchSize, SwitchTone } from './components/Switch/index.js';
+export { Cluster } from './components/Cluster/index.js';
+export type { ClusterProps, ClusterAs, ClusterGap, ClusterJustify, ClusterAlign, } from './components/Cluster/index.js';
+export { Constrain } from './components/Constrain/index.js';
+export type { ConstrainProps, ConstrainWidth, ConstrainHeight, ConstrainFlex, } from './components/Constrain/index.js';
+export { Indent } from './components/Indent/index.js';
+export type { IndentProps, IndentGutter } from './components/Indent/index.js';
+export { AppLayout } from './components/AppLayout/index.js';
+export type { AppLayoutProps } from './components/AppLayout/index.js';
+export { Grid } from './components/Grid/index.js';
+export type { GridProps, GridGap, GridAlignItems, GridJustifyItems, GridAs, GridCollapseBreakpoint, CollapseColumnsMap, GridItemProps, GridItemSpan, GridItemAs, } from './components/Grid/index.js';
+export { Split } from './components/Split/index.js';
+export type { SplitProps, SplitSide, SplitGap, SplitAlign } from './components/Split/index.js';
+export { Sticky } from './components/Sticky/index.js';
+export type { StickyProps, StickyTop } from './components/Sticky/index.js';
+export { Masonry } from './components/Masonry/index.js';
+export type { MasonryProps, MasonryGap } from './components/Masonry/index.js';
+export { ScrollArea } from './components/ScrollArea/index.js';
+export type { ScrollAreaProps, ScrollAreaMaxHeight } from './components/ScrollArea/index.js';
+export { Divider } from './components/Divider/index.js';
+export type { DividerProps, DividerOrientation, DividerVariant, DividerSize, } from './components/Divider/index.js';
+export { Alert } from './components/Alert/index.js';
+export type { AlertProps, AlertTone } from './components/Alert/index.js';
+export { Banner } from './components/Banner/index.js';
+export type { BannerProps, BannerTone } from './components/Banner/index.js';
+export { AgentAvatar, Avatar, AvatarGroup, avatarColorIndex } from './components/Avatar/index.js';
+export type { AgentAvatarMember, AgentAvatarProps, AvatarProps, AvatarSize, AvatarStatus, AvatarGroupProps, } from './components/Avatar/index.js';
+export { Badge } from './components/Badge/index.js';
+export type { BadgeProps, BadgeTone, BadgeSize, BadgeDot, BadgeVariant, BadgeAlign, } from './components/Badge/index.js';
+export { Dot } from './components/Dot/index.js';
+export type { DotProps } from './components/Dot/index.js';
+export { EntityChip } from './components/EntityChip/index.js';
+export type { EntityChipProps, EntityChipAs, EntityChipStatus, EntityChipSegment, EntityChipLabelWeight, EntityChipLabelEllipsis, StatusCategory, } from './components/EntityChip/index.js';
+export { CatalogPicker } from './components/CatalogPicker/index.js';
+export type { CatalogPickerProps, CatalogPickerItem, CatalogPickerCategory, } from './components/CatalogPicker/index.js';
+export { PillMenu } from './components/PillMenu/index.js';
+export type { PillMenuProps, PillMenuOption, PillMenuCategory } from './components/PillMenu/index.js';
+export { Timeline } from './components/Timeline/index.js';
+export type { TimelineProps, TimelineItemProps } from './components/Timeline/index.js';
+export { ChatBubble } from './components/ChatBubble/index.js';
+export type { ChatBubbleProps, ChatBubbleFrom, ChatBubbleListProps } from './components/ChatBubble/index.js';
+export { ChatLauncher } from './components/ChatLauncher/index.js';
+export type { ChatLauncherProps } from './components/ChatLauncher/index.js';
+export { Thread } from './components/Thread/index.js';
+export type { ThreadProps, ThreadItemProps, ThreadNodeAlign } from './components/Thread/index.js';
+export { BrandIcon } from './components/BrandIcon/index.js';
+export type { BrandIconProps, BrandName } from './components/BrandIcon/index.js';
+export { Logo } from './components/Logo/index.js';
+export type { LogoProps, LogoSize, LogoTextPlacement } from './components/Logo/index.js';
+export { FilterChip } from './components/FilterChip/index.js';
+export type { FilterChipProps, FilterChipLabelProps, FilterChipValueProps, } from './components/FilterChip/index.js';
+export { FlowCanvas, arrangeNodes } from './components/FlowCanvas/index.js';
+export type { FlowCanvasProps, FlowCanvasNode, FlowCanvasEdge, FlowCanvasSelection, FlowCanvasPoint, } from './components/FlowCanvas/index.js';
+export { PersonDisplay } from './components/PersonDisplay/index.js';
+export type { PersonDisplayProps, PersonDisplayAvatarProps, PersonDisplayAgentAvatarProps, PersonDisplayOnBehalfOfProps, PersonDisplayNameProps, PersonDisplayDescriptionProps, PersonDisplaySize, } from './components/PersonDisplay/index.js';
+export { TableOfContents } from './components/TableOfContents/index.js';
+export type { TableOfContentsItem, TableOfContentsProps } from './components/TableOfContents/index.js';
+export { Tabs } from './components/Tabs/index.js';
+export type { TabsProps, TabItem, TabsAction, TabsActivationMode, TabsOrientation, } from './components/Tabs/index.js';
+export { DropdownMenu } from './components/DropdownMenu/index.js';
+export type { DropdownMenuProps, DropdownMenuTriggerProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuSeparatorProps, DropdownMenuSide, DropdownMenuAlign, DropdownMenuItemTone, DropdownMenuGroupProps, DropdownMenuLabelProps, DropdownMenuItemIndicatorProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuSubContentProps, } from './components/DropdownMenu/index.js';
+export { EmptyState } from './components/EmptyState/index.js';
+export type { EmptyStateProps, EmptyStateSize, EmptyStateAlign, EmptyStateHeadingLevel, } from './components/EmptyState/index.js';
+export { ErrorState } from './components/ErrorState/index.js';
+export type { ErrorStateProps, ErrorStateSize, ErrorStateAlign, ErrorStateTone, ErrorStateHeadingLevel, } from './components/ErrorState/index.js';
+export { IconTile } from './components/IconTile/index.js';
+export type { IconTileProps, IconTileSize, IconTileShape } from './components/IconTile/index.js';
+export { toast, ToastViewport } from './components/Toast/index.js';
+export type { ToastOptions, ToastUpdateOptions, ToastViewportProps, ToastTone, ToastPosition, } from './components/Toast/index.js';
+export { Tooltip } from './components/Tooltip/index.js';
+export type { TooltipProps, TooltipSide, TooltipAlign } from './components/Tooltip/index.js';
+export { Popover } from './components/Popover/index.js';
+export type { PopoverProps, PopoverTriggerProps, PopoverAnchorProps, PopoverContentProps, PopoverHeadingProps, PopoverCloseProps, PopoverSide, PopoverAlign, } from './components/Popover/index.js';
+export { ConfirmationPopover } from './components/ConfirmationPopover/index.js';
+export type { ConfirmationPopoverProps, ConfirmationVariant, } from './components/ConfirmationPopover/index.js';
+export { Tour } from './components/Tour/index.js';
+export type { TourProps, TourStep, TourSide, TourAlign, TourFinishReason } from './components/Tour/index.js';
+export { Modal } from './components/Modal/index.js';
+export type { ModalProps, ModalSize, ModalOverlayVariant, ModalStackMode, ModalHeaderProps, ModalBodyProps, ModalFooterProps, ModalCloseProps, } from './components/Modal/index.js';
+export { Lightbox } from './components/Lightbox/index.js';
+export type { LightboxProps, LightboxItem } from './components/Lightbox/index.js';
+export { Page } from './components/Page/index.js';
+export type { PageProps, PageGap } from './components/Page/index.js';
+export { Screen } from './components/Screen/index.js';
+export type { ScreenProps, ScreenFill, ScreenBackdrop, ScreenAlign } from './components/Screen/index.js';
+export { PageHeader } from './components/PageHeader/index.js';
+export type { PageHeaderProps, PageHeaderBreadcrumbProps, PageHeaderBackButtonProps, PageHeaderAsideProps, PageHeaderTitleProps, PageHeaderSubtitleProps, PageHeaderMetaProps, PageHeaderActionsProps, } from './components/PageHeader/index.js';
+export { Drawer } from './components/Drawer/index.js';
+export type { DrawerProps, DrawerSide, DrawerSize, DrawerOverlayVariant, DrawerStackMode, DrawerHeaderProps, DrawerBodyProps, DrawerFooterProps, DrawerCloseProps, } from './components/Drawer/index.js';
+export { Radio, RadioGroup } from './components/Radio/index.js';
+export type { RadioProps, RadioSize, RadioGroupProps, RadioGroupOrientation, } from './components/Radio/index.js';
+export { OtpInput } from './components/OtpInput/index.js';
+export type { OtpInputProps, OtpInputSize, OtpInputType } from './components/OtpInput/index.js';
+export { PasswordInput } from './components/PasswordInput/index.js';
+export type { PasswordInputProps, PasswordInputSize } from './components/PasswordInput/index.js';
+export { PasswordStrengthMeter } from './components/PasswordStrengthMeter/index.js';
+export type { PasswordStrengthMeterProps, PasswordStrengthScore, } from './components/PasswordStrengthMeter/index.js';
+export { CurrencySelect } from './components/CurrencySelect/index.js';
+export type { CurrencySelectProps, CurrencyDisplay } from './components/CurrencySelect/index.js';
+export { MoneyInput } from './components/MoneyInput/index.js';
+export type { MoneyInputProps, MoneyInputSize, MoneyValue } from './components/MoneyInput/index.js';
+export { PhoneInput, isValidPhone } from './components/PhoneInput/index.js';
+export type { PhoneInputProps, PhoneInputSize, CountryOption, CountryCode, CountryDisplay, } from './components/PhoneInput/index.js';
+export { Select } from './components/Select/index.js';
+export type { SelectProps, SelectOption, SelectGroup, SelectOptions, SelectSize, SelectTriggerDisplay, } from './components/Select/index.js';
+export { OptionsPicker } from './components/OptionsPicker/index.js';
+export type { OptionsPickerProps, OptionsPickerContentProps, OptionsPickerTriggerProps, OptionsPickerMode, OptionsPickerOption, OptionsPickerGroup, } from './components/OptionsPicker/index.js';
+export { EmojiPicker, EmojiPickerPopover } from './components/EmojiPicker/index.js';
+export type { EmojiPickerProps, EmojiPickerPopoverProps, EmojiEntry, EmojiCategory, EmojiCategoryId, } from './components/EmojiPicker/index.js';
+export { Progress } from './components/Progress/index.js';
+export type { ProgressProps, ProgressSize, ProgressTone, ProgressLabel, } from './components/Progress/index.js';
+export { CircularProgress } from './components/CircularProgress/index.js';
+export type { CircularProgressProps, CircularProgressSize, CircularProgressTone, CircularProgressLabel, } from './components/CircularProgress/index.js';
+export { Skeleton, useSkeletonVisibility } from './components/Skeleton/index.js';
+export type { SkeletonProps, SkeletonVariant, SkeletonAnimation, SkeletonVisibilityOptions, } from './components/Skeleton/index.js';
+export { Slider } from './components/Slider/index.js';
+export type { SliderProps, SliderValue, SliderSize, SliderTone, SliderOrientation, SliderMark, } from './components/Slider/index.js';
+export { Sortable } from './components/Sortable/index.js';
+export type { SortableProps, SortableItemProps, SortableHandleProps, SortableReorderEvent, SortableArrangement, CollapseBreakpoint, } from './components/Sortable/index.js';
+export { SortableGroup, moveSortableItem } from './components/SortableGroup/index.js';
+export type { SortableGroupProps, SortableGroupContainerProps, SortableMoveEvent, } from './components/SortableGroup/index.js';
+export { Table } from './components/Table/index.js';
+export type { TableProps, TableCaptionProps, TableSectionProps, TableRowProps, TableHeaderCellProps, TableCellProps, TableCellLinkProps, TableCellTone, TableLayout, TableDensity, TableCellAlign, TableSortDirection, } from './components/Table/index.js';
+export { Pagination, paginationRange } from './components/Pagination/index.js';
+export type { PaginationProps, PaginationSize, PaginationItem } from './components/Pagination/index.js';
+export { CursorPagination } from './components/CursorPagination/index.js';
+export type { CursorPaginationProps } from './components/CursorPagination/index.js';
+export { Textarea } from './components/Textarea/index.js';
+export type { TextareaProps, TextareaSize, TextareaResize } from './components/Textarea/index.js';
+export { LiquidEditor } from './components/LiquidEditor/index.js';
+export type { LiquidEditorProps, LiquidVariable, LiquidPreviewStatus, LiquidPreviewPlacement, } from './components/LiquidEditor/index.js';
+export { RichTextEditor } from './components/RichTextEditor/index.js';
+export type { RichTextEditorProps } from './components/RichTextEditor/index.js';
+export type { MentionItem, MentionsConfig } from './components/RichTextEditor/index.js';
+export { UploadError } from './components/RichTextEditor/index.js';
+export type { UploadConfig, UploadResult } from './components/RichTextEditor/index.js';
+export { FileUpload } from './components/FileUpload/index.js';
+export type { FileUploadProps, FileEntry, FileUploadStatus, FileRejectReason, } from './components/FileUpload/index.js';
+export { Image } from './components/Image/index.js';
+export type { ImageProps, ImageBackground, ImageObjectFit, ImageRadius, ImageSize, } from './components/Image/index.js';
+export { QrCode } from './components/QrCode/index.js';
+export type { QrCodeProps, QrCodeLevel } from './components/QrCode/index.js';
+export { MediaTile } from './components/MediaTile/index.js';
+export type { MediaTileProps, MediaTileReveal, MediaTileRadius, MediaTileCaptionPlacement, MediaTileControls, } from './components/MediaTile/index.js';
+export { ImageCrop, extractCropBlob, useCropPreview } from './components/ImageCrop/index.js';
+export type { ImageCropProps, ImageCropAspectOption, ImageCropAspectRatio, CropArea, ExtractCropOptions, UseCropPreviewOptions, UseCropPreviewResult, } from './components/ImageCrop/index.js';
+export { DataTable, useDataTable, ColumnVisibilityTrigger } from './components/DataTable/index.js';
+export type { DataTableProps, ColumnVisibilityTriggerProps, DataTableInstance, UseDataTableOptions, ColumnDef, ColumnAlign, ColumnOrderState, ColumnSizingState, ColumnVisibilityState, ColumnPinningState, RowSelectionState, ExpandedRowsState, SortState, Updater, HeaderContext, CellContext, } from './components/DataTable/index.js';
+export { List } from './components/List/index.js';
+export type { ListProps, ListItemProps, ListVariant, ListGap, ListSize, ListNumberStyle, } from './components/List/index.js';
+export { DefinitionList } from './components/DefinitionList/index.js';
+export type { DefinitionListProps, DefinitionListLayout, DefinitionListSpacing, DefinitionListItemProps, DefinitionListTermProps, DefinitionListDescriptionProps, } from './components/DefinitionList/index.js';
+export { Link } from './components/Link/index.js';
+export type { LinkProps, LinkVariant, LinkUnderline } from './components/Link/index.js';
+export { LinkCard } from './components/LinkCard/index.js';
+export type { LinkCardProps } from './components/LinkCard/index.js';
+export { Accordion } from './components/Accordion/index.js';
+export type { AccordionProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps, AccordionMode, AccordionHeaderLevel, AccordionVariant, AccordionSize, AccordionGap, AccordionIndicatorSide, AccordionActionsWhenClosed, } from './components/Accordion/index.js';
+export { Breadcrumb } from './components/Breadcrumb/index.js';
+export type { BreadcrumbProps, BreadcrumbItemProps } from './components/Breadcrumb/index.js';
+export { StagePath } from './components/StagePath/index.js';
+export type { StagePathProps, StagePathStage, StagePathTone } from './components/StagePath/index.js';
+export { WidgetPreview } from './components/WidgetPreview/index.js';
+export type { WidgetPreviewProps, WidgetPreviewVariant } from './components/WidgetPreview/index.js';
+export { Rail, useRail, RailContext } from './components/Rail/index.js';
+export type { RailProps, RailContextValue, RailHeaderProps, RailFooterProps, RailSpacerProps, RailCollapseToggleProps, RailSectionProps, RailItemProps, RailGroupProps, } from './components/Rail/index.js';
+export { TopBar } from './components/TopBar/index.js';
+export type { TopBarProps, TopBarElement, TopBarStartProps, TopBarEndProps, TopBarSearchProps, TopBarSearchGroup, TopBarSearchItem, TopBarSearchFooterAction, TopBarIconButtonProps, TopBarIndicatorTone, } from './components/TopBar/index.js';
+export { Code } from './components/Code/index.js';
+export type { CodeProps, CodeTone } from './components/Code/index.js';
+export { CodeBlock } from './components/CodeBlock/index.js';
+export type { CodeBlockProps, CodeBlockSample, CodeBlockHighlightLines, CodeBlockMaxHeight, CodeBlockLanguage, } from './components/CodeBlock/index.js';
+export { HighlightedText } from './components/HighlightedText/index.js';
+export type { HighlightedTextProps, HighlightRange } from './components/HighlightedText/index.js';
+export { RichText } from './components/RichText/index.js';
+export type { RichTextProps, RichDoc, RichBlock, RichBlockType, RichInline, RichMark, RichMarkType, RichPoint, RichRange, } from './components/RichText/index.js';
+export type { RichTextLink, RenderLink } from './components/RichText/engine/renderLink.js';
+export type { RichTextMention, RenderMention } from './components/RichText/engine/renderMention.js';
+export { emptyDoc, createBlock, docFromText, insertText, deleteRange, splitBlock, mergeBlockBackward, applyMark, removeMark, toggleMark, setBlockType, fromHtml, fromMarkdown, toHtml, toMarkdown, } from './components/RichText/index.js';
+export { Text } from './components/Text/index.js';
+export type { TextProps, TextAs, TextSize, TextTone, TextWeight, TextAlign, } from './components/Text/index.js';
+export { Title } from './components/Title/index.js';
+export type { TitleProps, TitleOrder, TitleSize, TitleTone, TitleWeight } from './components/Title/index.js';
+export { LocaleProvider, useLocale } from './i18n/index.js';
+export type { LocaleProviderProps } from './i18n/index.js';
+export { I18nProvider, useTranslation, useTranslationArray, ruPlural, ru } from './i18n/index.js';
+export type { I18nProviderProps, Locale, Messages, MessageKey, DeepPartial } from './i18n/index.js';
+export { AppProvider } from './app/index.js';
+export type { AppProviderProps, TokenMap } from './app/index.js';
+export { useMonth, useWeek, useDay, useAgenda, isSameDay, isSameMonth, isToday, isWeekend, addDays, addMonths, addWeeks, startOfDay, startOfWeek, startOfMonth, endOfMonth, daysBetween, toDateKey, fromDateKey, formatMonth, formatWeekdayShort, formatWeekdayNarrow, formatDayShort, formatDayLong, formatRange, formatHour, formatTime, getFirstDayOfWeek, getWeekendDays, } from './calendar/index.js';
+export type { Day, Week, MonthGrid, UseMonthOptions, UseWeekOptions, UseDayOptions, UseAgendaOptions, WeekResult, DayResult, AgendaResult, } from './calendar/index.js';
+export { Calendar } from './components/Calendar/index.js';
+export type { CalendarProps, CalendarBackgroundInterval, CalendarBackgroundTone, CalendarDropCandidate, CalendarDropResult, CalendarEvent, CalendarEventMove, CalendarEventResize, CalendarEventTone, CalendarResource, CalendarView, EventBar, MonthLayout, RenderEvent, RenderEventContext, } from './components/Calendar/index.js';
+export { DatePicker } from './components/DatePicker/index.js';
+export type { DatePickerProps, DatePickerSize } from './components/DatePicker/index.js';
+export { RelativeDateInput, parseRelativeDate, formatRelativeDate, } from './components/RelativeDateInput/index.js';
+export type { RelativeDateInputProps, RelativeDatePreset, RelativeDateValue, RelativeDateOptions, RelativePeriod, RelativeScope, RelativeUnit, } from './components/RelativeDateInput/index.js';
+export { DateStrip } from './components/DateStrip/index.js';
+export type { DateStripProps, DateStripDay } from './components/DateStrip/index.js';
+export { SlotGrid } from './components/SlotGrid/index.js';
+export type { SlotGridProps, SlotGridGroup, SlotGridSlot } from './components/SlotGrid/index.js';
+export { DateRangePicker } from './components/DateRangePicker/index.js';
+export type { DateRangePickerProps, DateRangePickerSize, DateRange, } from './components/DateRangePicker/index.js';
+export { InlineDatePicker } from './components/DatePicker/index.js';
+export type { InlineDatePickerProps } from './components/DatePicker/index.js';
+export { InlineDateRangePicker } from './components/DateRangePicker/index.js';
+export type { InlineDateRangePickerProps } from './components/DateRangePicker/index.js';
+export { TimeField } from './components/TimeField/index.js';
+export type { TimeFieldProps } from './components/TimeField/index.js';
+export type { DateTimeGranularity, TimeValue, HourCycle } from './components/DatePicker/utils.js';
+export { formatDateTime, parseDateTime, toIsoDateTime, combineDateAndTime, toTimeInputValue, resolveHourCycle, getLocaleHourCycle, roundTimeToStep, } from './components/DatePicker/utils.js';
+export { formatDateTimeRange, parseDateTimeRange, clampRangeEndAfterStart, } from './components/DateRangePicker/utils.js';
+export type { PaletteColor } from './palette/index.js';
+export { PALETTE_COLORS, paletteTokens } from './palette/index.js';
+export { useBelowBreakpoint } from './hooks/useBelowBreakpoint.js';
+export { Field } from './components/Field/index.js';
+export type { FieldProps, FieldOrientation, FieldSize, FieldRenderProps } from './components/Field/index.js';
+export { SettingRow } from './components/SettingRow/index.js';
+export type { SettingRowProps, SettingRowControlWidth, SettingRowListProps, SettingRowListSpacing, } from './components/SettingRow/index.js';
+export { FormSection } from './components/FormSection/index.js';
+export type { FormSectionProps } from './components/FormSection/index.js';
+export { FormRow } from './components/FormRow/index.js';
+export type { FormRowProps } from './components/FormRow/index.js';
+export { DashboardCanvas, DASHBOARD_COLUMNS } from './components/DashboardCanvas/index.js';
+export type { DashboardCanvasProps, DashboardCanvasConstraintsProp, DashboardPlacement, DashboardSection, DashboardCanvasValue, DashboardItemConstraints, } from './components/DashboardCanvas/index.js';
+export { DashboardWidget } from './components/DashboardWidget/index.js';
+export type { DashboardWidgetProps, DashboardWidgetVariant, DashboardWidgetTrend, DashboardWidgetActionsReveal, } from './components/DashboardWidget/index.js';
+export { StatGroup, StatTile } from './components/StatGroup/index.js';
+export type { StatGroupProps, StatGroupVariant, StatProgress, StatTileProps, StatTrend, } from './components/StatGroup/index.js';
+export { Chart } from './components/Chart/index.js';
+export { FunnelChart } from './components/FunnelChart/index.js';
+export type { FunnelChartProps, FunnelShape, FunnelSlot, FunnelStage, } from './components/FunnelChart/index.js';
+export { Sparkline } from './components/Sparkline/index.js';
+export type { SparklineProps, SparklineType } from './components/Sparkline/index.js';
+export { TreeView } from './components/TreeView/index.js';
+export type { TreeViewChildren, TreeViewNode, TreeViewOverflow, TreeViewProps, TreeViewView, } from './components/TreeView/index.js';
+export type { ChartMarker, ChartMarkerTone, ChartProps, ChartSeries, ChartType, } from './components/Chart/index.js';

package/dist/index.js

@@ -0,0 +1,168 @@
+import { Button } from "./components/Button/Button.js";
+import { SocialButton } from "./components/SocialButton/SocialButton.js";
+import { ButtonGroup } from "./components/ButtonGroup/ButtonGroup.js";
+import { Input } from "./components/Input/Input.js";
+import { Kanban } from "./components/Kanban/Kanban.js";
+import { Kbd } from "./components/Kbd/Kbd.js";
+import { VisuallyHidden } from "./components/VisuallyHidden/VisuallyHidden.js";
+import { LiveRegion } from "./components/LiveRegion/LiveRegion.js";
+import { Highlight } from "./components/Highlight/Highlight.js";
+import { Card } from "./components/Card/Card.js";
+import { CardBody } from "./components/Card/CardBody.js";
+import { Checkbox } from "./components/Checkbox/Checkbox.js";
+import { ColorPicker, ColorPickerTrigger } from "./components/ColorPicker/ColorPicker.js";
+import { ColorPickerPanel } from "./components/ColorPicker/ColorPickerPanel.js";
+import { hexToHsv, hsvToHex, normalizeHex } from "./components/ColorPicker/colorMath.js";
+import { IconPicker } from "./components/IconPicker/IconPicker.js";
+import { Stack } from "./components/Stack/Stack.js";
+import { Switch } from "./components/Switch/Switch.js";
+import { Cluster } from "./components/Cluster/Cluster.js";
+import { Constrain } from "./components/Constrain/Constrain.js";
+import { Indent } from "./components/Indent/Indent.js";
+import { AppLayout } from "./components/AppLayout/AppLayout.js";
+import { Grid } from "./components/Grid/Grid.js";
+import { Split } from "./components/Split/Split.js";
+import { Sticky } from "./components/Sticky/Sticky.js";
+import { Masonry } from "./components/Masonry/Masonry.js";
+import { ScrollArea } from "./components/ScrollArea/ScrollArea.js";
+import { Divider } from "./components/Divider/Divider.js";
+import { Alert } from "./components/Alert/Alert.js";
+import { Banner } from "./components/Banner/Banner.js";
+import { AgentAvatar } from "./components/Avatar/AgentAvatar.js";
+import { Avatar, avatarColorIndex } from "./components/Avatar/Avatar.js";
+import { AvatarGroup } from "./components/Avatar/AvatarGroup.js";
+import { Badge } from "./components/Badge/Badge.js";
+import { Dot } from "./components/Dot/Dot.js";
+import { EntityChip } from "./components/EntityChip/EntityChip.js";
+import { CatalogPicker } from "./components/CatalogPicker/CatalogPicker.js";
+import { PillMenu } from "./components/PillMenu/PillMenu.js";
+import { Timeline } from "./components/Timeline/Timeline.js";
+import { ChatBubble } from "./components/ChatBubble/ChatBubble.js";
+import { ChatLauncher } from "./components/ChatLauncher/ChatLauncher.js";
+import { Thread } from "./components/Thread/Thread.js";
+import { BrandIcon } from "./components/BrandIcon/BrandIcon.js";
+import { Logo } from "./components/Logo/Logo.js";
+import { FilterChip } from "./components/FilterChip/FilterChip.js";
+import { FlowCanvas } from "./components/FlowCanvas/FlowCanvas.js";
+import { arrangeNodes } from "./components/FlowCanvas/layout.js";
+import { PersonDisplay } from "./components/PersonDisplay/PersonDisplay.js";
+import { TableOfContents } from "./components/TableOfContents/TableOfContents.js";
+import { Tabs } from "./components/Tabs/Tabs.js";
+import { DropdownMenu } from "./components/DropdownMenu/DropdownMenu.js";
+import { EmptyState } from "./components/EmptyState/EmptyState.js";
+import { ErrorState } from "./components/ErrorState/ErrorState.js";
+import { IconTile } from "./components/IconTile/IconTile.js";
+import { toast } from "./components/Toast/api.js";
+import { ToastViewport } from "./components/Toast/ToastViewport.js";
+import { Tooltip } from "./components/Tooltip/Tooltip.js";
+import { Popover } from "./components/Popover/Popover.js";
+import { ConfirmationPopover } from "./components/ConfirmationPopover/ConfirmationPopover.js";
+import { Tour } from "./components/Tour/Tour.js";
+import { Modal } from "./components/Modal/Modal.js";
+import { Lightbox } from "./components/Lightbox/Lightbox.js";
+import { Page } from "./components/Page/Page.js";
+import { Screen } from "./components/Screen/Screen.js";
+import { PageHeader } from "./components/PageHeader/PageHeader.js";
+import { Drawer } from "./components/Drawer/Drawer.js";
+import { Radio } from "./components/Radio/Radio.js";
+import { RadioGroup } from "./components/Radio/RadioGroup.js";
+import { OtpInput } from "./components/OtpInput/OtpInput.js";
+import { PasswordInput } from "./components/PasswordInput/PasswordInput.js";
+import { PasswordStrengthMeter } from "./components/PasswordStrengthMeter/PasswordStrengthMeter.js";
+import { CurrencySelect } from "./components/CurrencySelect/CurrencySelect.js";
+import { MoneyInput } from "./components/MoneyInput/MoneyInput.js";
+import { PhoneInput } from "./components/PhoneInput/PhoneInput.js";
+import { isValidPhone } from "./components/PhoneInput/phone.js";
+import { Select } from "./components/Select/Select.js";
+import { OptionsPicker } from "./components/OptionsPicker/OptionsPicker.js";
+import { EmojiPicker, EmojiPickerPopover } from "./components/EmojiPicker/EmojiPicker.js";
+import { Progress } from "./components/Progress/Progress.js";
+import { CircularProgress } from "./components/CircularProgress/CircularProgress.js";
+import { Skeleton } from "./components/Skeleton/Skeleton.js";
+import { useSkeletonVisibility } from "./components/Skeleton/useSkeletonVisibility.js";
+import { Slider } from "./components/Slider/Slider.js";
+import { Sortable } from "./components/Sortable/Sortable.js";
+import { SortableGroup } from "./components/SortableGroup/SortableGroup.js";
+import { moveSortableItem } from "./components/SortableGroup/moveSortableItem.js";
+import { Table } from "./components/Table/Table.js";
+import { Pagination } from "./components/Pagination/Pagination.js";
+import { paginationRange } from "./components/Pagination/paginationRange.js";
+import { CursorPagination } from "./components/CursorPagination/CursorPagination.js";
+import { Textarea } from "./components/Textarea/Textarea.js";
+import { LiquidEditor } from "./components/LiquidEditor/LiquidEditor.js";
+import { RichTextEditor } from "./components/RichTextEditor/RichTextEditor.js";
+import { UploadError } from "./components/RichTextEditor/useUpload.js";
+import { FileUpload } from "./components/FileUpload/FileUpload.js";
+import { Image } from "./components/Image/Image.js";
+import { QrCode } from "./components/QrCode/QrCode.js";
+import { MediaTile } from "./components/MediaTile/MediaTile.js";
+import { ImageCrop } from "./components/ImageCrop/ImageCrop.js";
+import { extractCropBlob } from "./components/ImageCrop/extractCropBlob.js";
+import { useCropPreview } from "./components/ImageCrop/useCropPreview.js";
+import { DataTable } from "./components/DataTable/DataTable.js";
+import { useDataTable } from "./components/DataTable/useDataTable.js";
+import { ColumnVisibilityTrigger } from "./components/DataTable/ColumnVisibilityTrigger.js";
+import { List } from "./components/List/List.js";
+import { DefinitionList } from "./components/DefinitionList/DefinitionList.js";
+import { Link } from "./components/Link/Link.js";
+import { LinkCard } from "./components/LinkCard/LinkCard.js";
+import { Accordion } from "./components/Accordion/Accordion.js";
+import { Breadcrumb } from "./components/Breadcrumb/Breadcrumb.js";
+import { StagePath } from "./components/StagePath/StagePath.js";
+import { WidgetPreview } from "./components/WidgetPreview/WidgetPreview.js";
+import { Rail, RailContext, useRail } from "./components/Rail/Rail.js";
+import { TopBar } from "./components/TopBar/TopBar.js";
+import { Code } from "./components/Code/Code.js";
+import { CodeBlock } from "./components/CodeBlock/CodeBlock.js";
+import { HighlightedText } from "./components/HighlightedText/HighlightedText.js";
+import { RichText } from "./components/RichText/RichText.js";
+import { createBlock, docFromText, emptyDoc } from "./components/RichText/engine/model.js";
+import { applyMark, deleteRange, insertText, mergeBlockBackward, removeMark, setBlockType, splitBlock, toggleMark } from "./components/RichText/engine/transforms.js";
+import { fromHtml } from "./components/RichText/engine/fromHtml.js";
+import { fromMarkdown } from "./components/RichText/engine/fromMarkdown.js";
+import { toHtml } from "./components/RichText/engine/toHtml.js";
+import { toMarkdown } from "./components/RichText/engine/toMarkdown.js";
+import { Text } from "./components/Text/Text.js";
+import { Title } from "./components/Title/Title.js";
+import { LocaleProvider } from "./i18n/LocaleProvider.js";
+import { useLocale } from "./i18n/useLocale.js";
+import { I18nProvider } from "./i18n/I18nProvider.js";
+import { useTranslation, useTranslationArray } from "./i18n/useTranslation.js";
+import { ruPlural } from "./i18n/format.js";
+import { ru } from "./i18n/ru.js";
+import { AppProvider } from "./app/AppProvider.js";
+import { useMonth } from "./calendar/useMonth.js";
+import { useWeek } from "./calendar/useWeek.js";
+import { useDay } from "./calendar/useDay.js";
+import { useAgenda } from "./calendar/useAgenda.js";
+import { addDays, addMonths, addWeeks, daysBetween, endOfMonth, fromDateKey, isSameDay, isSameMonth, isToday, isWeekend, startOfDay, startOfMonth, startOfWeek, toDateKey } from "./calendar/dateMath.js";
+import { formatDayLong, formatDayShort, formatHour, formatMonth, formatRange, formatTime, formatWeekdayNarrow, formatWeekdayShort } from "./calendar/formatters.js";
+import { getFirstDayOfWeek, getWeekendDays } from "./calendar/weekInfo.js";
+import { Calendar } from "./components/Calendar/Calendar.js";
+import { DatePicker } from "./components/DatePicker/DatePicker.js";
+import { RelativeDateInput } from "./components/RelativeDateInput/RelativeDateInput.js";
+import { formatRelativeDate, parseRelativeDate } from "./components/RelativeDateInput/relativeDate.js";
+import { DateStrip } from "./components/DateStrip/DateStrip.js";
+import { SlotGrid } from "./components/SlotGrid/SlotGrid.js";
+import { DateRangePicker } from "./components/DateRangePicker/DateRangePicker.js";
+import { InlineDatePicker } from "./components/DatePicker/InlineDatePicker.js";
+import { InlineDateRangePicker } from "./components/DateRangePicker/InlineDateRangePicker.js";
+import { TimeField } from "./components/TimeField/TimeField.js";
+import { combineDateAndTime, formatDateTime, getLocaleHourCycle, parseDateTime, resolveHourCycle, roundTimeToStep, toIsoDateTime, toTimeInputValue } from "./components/DatePicker/utils.js";
+import { clampRangeEndAfterStart, formatDateTimeRange, parseDateTimeRange } from "./components/DateRangePicker/utils.js";
+import { PALETTE_COLORS, paletteTokens } from "./palette/palette.js";
+import { useBelowBreakpoint } from "./hooks/useBelowBreakpoint.js";
+import { Field } from "./components/Field/Field.js";
+import { SettingRow } from "./components/SettingRow/SettingRow.js";
+import { FormSection } from "./components/FormSection/FormSection.js";
+import { FormRow } from "./components/FormRow/FormRow.js";
+import { DashboardCanvas } from "./components/DashboardCanvas/DashboardCanvas.js";
+import { DASHBOARD_COLUMNS } from "./components/DashboardCanvas/engine.js";
+import { DashboardWidget } from "./components/DashboardWidget/DashboardWidget.js";
+import { StatGroup } from "./components/StatGroup/StatGroup.js";
+import { StatTile } from "./components/StatGroup/StatTile.js";
+import { Chart } from "./components/Chart/Chart.js";
+import { FunnelChart } from "./components/FunnelChart/FunnelChart.js";
+import { Sparkline } from "./components/Sparkline/Sparkline.js";
+import { TreeView } from "./components/TreeView/TreeView.js";
+export { Accordion, AgentAvatar, Alert, AppLayout, AppProvider, Avatar, AvatarGroup, Badge, Banner, BrandIcon, Breadcrumb, Button, ButtonGroup, Calendar, Card, CardBody, CatalogPicker, Chart, ChatBubble, ChatLauncher, Checkbox, CircularProgress, Cluster, Code, CodeBlock, ColorPicker, ColorPickerPanel, ColorPickerTrigger, ColumnVisibilityTrigger, ConfirmationPopover, Constrain, CurrencySelect, CursorPagination, DASHBOARD_COLUMNS, DashboardCanvas, DashboardWidget, DataTable, DatePicker, DateRangePicker, DateStrip, DefinitionList, Divider, Dot, Drawer, DropdownMenu, EmojiPicker, EmojiPickerPopover, EmptyState, EntityChip, ErrorState, Field, FileUpload, FilterChip, FlowCanvas, FormRow, FormSection, FunnelChart, Grid, Highlight, HighlightedText, I18nProvider, IconPicker, IconTile, Image, ImageCrop, Indent, InlineDatePicker, InlineDateRangePicker, Input, Kanban, Kbd, Lightbox, Link, LinkCard, LiquidEditor, List, LiveRegion, LocaleProvider, Logo, Masonry, MediaTile, Modal, MoneyInput, OptionsPicker, OtpInput, PALETTE_COLORS, Page, PageHeader, Pagination, PasswordInput, PasswordStrengthMeter, PersonDisplay, PhoneInput, PillMenu, Popover, Progress, QrCode, Radio, RadioGroup, Rail, RailContext, RelativeDateInput, RichText, RichTextEditor, Screen, ScrollArea, Select, SettingRow, Skeleton, Slider, SlotGrid, SocialButton, Sortable, SortableGroup, Sparkline, Split, Stack, StagePath, StatGroup, StatTile, Sticky, Switch, Table, TableOfContents, Tabs, Text, Textarea, Thread, TimeField, Timeline, Title, ToastViewport, Tooltip, TopBar, Tour, TreeView, UploadError, VisuallyHidden, WidgetPreview, addDays, addMonths, addWeeks, applyMark, arrangeNodes, avatarColorIndex, clampRangeEndAfterStart, combineDateAndTime, createBlock, daysBetween, deleteRange, docFromText, emptyDoc, endOfMonth, extractCropBlob, formatDateTime, formatDateTimeRange, formatDayLong, formatDayShort, formatHour, formatMonth, formatRange, formatRelativeDate, formatTime, formatWeekdayNarrow, formatWeekdayShort, fromDateKey, fromHtml, fromMarkdown, getFirstDayOfWeek, getLocaleHourCycle, getWeekendDays, hexToHsv, hsvToHex, insertText, isSameDay, isSameMonth, isToday, isValidPhone, isWeekend, mergeBlockBackward, moveSortableItem, normalizeHex, paginationRange, paletteTokens, parseDateTime, parseDateTimeRange, parseRelativeDate, removeMark, resolveHourCycle, roundTimeToStep, ru, ruPlural, setBlockType, splitBlock, startOfDay, startOfMonth, startOfWeek, toDateKey, toHtml, toIsoDateTime, toMarkdown, toTimeInputValue, toast, toggleMark, useAgenda, useBelowBreakpoint, useCropPreview, useDataTable, useDay, useLocale, useMonth, useRail, useSkeletonVisibility, useTranslation, useTranslationArray, useWeek };

package/dist/palette/index.d.ts

@@ -0,0 +1,2 @@
+export type { PaletteColor } from './palette.js';
+export { PALETTE_COLORS, paletteTokens } from './palette.js';

package/dist/palette/palette.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Categorical color palette. 30 named colors with bg + fg pairs.
+ * Use for consumer-defined domain → color mappings (audit event
+ * namespaces, tag/label picker, team-colored checkboxes, …).
+ *
+ * NOT semantic — use `BadgeTone` (info/success/warning/danger/…)
+ * for status. Palette colors carry no meaning beyond visual identity.
+ *
+ * The generated `@eocrm/design-tokens` Sass contract exposes the
+ * `--color-palette-<name>-bg/--color-palette-<name>-fg` namespace.
+ * Contributors change source definitions in
+ * `packages/design-tokens/src/tokens.json`.
+ */
+export type PaletteColor = 'red' | 'coral' | 'orange' | 'amber' | 'gold' | 'yellow' | 'olive' | 'lime' | 'green' | 'emerald' | 'mint' | 'teal' | 'cyan' | 'sky' | 'blue' | 'navy' | 'indigo' | 'violet' | 'lavender' | 'purple' | 'plum' | 'fuchsia' | 'magenta' | 'pink' | 'rose' | 'brown' | 'taupe' | 'slate' | 'stone' | 'charcoal';
+/**
+ * Ordered list of all 30 palette colors. Use for demo grids, color
+ * pickers, or anywhere a stable iteration order is needed.
+ */
+export declare const PALETTE_COLORS: readonly ["red", "coral", "orange", "amber", "gold", "yellow", "olive", "lime", "green", "emerald", "mint", "teal", "cyan", "sky", "blue", "navy", "indigo", "violet", "lavender", "purple", "plum", "fuchsia", "magenta", "pink", "rose", "brown", "taupe", "slate", "stone", "charcoal"];
+/**
+ * Returns the CSS custom-property names for a palette color's bg and fg.
+ * Use to apply palette colors to consumer-built components without
+ * hard-coding the var names.
+ *
+ * @example
+ * const { bg, fg } = paletteTokens('amber');
+ * // bg === 'var(--color-palette-amber-bg)'
+ * // fg === 'var(--color-palette-amber-fg)'
+ *
+ * @example
+ * // In a consumer-built chip:
+ * function CategoryChip({ color, children }: { color: PaletteColor; children: ReactNode }) {
+ *   const { bg, fg } = paletteTokens(color);
+ *   return <span style={{ background: bg, color: fg }}>{children}</span>;
+ * }
+ */
+export declare function paletteTokens(color: PaletteColor): {
+    bg: string;
+    fg: string;
+};