@l3mpire/ui 2.26.3 → 3.2.1

package/USAGE.md

@@ -210,12 +210,16 @@ import { faStarOutline } from "@l3mpire/icons";
 <Badge variant="solid" type="primary">New</Badge>
 <Badge variant="light" type="success" size="sm">Active</Badge>
 <Badge variant="outlined" type="critical" icon={faStarOutline}>99</Badge>
+
+// Categorical tone — overrides variant/type
+<Badge tone="indigo">SaaS</Badge>
 ```
 
 | Prop | Values |
 |---|---|
 | `variant` | `"solid"`, `"light"`, `"outlined"` |
 | `type` | `"primary"`, `"success"`, `"critical"`, `"warning"`, `"neutral"` |
+| `tone` | `"indigo"`, `"rose"`, `"lime"`, `"violet"`, `"cyan"`, `"orange"`, `"emerald"`, `"fuchsia"`, `"amber"`, `"slate"` — categorical palette; overrides `variant`/`type` |
 | `size` | `"sm"`, `"md"`, `"lg"` |
 | `icon` | `IconDefinition` (optional) |
 
@@ -231,11 +235,15 @@ import { faPaperPlaneOutline } from "@l3mpire/icons";
 <Tag variant="neutral" icon={faPaperPlaneOutline} onClose={() => {}}>
   Campaign
 </Tag>
+
+// Categorical tone — overrides variant
+<Tag tone="emerald">Finance</Tag>
 ```
 
 | Prop | Values |
 |---|---|
 | `variant` | `"brand"`, `"neutral"` |
+| `tone` | `"indigo"`, `"rose"`, `"lime"`, `"violet"`, `"cyan"`, `"orange"`, `"emerald"`, `"fuchsia"`, `"amber"`, `"slate"` — categorical palette; overrides `variant` |
 | `size` | `"sm"`, `"md"` |
 | `icon` | `IconDefinition` |
 | `onClose` | `() => void` (shows remove button when provided) |
@@ -315,11 +323,12 @@ const [values, setValues] = useState<string[]>([]);
 | `label` | `string` |
 | `error` | `boolean` |
 | `errorMessage` | `string` |
+| `success` | `boolean` |
 | `disabled` | `boolean` |
 | `iconLeft` | `IconDefinition` |
 | `max` | `number` (max chips, 0 = unlimited) |
 
-Type a value and press Enter to create a chip. Backspace on empty input removes the last chip. Duplicate values are ignored.
+Type a value and press Enter to create a chip. Backspace on empty input removes the last chip. Duplicate values are ignored. Each chip truncates at ~150px; when truncated, hovering shows the full value in a tooltip (auto-detected via `TruncatedText`).
 
 ---
 
@@ -545,7 +554,7 @@ import { Select } from "@l3mpire/ui";
 | `error` | `boolean` |
 | `errorMessage` | `string` |
 | `icon` | `IconDefinition` |
-| `tags` | `string[]` (shows selected values as chips with overflow +X) |
+| `tags` | `string[]` (shows selected values as chips with overflow +X; chips truncate at ~100px and show the full tag in a tooltip on hover when clipped) |
 | `onTagRemove` | `(tag: string) => void` (remove chip callback) |
 | `multiCount` | `number` (shows "+N others" text, non-tags mode) |
 | `isOpen` | `boolean` (controlled) |
@@ -625,6 +634,79 @@ import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "@l3mpi
 
 ---
 
+### TruncatedText
+
+A `<span>` that truncates with ellipsis and **auto-shows a tooltip with the full content on hover when actually clipped** (detected via `scrollWidth > clientWidth`, re-checked on resize). When the text fits, no tooltip is mounted.
+
+```tsx
+import { TruncatedText } from "@l3mpire/ui";
+
+<TruncatedText className="max-w-[150px] text-sm">
+  A very long string that probably won't fit
+</TruncatedText>
+
+{/* Custom tooltip body (display vs. tooltip differ) */}
+<TruncatedText
+  className="max-w-[200px]"
+  tooltip={<span>+33 6 12 34 56 78</span>}
+>
+  +33 6 12 34 56 78
+</TruncatedText>
+```
+
+| Prop | Values |
+|---|---|
+| `children` | `string` (the displayed text; also the default tooltip body) |
+| `tooltip` | `React.ReactNode` (override the tooltip body) |
+| `delayDuration` | `number` (ms, default 300) |
+| `className` | `string` — must include a width constraint (`max-w-*` or a constrained flex parent), otherwise nothing is clipped and no tooltip appears |
+
+Already wired into `ChipInput` chips, `Select` multi-value chips, and `FilterChipSegment` labels — use this directly when you need the same behavior elsewhere (e.g. a table cell, a sidebar label).
+
+---
+
+### EmojiPicker
+
+Emoji picker built on top of [emoji-mart](https://github.com/missive/emoji-mart) with lemDS theming and dark-mode auto-detection. Ships as two exports:
+
+```tsx
+import { EmojiPickerPopover, EmojiPicker, type EmojiSelection } from "@l3mpire/ui";
+
+{/* Common usage — ghost icon-only button trigger */}
+<EmojiPickerPopover onSelect={(e: EmojiSelection) => insert(e.native)} />
+
+{/* Custom trigger */}
+<EmojiPickerPopover onSelect={handleSelect}>
+  <Button appearance="outlined" intent="brand">Add emoji</Button>
+</EmojiPickerPopover>
+
+{/* Inline picker */}
+<EmojiPicker onSelect={handleSelect} locale="fr" previewPosition="none" perLine={8} />
+```
+
+| Prop (shared) | Values |
+|---|---|
+| `onSelect` | `(emoji: EmojiSelection) => void` — `{ id, name, native, unified, keywords, shortcodes, skin? }` |
+| `locale` | `"en"` \| `"fr"` (default `"en"`) — translates search/categories/skin-tone labels |
+| `theme` | `"light"` \| `"dark"` \| `"auto"` — defaults to auto-detect via `data-theme="dark"` on `<html>` |
+| `skin` | `1`–`6` (skin tone) |
+| `previewPosition` | `"top"` \| `"bottom"` \| `"none"` |
+| `skinTonePosition` | `"preview"` \| `"search"` \| `"none"` |
+| `searchPosition` | `"sticky"` \| `"static"` \| `"none"` |
+| `navPosition` | `"top"` \| `"bottom"` \| `"none"` |
+| `perLine` | `number` (per-row emoji count) |
+
+| `EmojiPickerPopover` only | Values |
+|---|---|
+| `children` | `ReactNode` — custom trigger (defaults to ghost icon Button with face-smile icon) |
+| `open` / `onOpenChange` | controlled popover state |
+| `side` / `align` / `sideOffset` | Radix Popover placement |
+| `triggerAriaLabel` | `string` — for the default trigger only |
+
+emoji-mart's data bundle (~150 KB gz) is **dynamically imported** the first time a picker mounts; it's cached for subsequent mounts. The picker re-themes automatically when `data-theme` changes on `<html>`.
+
+---
+
 ### Toast
 
 ```tsx
@@ -1011,7 +1093,15 @@ import {
   filterState={filterState}
   onFilterStateChange={setFilterState}
   sortFields={SORT_FIELDS}
-  actions={<SaveViewButton />}
+  // Row 1 (always): page-level actions
+  actions={<Button appearance="solid" intent="brand">Start tasks</Button>}
+  // Row 2 (while editing filters): view-related actions
+  filterActions={
+    <>
+      <Button appearance="ghost" intent="brand">Discard changes</Button>
+      <SaveViewButton />
+    </>
+  }
 >
   <SearchBar size="sm" className="w-[200px]" />
 </FilterSystem>
@@ -1044,7 +1134,7 @@ import {
 | `AdvancedRow` | Single condition row (property + operator + type-aware value popover + actions) |
 | `AdvancedGroup` | Nested group container with shared connector and inline property selector |
 | `FilterNodeActions` | Kebab menu shared by rows and groups (Duplicate / Turn into group↔filter / Delete) |
-| `SaveViewButton` | Split button (Save view + dropdown chevron) |
+| `SaveViewButton` | Outlined split button (Save view + dropdown chevron for Save for me / everyone). Goes in the Row 2 `filterActions` slot. |
 | `SummaryChip` | Minimal mode: "Filters (N)" with interactive popover |
 
 **Responsive:** FilterSystem auto-detects container width via `ResizeObserver`:
@@ -1052,7 +1142,7 @@ import {
 - **Minimal** (≤breakpoint): SummaryChip "Filters (N)" with interactive popover, icon-only Sort/Filter buttons
 - The breakpoint is configurable via the `breakpoint` prop on `FilterSystem` (default: `600`).
 
-**Built-in Clear:** appears inline after the last filter chip ("Clear" text in default, × icon in minimal). Separate from "Discard changes" which goes in `actions` (right side) to revert a saved view.
+**Built-in Clear:** appears inline after the last filter chip ("Clear" text in default, × icon in minimal). Separate from "Discard changes", which goes in the Row 2 `filterActions` slot (far right, next to `SaveViewButton`) to revert a saved view's unsaved edits. Page-level actions (Create / Import / Start tasks) belong in the Row 1 `actions` slot and stay visible at all times — `SaveViewButton` should **not** be placed there.
 
 **And/Or toggle:** each row in the advanced popover has an independent And/Or toggle button. The choice is **persisted on each `FilterCondition` as `logicOperator: "and" | "or"`** (defaults to `"and"` when undefined), so it survives remounts and can be serialized.
 

package/dist/index.d.mts

@@ -114,6 +114,67 @@ interface TruncatedTextProps extends Omit<React.HTMLAttributes<HTMLSpanElement>,
 }
 declare const TruncatedText: React.ForwardRefExoticComponent<TruncatedTextProps & React.RefAttributes<HTMLSpanElement>>;
 
+interface EmojiSelection {
+    id: string;
+    name: string;
+    native: string;
+    unified: string;
+    keywords: string[];
+    shortcodes: string;
+    skin?: number;
+}
+type EmojiPickerLocale = "en" | "fr";
+interface CommonEmojiPickerProps {
+    /** Called with the selected emoji. */
+    onSelect: (emoji: EmojiSelection) => void;
+    /** Picker locale (defaults to `"en"`). */
+    locale?: EmojiPickerLocale;
+    /**
+     * Auto-tracks `data-theme="dark"` on `<html>` by default. Pass an explicit
+     * `"light"` or `"dark"` to override.
+     */
+    theme?: "light" | "dark" | "auto";
+    /** Pre-selected skin tone (1–6). */
+    skin?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Hide the search bar. */
+    searchPosition?: "sticky" | "static" | "none";
+    /** Hide the skin-tone selector button. */
+    skinTonePosition?: "preview" | "search" | "none";
+    /** Hide the bottom preview bar. */
+    previewPosition?: "top" | "bottom" | "none";
+    /** Hide the category navigation row. */
+    navPosition?: "top" | "bottom" | "none";
+    /** Per-row emoji count (default emoji-mart value: 9). */
+    perLine?: number;
+    /** Maximum number of recent emojis kept by emoji-mart (localStorage). */
+    maxFrequentRows?: number;
+}
+interface EmojiPickerProps extends CommonEmojiPickerProps {
+    className?: string;
+}
+declare const EmojiPicker: React.ForwardRefExoticComponent<EmojiPickerProps & React.RefAttributes<HTMLDivElement>>;
+interface EmojiPickerPopoverProps extends CommonEmojiPickerProps {
+    /**
+     * Custom trigger element. Provide via `children` together with `asChild`-style
+     * composition (Radix passes the trigger props down). When omitted, a default
+     * ghost icon-only Button with the face-smile icon is rendered.
+     */
+    children?: React.ReactNode;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Open-state change handler. */
+    onOpenChange?: (open: boolean) => void;
+    /** Popover side (default `"bottom"`). */
+    side?: "top" | "right" | "bottom" | "left";
+    /** Popover alignment (default `"start"`). */
+    align?: "start" | "center" | "end";
+    /** Distance from the trigger in px (default 6). */
+    sideOffset?: number;
+    /** `aria-label` for the default trigger (ignored when `children` is set). */
+    triggerAriaLabel?: string;
+}
+declare const EmojiPickerPopover: React.ForwardRefExoticComponent<EmojiPickerPopoverProps & React.RefAttributes<HTMLButtonElement>>;
+
 declare const linkVariants: (props?: ({
     intent?: "success" | "warning" | "neutral" | "alert" | "brand" | null | undefined;
     size?: "sm" | "md" | null | undefined;
@@ -200,6 +261,7 @@ declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAtt
 declare const badgeVariants: (props?: ({
     variant?: "solid" | "light" | "outlined" | null | undefined;
     type?: "primary" | "success" | "critical" | "warning" | "neutral" | null | undefined;
+    tone?: "indigo" | "rose" | "lime" | "violet" | "cyan" | "orange" | "emerald" | "fuchsia" | "amber" | "slate" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "type">, VariantProps<typeof badgeVariants> {
@@ -351,6 +413,7 @@ declare const TabContent: React.ForwardRefExoticComponent<TabContentProps & Reac
 
 declare const tagVariants: (props?: ({
     variant?: "neutral" | "brand" | null | undefined;
+    tone?: "indigo" | "rose" | "lime" | "violet" | "cyan" | "orange" | "emerald" | "fuchsia" | "amber" | "slate" | null | undefined;
     size?: "sm" | "md" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "type">, VariantProps<typeof tagVariants> {
@@ -950,9 +1013,9 @@ interface SaveViewButtonProps extends React.HTMLAttributes<HTMLDivElement> {
     onDropdown?: () => void;
 }
 /**
- * Split button for saving filtered views.
- * Left side: "Save view" (solid brand, rounded-left).
- * Right side: chevron-down (solid brand, rounded-right).
+ * Split button for saving filtered views (outlined, neutral).
+ * Left side: "Save view" (rounded-left).
+ * Right side: chevron-down dropdown (e.g. Save for me / Save for everyone).
  */
 declare const SaveViewButton: React.ForwardRefExoticComponent<SaveViewButtonProps & React.RefAttributes<HTMLDivElement>>;
 
@@ -1183,4 +1246,4 @@ declare const DatePickerTrigger: React.ForwardRefExoticComponent<PopoverPrimitiv
 declare const DatePickerPopover: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare function getDefaultSuggestions(referenceDate?: Date): DatePickerSuggestion[];
 
-export { AdvancedChip, type AdvancedChipProps, AdvancedPopover, type AdvancedPopoverProps, AdvancedRow, type AdvancedRowProps, Avatar, AvatarCell, type AvatarCellProps, type AvatarProps, Badge, type BadgeProps, type BooleanOperator, BrowserTab, BrowserTabItem, type BrowserTabItemProps, type BrowserTabProps, BulkAction, type BulkActionItem, type BulkActionProps, Button, ButtonCell, type ButtonCellProps, type ButtonProps, Checkbox, type CheckboxProps, ChipInput, type ChipInputProps, DEFAULT_OPERATOR_BY_TYPE, DataTable, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableSettingsModal, type DataTableSettingsModalProps, type DataType, DateCell, type DateCellProps, type DateOperator, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerFooter, type DatePickerFooterProps, type DatePickerMode, DatePickerPanel, type DatePickerPanelProps, DatePickerPopover, type DatePickerProps, DatePickerRoot, DatePickerSelects, type DatePickerSelectsProps, type DatePickerSuggestion, DatePickerSuggestions, type DatePickerSuggestionsProps, DatePickerTrigger, type DateRange, Dialog, type DialogProps, DropdownMenu, DropdownMenuClear, type DropdownMenuClearProps, DropdownMenuContent, DropdownMenuHeading, type DropdownMenuHeadingProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuList, type DropdownMenuListProps, type DropdownMenuProps, DropdownMenuRadixItem, type DropdownMenuRadixItemProps, DropdownMenuRoot, DropdownMenuTrigger, EditableCell, type EditableCellProps, EmailCell, type EmailCellProps, EmptyState, type EmptyStateProps, type EnumOperator, FilterBar, FilterBarButton, type FilterBarButtonProps, FilterBarLeft, type FilterBarLeftProps, type FilterBarMode, type FilterBarProps, FilterBarRight, type FilterBarRightProps, FilterChip, type FilterChipProps, FilterChipSegment, type FilterChipSegmentProps, type FilterCondition, FilterEditor, type FilterEditorProps, type FilterOperator, type FilterState, FilterSystem, type FilterSystemProps, type FilterValue, InfoMessage, type InfoMessageProps, InputLabel, type InputLabelProps, InteractiveFilterChip, type InteractiveFilterChipProps, KebabMenu, type KebabMenuProps, Link, LinkCell, type LinkCellProps, type LinkProps, Modal, ModalBody, ModalClose, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalOverlay, ModalTitle, ModalTrigger, NumberCell, type NumberCellProps, NumberInput, type NumberInputProps, type NumberOperator, OPERATORS_BY_TYPE, OperatorList, type OperatorListProps, OperatorSelector, type OperatorSelectorProps, type OperatorType, type Product, ProductLogo, type ProductLogoProps, type PropertyDefinition, PropertySelector, type PropertySelectorProps, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RelationOperator, RowActions, type RowActionsProps, SaveViewButton, type SaveViewButtonProps, SearchBar, type SearchBarProps, Select, type SelectProps, SidePanel, SidePanelClose, SidePanelContent, type SidePanelContentProps, SidePanelTrigger, Sidebar, SidebarFooter, type SidebarFooterProps, SidebarHeader, SidebarHeadingItem, type SidebarHeadingItemProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, SortButton, type SortButtonProps, type SortField, StatusCell, type StatusCellProps, SummaryChip, type SummaryChipProps, Switch, SwitchCard, type SwitchCardProps, type SwitchProps, TabContent, type TabContentProps, TabList, type TabListProps, TabTrigger, type TabTriggerProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, type TabsProps, Tag, type TagProps, type TagsOperator, TextArea, type TextAreaProps, TextCell, type TextCellProps, TextInput, type TextInputProps, type TextOperator, Toast, type ToastProps, ToastProvider, ToastViewport, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, TruncatedText, type TruncatedTextProps, Typography, type TypographyProps, UserMenu, UserMenuInfoRow, type UserMenuInfoRowProps, type UserMenuProps, UserMenuSection, type UserMenuSectionProps, ValueInput, type ValueInputProps, avatarVariants, badgeVariants, buttonVariants, chipInputVariants, cn, createFilterWithDefaults, emptyStateVariants, filterChipSegmentVariants, getDefaultOperator, getDefaultSuggestions, getValueInputType, infoMessageVariants, isNoValueOperator, linkVariants, modalVariants, productLogoVariants, searchBarVariants, selectVariants, sidebarItemVariants, tagVariants, textInputVariants, toastVariants, tooltipContentVariants, typographyVariants, useFilterBarMode, useSidebarContext };
+export { AdvancedChip, type AdvancedChipProps, AdvancedPopover, type AdvancedPopoverProps, AdvancedRow, type AdvancedRowProps, Avatar, AvatarCell, type AvatarCellProps, type AvatarProps, Badge, type BadgeProps, type BooleanOperator, BrowserTab, BrowserTabItem, type BrowserTabItemProps, type BrowserTabProps, BulkAction, type BulkActionItem, type BulkActionProps, Button, ButtonCell, type ButtonCellProps, type ButtonProps, Checkbox, type CheckboxProps, ChipInput, type ChipInputProps, DEFAULT_OPERATOR_BY_TYPE, DataTable, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableSettingsModal, type DataTableSettingsModalProps, type DataType, DateCell, type DateCellProps, type DateOperator, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerFooter, type DatePickerFooterProps, type DatePickerMode, DatePickerPanel, type DatePickerPanelProps, DatePickerPopover, type DatePickerProps, DatePickerRoot, DatePickerSelects, type DatePickerSelectsProps, type DatePickerSuggestion, DatePickerSuggestions, type DatePickerSuggestionsProps, DatePickerTrigger, type DateRange, Dialog, type DialogProps, DropdownMenu, DropdownMenuClear, type DropdownMenuClearProps, DropdownMenuContent, DropdownMenuHeading, type DropdownMenuHeadingProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuList, type DropdownMenuListProps, type DropdownMenuProps, DropdownMenuRadixItem, type DropdownMenuRadixItemProps, DropdownMenuRoot, DropdownMenuTrigger, EditableCell, type EditableCellProps, EmailCell, type EmailCellProps, EmojiPicker, type EmojiPickerLocale, EmojiPickerPopover, type EmojiPickerPopoverProps, type EmojiPickerProps, type EmojiSelection, EmptyState, type EmptyStateProps, type EnumOperator, FilterBar, FilterBarButton, type FilterBarButtonProps, FilterBarLeft, type FilterBarLeftProps, type FilterBarMode, type FilterBarProps, FilterBarRight, type FilterBarRightProps, FilterChip, type FilterChipProps, FilterChipSegment, type FilterChipSegmentProps, type FilterCondition, FilterEditor, type FilterEditorProps, type FilterOperator, type FilterState, FilterSystem, type FilterSystemProps, type FilterValue, InfoMessage, type InfoMessageProps, InputLabel, type InputLabelProps, InteractiveFilterChip, type InteractiveFilterChipProps, KebabMenu, type KebabMenuProps, Link, LinkCell, type LinkCellProps, type LinkProps, Modal, ModalBody, ModalClose, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalOverlay, ModalTitle, ModalTrigger, NumberCell, type NumberCellProps, NumberInput, type NumberInputProps, type NumberOperator, OPERATORS_BY_TYPE, OperatorList, type OperatorListProps, OperatorSelector, type OperatorSelectorProps, type OperatorType, type Product, ProductLogo, type ProductLogoProps, type PropertyDefinition, PropertySelector, type PropertySelectorProps, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RelationOperator, RowActions, type RowActionsProps, SaveViewButton, type SaveViewButtonProps, SearchBar, type SearchBarProps, Select, type SelectProps, SidePanel, SidePanelClose, SidePanelContent, type SidePanelContentProps, SidePanelTrigger, Sidebar, SidebarFooter, type SidebarFooterProps, SidebarHeader, SidebarHeadingItem, type SidebarHeadingItemProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, SortButton, type SortButtonProps, type SortField, StatusCell, type StatusCellProps, SummaryChip, type SummaryChipProps, Switch, SwitchCard, type SwitchCardProps, type SwitchProps, TabContent, type TabContentProps, TabList, type TabListProps, TabTrigger, type TabTriggerProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, type TabsProps, Tag, type TagProps, type TagsOperator, TextArea, type TextAreaProps, TextCell, type TextCellProps, TextInput, type TextInputProps, type TextOperator, Toast, type ToastProps, ToastProvider, ToastViewport, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, TruncatedText, type TruncatedTextProps, Typography, type TypographyProps, UserMenu, UserMenuInfoRow, type UserMenuInfoRowProps, type UserMenuProps, UserMenuSection, type UserMenuSectionProps, ValueInput, type ValueInputProps, avatarVariants, badgeVariants, buttonVariants, chipInputVariants, cn, createFilterWithDefaults, emptyStateVariants, filterChipSegmentVariants, getDefaultOperator, getDefaultSuggestions, getValueInputType, infoMessageVariants, isNoValueOperator, linkVariants, modalVariants, productLogoVariants, searchBarVariants, selectVariants, sidebarItemVariants, tagVariants, textInputVariants, toastVariants, tooltipContentVariants, typographyVariants, useFilterBarMode, useSidebarContext };

package/dist/index.d.ts

@@ -114,6 +114,67 @@ interface TruncatedTextProps extends Omit<React.HTMLAttributes<HTMLSpanElement>,
 }
 declare const TruncatedText: React.ForwardRefExoticComponent<TruncatedTextProps & React.RefAttributes<HTMLSpanElement>>;
 
+interface EmojiSelection {
+    id: string;
+    name: string;
+    native: string;
+    unified: string;
+    keywords: string[];
+    shortcodes: string;
+    skin?: number;
+}
+type EmojiPickerLocale = "en" | "fr";
+interface CommonEmojiPickerProps {
+    /** Called with the selected emoji. */
+    onSelect: (emoji: EmojiSelection) => void;
+    /** Picker locale (defaults to `"en"`). */
+    locale?: EmojiPickerLocale;
+    /**
+     * Auto-tracks `data-theme="dark"` on `<html>` by default. Pass an explicit
+     * `"light"` or `"dark"` to override.
+     */
+    theme?: "light" | "dark" | "auto";
+    /** Pre-selected skin tone (1–6). */
+    skin?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Hide the search bar. */
+    searchPosition?: "sticky" | "static" | "none";
+    /** Hide the skin-tone selector button. */
+    skinTonePosition?: "preview" | "search" | "none";
+    /** Hide the bottom preview bar. */
+    previewPosition?: "top" | "bottom" | "none";
+    /** Hide the category navigation row. */
+    navPosition?: "top" | "bottom" | "none";
+    /** Per-row emoji count (default emoji-mart value: 9). */
+    perLine?: number;
+    /** Maximum number of recent emojis kept by emoji-mart (localStorage). */
+    maxFrequentRows?: number;
+}
+interface EmojiPickerProps extends CommonEmojiPickerProps {
+    className?: string;
+}
+declare const EmojiPicker: React.ForwardRefExoticComponent<EmojiPickerProps & React.RefAttributes<HTMLDivElement>>;
+interface EmojiPickerPopoverProps extends CommonEmojiPickerProps {
+    /**
+     * Custom trigger element. Provide via `children` together with `asChild`-style
+     * composition (Radix passes the trigger props down). When omitted, a default
+     * ghost icon-only Button with the face-smile icon is rendered.
+     */
+    children?: React.ReactNode;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Open-state change handler. */
+    onOpenChange?: (open: boolean) => void;
+    /** Popover side (default `"bottom"`). */
+    side?: "top" | "right" | "bottom" | "left";
+    /** Popover alignment (default `"start"`). */
+    align?: "start" | "center" | "end";
+    /** Distance from the trigger in px (default 6). */
+    sideOffset?: number;
+    /** `aria-label` for the default trigger (ignored when `children` is set). */
+    triggerAriaLabel?: string;
+}
+declare const EmojiPickerPopover: React.ForwardRefExoticComponent<EmojiPickerPopoverProps & React.RefAttributes<HTMLButtonElement>>;
+
 declare const linkVariants: (props?: ({
     intent?: "success" | "warning" | "neutral" | "alert" | "brand" | null | undefined;
     size?: "sm" | "md" | null | undefined;
@@ -200,6 +261,7 @@ declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAtt
 declare const badgeVariants: (props?: ({
     variant?: "solid" | "light" | "outlined" | null | undefined;
     type?: "primary" | "success" | "critical" | "warning" | "neutral" | null | undefined;
+    tone?: "indigo" | "rose" | "lime" | "violet" | "cyan" | "orange" | "emerald" | "fuchsia" | "amber" | "slate" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "type">, VariantProps<typeof badgeVariants> {
@@ -351,6 +413,7 @@ declare const TabContent: React.ForwardRefExoticComponent<TabContentProps & Reac
 
 declare const tagVariants: (props?: ({
     variant?: "neutral" | "brand" | null | undefined;
+    tone?: "indigo" | "rose" | "lime" | "violet" | "cyan" | "orange" | "emerald" | "fuchsia" | "amber" | "slate" | null | undefined;
     size?: "sm" | "md" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "type">, VariantProps<typeof tagVariants> {
@@ -950,9 +1013,9 @@ interface SaveViewButtonProps extends React.HTMLAttributes<HTMLDivElement> {
     onDropdown?: () => void;
 }
 /**
- * Split button for saving filtered views.
- * Left side: "Save view" (solid brand, rounded-left).
- * Right side: chevron-down (solid brand, rounded-right).
+ * Split button for saving filtered views (outlined, neutral).
+ * Left side: "Save view" (rounded-left).
+ * Right side: chevron-down dropdown (e.g. Save for me / Save for everyone).
  */
 declare const SaveViewButton: React.ForwardRefExoticComponent<SaveViewButtonProps & React.RefAttributes<HTMLDivElement>>;
 
@@ -1183,4 +1246,4 @@ declare const DatePickerTrigger: React.ForwardRefExoticComponent<PopoverPrimitiv
 declare const DatePickerPopover: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare function getDefaultSuggestions(referenceDate?: Date): DatePickerSuggestion[];
 
-export { AdvancedChip, type AdvancedChipProps, AdvancedPopover, type AdvancedPopoverProps, AdvancedRow, type AdvancedRowProps, Avatar, AvatarCell, type AvatarCellProps, type AvatarProps, Badge, type BadgeProps, type BooleanOperator, BrowserTab, BrowserTabItem, type BrowserTabItemProps, type BrowserTabProps, BulkAction, type BulkActionItem, type BulkActionProps, Button, ButtonCell, type ButtonCellProps, type ButtonProps, Checkbox, type CheckboxProps, ChipInput, type ChipInputProps, DEFAULT_OPERATOR_BY_TYPE, DataTable, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableSettingsModal, type DataTableSettingsModalProps, type DataType, DateCell, type DateCellProps, type DateOperator, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerFooter, type DatePickerFooterProps, type DatePickerMode, DatePickerPanel, type DatePickerPanelProps, DatePickerPopover, type DatePickerProps, DatePickerRoot, DatePickerSelects, type DatePickerSelectsProps, type DatePickerSuggestion, DatePickerSuggestions, type DatePickerSuggestionsProps, DatePickerTrigger, type DateRange, Dialog, type DialogProps, DropdownMenu, DropdownMenuClear, type DropdownMenuClearProps, DropdownMenuContent, DropdownMenuHeading, type DropdownMenuHeadingProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuList, type DropdownMenuListProps, type DropdownMenuProps, DropdownMenuRadixItem, type DropdownMenuRadixItemProps, DropdownMenuRoot, DropdownMenuTrigger, EditableCell, type EditableCellProps, EmailCell, type EmailCellProps, EmptyState, type EmptyStateProps, type EnumOperator, FilterBar, FilterBarButton, type FilterBarButtonProps, FilterBarLeft, type FilterBarLeftProps, type FilterBarMode, type FilterBarProps, FilterBarRight, type FilterBarRightProps, FilterChip, type FilterChipProps, FilterChipSegment, type FilterChipSegmentProps, type FilterCondition, FilterEditor, type FilterEditorProps, type FilterOperator, type FilterState, FilterSystem, type FilterSystemProps, type FilterValue, InfoMessage, type InfoMessageProps, InputLabel, type InputLabelProps, InteractiveFilterChip, type InteractiveFilterChipProps, KebabMenu, type KebabMenuProps, Link, LinkCell, type LinkCellProps, type LinkProps, Modal, ModalBody, ModalClose, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalOverlay, ModalTitle, ModalTrigger, NumberCell, type NumberCellProps, NumberInput, type NumberInputProps, type NumberOperator, OPERATORS_BY_TYPE, OperatorList, type OperatorListProps, OperatorSelector, type OperatorSelectorProps, type OperatorType, type Product, ProductLogo, type ProductLogoProps, type PropertyDefinition, PropertySelector, type PropertySelectorProps, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RelationOperator, RowActions, type RowActionsProps, SaveViewButton, type SaveViewButtonProps, SearchBar, type SearchBarProps, Select, type SelectProps, SidePanel, SidePanelClose, SidePanelContent, type SidePanelContentProps, SidePanelTrigger, Sidebar, SidebarFooter, type SidebarFooterProps, SidebarHeader, SidebarHeadingItem, type SidebarHeadingItemProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, SortButton, type SortButtonProps, type SortField, StatusCell, type StatusCellProps, SummaryChip, type SummaryChipProps, Switch, SwitchCard, type SwitchCardProps, type SwitchProps, TabContent, type TabContentProps, TabList, type TabListProps, TabTrigger, type TabTriggerProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, type TabsProps, Tag, type TagProps, type TagsOperator, TextArea, type TextAreaProps, TextCell, type TextCellProps, TextInput, type TextInputProps, type TextOperator, Toast, type ToastProps, ToastProvider, ToastViewport, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, TruncatedText, type TruncatedTextProps, Typography, type TypographyProps, UserMenu, UserMenuInfoRow, type UserMenuInfoRowProps, type UserMenuProps, UserMenuSection, type UserMenuSectionProps, ValueInput, type ValueInputProps, avatarVariants, badgeVariants, buttonVariants, chipInputVariants, cn, createFilterWithDefaults, emptyStateVariants, filterChipSegmentVariants, getDefaultOperator, getDefaultSuggestions, getValueInputType, infoMessageVariants, isNoValueOperator, linkVariants, modalVariants, productLogoVariants, searchBarVariants, selectVariants, sidebarItemVariants, tagVariants, textInputVariants, toastVariants, tooltipContentVariants, typographyVariants, useFilterBarMode, useSidebarContext };
+export { AdvancedChip, type AdvancedChipProps, AdvancedPopover, type AdvancedPopoverProps, AdvancedRow, type AdvancedRowProps, Avatar, AvatarCell, type AvatarCellProps, type AvatarProps, Badge, type BadgeProps, type BooleanOperator, BrowserTab, BrowserTabItem, type BrowserTabItemProps, type BrowserTabProps, BulkAction, type BulkActionItem, type BulkActionProps, Button, ButtonCell, type ButtonCellProps, type ButtonProps, Checkbox, type CheckboxProps, ChipInput, type ChipInputProps, DEFAULT_OPERATOR_BY_TYPE, DataTable, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableSettingsModal, type DataTableSettingsModalProps, type DataType, DateCell, type DateCellProps, type DateOperator, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerFooter, type DatePickerFooterProps, type DatePickerMode, DatePickerPanel, type DatePickerPanelProps, DatePickerPopover, type DatePickerProps, DatePickerRoot, DatePickerSelects, type DatePickerSelectsProps, type DatePickerSuggestion, DatePickerSuggestions, type DatePickerSuggestionsProps, DatePickerTrigger, type DateRange, Dialog, type DialogProps, DropdownMenu, DropdownMenuClear, type DropdownMenuClearProps, DropdownMenuContent, DropdownMenuHeading, type DropdownMenuHeadingProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuList, type DropdownMenuListProps, type DropdownMenuProps, DropdownMenuRadixItem, type DropdownMenuRadixItemProps, DropdownMenuRoot, DropdownMenuTrigger, EditableCell, type EditableCellProps, EmailCell, type EmailCellProps, EmojiPicker, type EmojiPickerLocale, EmojiPickerPopover, type EmojiPickerPopoverProps, type EmojiPickerProps, type EmojiSelection, EmptyState, type EmptyStateProps, type EnumOperator, FilterBar, FilterBarButton, type FilterBarButtonProps, FilterBarLeft, type FilterBarLeftProps, type FilterBarMode, type FilterBarProps, FilterBarRight, type FilterBarRightProps, FilterChip, type FilterChipProps, FilterChipSegment, type FilterChipSegmentProps, type FilterCondition, FilterEditor, type FilterEditorProps, type FilterOperator, type FilterState, FilterSystem, type FilterSystemProps, type FilterValue, InfoMessage, type InfoMessageProps, InputLabel, type InputLabelProps, InteractiveFilterChip, type InteractiveFilterChipProps, KebabMenu, type KebabMenuProps, Link, LinkCell, type LinkCellProps, type LinkProps, Modal, ModalBody, ModalClose, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalOverlay, ModalTitle, ModalTrigger, NumberCell, type NumberCellProps, NumberInput, type NumberInputProps, type NumberOperator, OPERATORS_BY_TYPE, OperatorList, type OperatorListProps, OperatorSelector, type OperatorSelectorProps, type OperatorType, type Product, ProductLogo, type ProductLogoProps, type PropertyDefinition, PropertySelector, type PropertySelectorProps, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RelationOperator, RowActions, type RowActionsProps, SaveViewButton, type SaveViewButtonProps, SearchBar, type SearchBarProps, Select, type SelectProps, SidePanel, SidePanelClose, SidePanelContent, type SidePanelContentProps, SidePanelTrigger, Sidebar, SidebarFooter, type SidebarFooterProps, SidebarHeader, SidebarHeadingItem, type SidebarHeadingItemProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, SortButton, type SortButtonProps, type SortField, StatusCell, type StatusCellProps, SummaryChip, type SummaryChipProps, Switch, SwitchCard, type SwitchCardProps, type SwitchProps, TabContent, type TabContentProps, TabList, type TabListProps, TabTrigger, type TabTriggerProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, type TabsProps, Tag, type TagProps, type TagsOperator, TextArea, type TextAreaProps, TextCell, type TextCellProps, TextInput, type TextInputProps, type TextOperator, Toast, type ToastProps, ToastProvider, ToastViewport, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, TruncatedText, type TruncatedTextProps, Typography, type TypographyProps, UserMenu, UserMenuInfoRow, type UserMenuInfoRowProps, type UserMenuProps, UserMenuSection, type UserMenuSectionProps, ValueInput, type ValueInputProps, avatarVariants, badgeVariants, buttonVariants, chipInputVariants, cn, createFilterWithDefaults, emptyStateVariants, filterChipSegmentVariants, getDefaultOperator, getDefaultSuggestions, getValueInputType, infoMessageVariants, isNoValueOperator, linkVariants, modalVariants, productLogoVariants, searchBarVariants, selectVariants, sidebarItemVariants, tagVariants, textInputVariants, toastVariants, tooltipContentVariants, typographyVariants, useFilterBarMode, useSidebarContext };