@nxgt/material 1.0.0

package/dist/lib/components/ui/kanban/kanban.utils.d.ts

@@ -0,0 +1,24 @@
+import { CollisionDetection } from '../dnd';
+import { KanbanColumn, KanbanGroup, KanbanItem } from './types';
+export declare const COLUMN_SORT_PREFIX = "column:";
+export declare function columnSortId(columnId: string): string;
+export declare function parseColumnSortId(id: string): string | null;
+export declare function findColumnId(columns: KanbanColumn[], itemId: string): string | null;
+export declare const kanbanCollisionDetection: CollisionDetection;
+export declare function reorderKanbanColumns(columns: KanbanColumn[], activeId: string, overId: string): KanbanColumn[];
+export declare function matchesQuery(item: KanbanItem, query: string): boolean;
+export declare const GROUP_DROP_PREFIX = "group:";
+export declare const UNGROUPED_ID = "_";
+export declare function groupDropId(columnId: string, groupId: string | null): string;
+export declare function parseGroupDropId(id: string): {
+    columnId: string;
+    groupId: string | null;
+} | null;
+export declare function assignItemGroup(items: KanbanItem[], itemId: string, groupId: string | null): KanbanItem[];
+export declare function groupSections(column: KanbanColumn, items: Map<string, KanbanItem>, groups: KanbanGroup[], query: string): {
+    group: KanbanGroup | null;
+    itemIds: string[];
+}[];
+export declare function visibleItemIds(column: KanbanColumn, items: Map<string, KanbanItem>, query: string): string[];
+export declare function wouldExceedWip(column: KanbanColumn, itemId: string): boolean;
+export declare function moveKanbanItem(columns: KanbanColumn[], itemId: string, toColumnId: string, beforeId?: string): KanbanColumn[];

package/dist/lib/components/ui/kanban/kanban.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/components/ui/kanban/partials/kanban-board.d.ts

@@ -0,0 +1 @@
+export declare function KanbanBoard(): import("react").JSX.Element;

package/dist/lib/components/ui/kanban/partials/kanban-card-preview.d.ts

@@ -0,0 +1,4 @@
+import { KanbanItem } from '../types';
+export declare function KanbanCardPreview({ item }: {
+    item: KanbanItem;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/kanban/partials/kanban-card.d.ts

@@ -0,0 +1,7 @@
+import { KanbanColumn, KanbanItem, KanbanRenderCard } from '../types';
+export declare function KanbanCard({ item, column, dragLabel, renderCard, }: {
+    item: KanbanItem;
+    column: KanbanColumn;
+    dragLabel: string;
+    renderCard?: KanbanRenderCard;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/kanban/partials/kanban-column-header.d.ts

@@ -0,0 +1,7 @@
+import { KanbanColumn } from '../types';
+export declare function KanbanColumnHeader({ column, collapsed, overWip, countLabel, }: {
+    column: KanbanColumn;
+    collapsed: boolean;
+    overWip: boolean;
+    countLabel: string;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/kanban/partials/kanban-column.d.ts

@@ -0,0 +1,4 @@
+import { KanbanColumn as KanbanColumnType } from '../types';
+export declare function KanbanColumn({ column }: {
+    column: KanbanColumnType;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/kanban/partials/kanban-composer.d.ts

@@ -0,0 +1,5 @@
+import { KanbanColumn, KanbanGroup } from '../types';
+export declare function KanbanComposer({ column, group, }: {
+    column: KanbanColumn;
+    group?: KanbanGroup | null;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/kanban/partials/kanban-group.d.ts

@@ -0,0 +1,6 @@
+import { KanbanColumn, KanbanGroup as KanbanGroupType } from '../types';
+export declare function KanbanGroup({ column, group, itemIds, }: {
+    column: KanbanColumn;
+    group: KanbanGroupType | null;
+    itemIds: string[];
+}): import("react").JSX.Element;

package/dist/lib/components/ui/kanban/types.d.ts

@@ -0,0 +1,47 @@
+import { ReactNode } from 'react';
+export type KanbanColumn = {
+    id: string;
+    title: string;
+    itemIds: string[];
+    color?: string;
+    wip?: number;
+};
+export type KanbanGroup = {
+    id: string;
+    title: string;
+    color?: string;
+};
+export type KanbanItem = {
+    id: string;
+    title: string;
+    subtitle?: string;
+    icon?: ReactNode;
+    color?: string;
+    groupId?: string;
+    disabled?: boolean;
+};
+export type KanbanChange = {
+    columns: KanbanColumn[];
+    items?: KanbanItem[];
+    itemId: string;
+    fromColumnId: string;
+    toColumnId: string;
+    fromGroupId?: string | null;
+    toGroupId?: string | null;
+};
+export type KanbanChromeState = {
+    query: string;
+    focusedId: string | null;
+    collapsedGroupIds: string[];
+    collapsedColumnIds: string[];
+    composing: {
+        columnId: string;
+        groupId: string | null;
+    } | null;
+};
+export type KanbanAddDraft = {
+    title: string;
+};
+export type KanbanAddHandler = (column: KanbanColumn, group?: KanbanGroup | null, draft?: KanbanAddDraft) => void;
+export type KanbanRenderCard = (item: KanbanItem, column: KanbanColumn) => ReactNode;
+export type KanbanCardHandler = (item: KanbanItem, column: KanbanColumn) => void;

package/dist/lib/components/ui/kanban/use-kanban.d.ts

@@ -0,0 +1,31 @@
+import { KanbanChange, KanbanColumn, KanbanGroup, KanbanItem } from './types';
+export declare function useKanban({ columns, defaultColumns, items, onColumnsChange, onItemsChange, onChange, groups, disabled, }: {
+    columns?: KanbanColumn[];
+    defaultColumns?: KanbanColumn[];
+    items: KanbanItem[];
+    onColumnsChange?: (columns: KanbanColumn[]) => void;
+    onItemsChange?: (items: KanbanItem[]) => void;
+    onChange?: (change: KanbanChange) => void;
+    groups?: KanbanGroup[];
+    disabled?: boolean;
+}): {
+    columns: KanbanColumn[];
+    itemsById: Map<string, KanbanItem>;
+    groups: KanbanGroup[];
+    chrome: import('./types').KanbanChromeState;
+    chromeActions: {
+        setQuery: (payload: string) => void;
+        setFocusedId: (payload: string | null) => void;
+        toggleGroupCollapsed: (payload: string) => void;
+        toggleColumnCollapsed: (payload: string) => void;
+        setComposing: (payload: {
+            columnId: string;
+            groupId: string | null;
+        } | null) => void;
+    };
+    disabled: boolean;
+    moveItem: (itemId: string, toColumnId: string, beforeId?: string, toGroupId?: string | null) => void;
+    updateItem: (itemId: string, patch: Partial<KanbanItem>) => void;
+    reorderColumns: (activeId: string, overId: string) => void;
+};
+export type KanbanModel = ReturnType<typeof useKanban>;

package/dist/lib/components/ui/kbd-shortcut.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+export { shortcutGlyph } from './shortcut-glyph';
+export type KbdShortcutProps = Omit<ComponentProps<'span'>, 'children'> & {
+    keys: string[];
+};
+export declare function KbdShortcut({ keys, className, ...props }: KbdShortcutProps): import("react").JSX.Element;

package/dist/lib/components/ui/kbd.d.ts

@@ -0,0 +1,3 @@
+import { ComponentProps } from 'react';
+export type KbdProps = ComponentProps<'kbd'>;
+export declare function Kbd({ className, ...props }: KbdProps): import("react").JSX.Element;

package/dist/lib/components/ui/kbd.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+import { Kbd } from '..';
+declare const meta: {
+    title: string;
+    component: typeof Kbd;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Shortcut: Story;
+export declare const Chord: Story;
+export declare const Dark: Story;

package/dist/lib/components/ui/label.d.ts

@@ -0,0 +1,6 @@
+import { Label as LabelPrimitive } from 'radix-ui';
+import { ComponentProps } from 'react';
+export type LabelProps = {
+    withAsterisk?: boolean;
+} & ComponentProps<typeof LabelPrimitive.Root>;
+export declare function Label({ className, withAsterisk, ...props }: LabelProps): import("react").JSX.Element;

package/dist/lib/components/ui/language-switcher.d.ts

@@ -0,0 +1,6 @@
+import { Language } from '../../i18n';
+export type LanguageSwitcherProps = {
+    className?: string;
+    languages?: Language[];
+};
+export declare function LanguageSwitcher({ className, languages, }: LanguageSwitcherProps): import("react").JSX.Element;

package/dist/lib/components/ui/language-switcher.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+import { LanguageSwitcher } from '..';
+declare const meta: {
+    title: string;
+    component: typeof LanguageSwitcher;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Dark: Story;

package/dist/lib/components/ui/layout/index.d.ts

@@ -0,0 +1,3 @@
+export * from './list-details-layout';
+export * from './pane-layout';
+export * from './thread-layout';

package/dist/lib/components/ui/layout/list-details-layout.d.ts

@@ -0,0 +1,47 @@
+import { ComponentProps } from 'react';
+import { ButtonProps } from '../buttons';
+type ViewState = 'list' | 'details';
+type ListPosition = 'left' | 'right';
+interface ListDetailsContextProps {
+    activeView: ViewState;
+    setActiveView: (view: ViewState) => void;
+    listPosition: ListPosition;
+    matches: boolean;
+}
+export declare function useListDetails(): ListDetailsContextProps;
+export interface ListDetailsLayoutProps extends ComponentProps<'div'> {
+    activeView?: ViewState;
+    onActiveViewChange?: (view: ViewState) => void;
+    defaultActiveView?: ViewState;
+    listPosition?: ListPosition;
+}
+export declare function ListDetailsLayout({ children, className, activeView: controlledActiveView, onActiveViewChange, defaultActiveView, listPosition, ...props }: ListDetailsLayoutProps): import("react").JSX.Element;
+export declare namespace ListDetailsLayout {
+    var displayName: string;
+    var List: typeof ListDetailsList;
+    var Details: typeof ListDetailsDetails;
+    var Trigger: typeof ListDetailsTrigger;
+}
+export interface ListDetailsListProps extends Omit<ComponentProps<'div'>, 'children'> {
+    children: React.ReactNode | ((state: ListDetailsContextProps) => React.ReactNode);
+}
+export declare function ListDetailsList({ children, className, ...props }: ListDetailsListProps): import("react").JSX.Element;
+export declare namespace ListDetailsList {
+    var displayName: string;
+}
+export declare function ListDetailsDetails({ children, className, ...props }: Omit<ComponentProps<'div'>, 'children'> & {
+    children: React.ReactNode | ((state: ListDetailsContextProps) => React.ReactNode);
+}): import("react").JSX.Element;
+export declare namespace ListDetailsDetails {
+    var displayName: string;
+}
+export interface ListDetailsTriggerProps extends Omit<ButtonProps, 'children' | 'className'> {
+    view: ViewState;
+    children: React.ReactNode | ((state: ListDetailsContextProps) => React.ReactNode);
+    className?: string | ((state: ListDetailsContextProps) => string) | null;
+}
+export declare function ListDetailsTrigger({ view, children, onClick, className, ...props }: ListDetailsTriggerProps): import("react").JSX.Element;
+export declare namespace ListDetailsTrigger {
+    var displayName: string;
+}
+export {};

package/dist/lib/components/ui/layout/list-details-layout.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { ListDetailsLayout } from './list-details-layout';
+declare const meta: {
+    title: string;
+    component: typeof ListDetailsLayout;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/lib/components/ui/layout/pane-layout.d.ts

@@ -0,0 +1,48 @@
+import { ComponentProps } from 'react';
+import { ButtonProps } from '../buttons';
+type PaneSide = 'left' | 'right';
+interface PaneLayoutContextProps {
+    open: boolean;
+    setOpen: (open: boolean | ((prevOpen: boolean) => boolean)) => void;
+    toggleOpen: () => void;
+    paneSide: PaneSide;
+    isMobile: boolean;
+}
+export declare function usePaneLayout(): PaneLayoutContextProps;
+export interface PaneLayoutProps extends ComponentProps<'div'> {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    paneSide?: PaneSide;
+}
+export declare function PaneLayout({ children, className, open: controlledOpen, onOpenChange, defaultOpen, paneSide, ...props }: PaneLayoutProps): import("react").JSX.Element;
+export declare namespace PaneLayout {
+    var displayName: string;
+    var Pane: typeof PaneLayoutPane;
+    var Content: typeof PaneLayoutContent;
+    var Trigger: typeof PaneLayoutTrigger;
+}
+export interface PaneLayoutPaneProps extends Omit<ComponentProps<'div'>, 'children'> {
+    sheetTitle?: string;
+    children: React.ReactNode | ((state: PaneLayoutContextProps) => React.ReactNode);
+}
+export declare function PaneLayoutPane({ children, className, sheetTitle, ...props }: PaneLayoutPaneProps): import("react").JSX.Element;
+export declare namespace PaneLayoutPane {
+    var displayName: string;
+}
+export type PaneLayoutContentProps = Omit<ComponentProps<'div'>, 'children'> & {
+    children: React.ReactNode | ((state: PaneLayoutContextProps) => React.ReactNode);
+};
+export declare function PaneLayoutContent({ children, className, ...props }: PaneLayoutContentProps): import("react").JSX.Element;
+export declare namespace PaneLayoutContent {
+    var displayName: string;
+}
+export type PaneLayoutTriggerProps = Omit<ButtonProps, 'children' | 'className'> & {
+    children: React.ReactNode | ((state: PaneLayoutContextProps) => React.ReactNode);
+    className?: string | ((state: PaneLayoutContextProps) => string) | null;
+};
+export declare function PaneLayoutTrigger({ children, onClick, className, ...props }: PaneLayoutTriggerProps): import("react").JSX.Element;
+export declare namespace PaneLayoutTrigger {
+    var displayName: string;
+}
+export {};

package/dist/lib/components/ui/layout/pane-layout.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { PaneLayout } from './pane-layout';
+declare const meta: {
+    title: string;
+    component: typeof PaneLayout;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/lib/components/ui/layout/thread-layout.d.ts

@@ -0,0 +1,18 @@
+import { ComponentProps, ReactNode } from 'react';
+export type ThreadLayoutProps = {
+    /** Rendered above the content, full width. Typically a back button or title. */
+    header?: ReactNode;
+    /** Rendered directly above the content, inside the centered column. */
+    stepper?: ReactNode;
+} & ComponentProps<'div'>;
+/**
+ * A single centered column over the app background, for focused flows a user
+ * walks through one step at a time — signing in, signing up, completing a
+ * profile, an onboarding wizard.
+ *
+ * It deliberately carries no app bar. Every app used to grow its own copy of
+ * this layout wrapping its own `AppHeader`, which is what kept the component
+ * app-local; a flow like this one wants the chrome out of the way anyway, so
+ * the `header` slot takes whatever the caller wants there instead.
+ */
+export declare function ThreadLayout({ children, header, stepper, className, ...props }: ThreadLayoutProps): import("react").JSX.Element;

package/dist/lib/components/ui/layout/thread-layout.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { ThreadLayout } from '../..';
+declare const meta: {
+    title: string;
+    component: typeof ThreadLayout;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithHeader: Story;
+export declare const WithStepper: Story;

package/dist/lib/components/ui/list-tile.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
+export type ListTileProps = {
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    title: ReactNode;
+    subtitle?: ReactNode;
+    selected?: boolean;
+    href?: string;
+    disabled?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
+} & Omit<HTMLAttributes<HTMLElement>, 'children' | 'title' | 'onClick'>;
+export declare function ListTile({ title, subtitle, leading, trailing, className, selected, href, disabled, onClick, ...props }: ListTileProps): import("react").JSX.Element;

package/dist/lib/components/ui/list-tile.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+import { ListTile } from '..';
+declare const meta: {
+    title: string;
+    component: typeof ListTile;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Leading: Story;
+export declare const Selected: Story;
+export declare const Clickable: Story;
+export declare const AsLink: Story;
+export declare const Dark: Story;

package/dist/lib/components/ui/load-more-button.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from './buttons/button';
+export type LoadMoreButtonProps = Omit<ButtonProps, 'children'> & {
+    label?: string;
+    icon?: ReactNode;
+    /**
+     * Show the label next to the icon. Off by default — see the note on the
+     * component.
+     */
+    expanded?: boolean;
+};
+/**
+ * The "load more" affordance for a cursor-paginated table.
+ *
+ * **Icon-only by default**, unlike every other `ResponsiveButton` in this
+ * package. It sits in the pagination bar next to the page-size and navigation
+ * controls, which are all icons; an expanded button there is the widest thing
+ * in the row and reads as a primary action rather than as one more pagination
+ * control. The tooltip carries the wording, and `aria-label` carries it for
+ * assistive tech — a Radix tooltip is a *description*, so it does not name a
+ * button that has no text of its own.
+ *
+ * Pass `expanded` to opt back in.
+ */
+export declare function LoadMoreButton({ label, icon, className, variant, expanded, ...props }: LoadMoreButtonProps): import("react").JSX.Element;

package/dist/lib/components/ui/load-more-button.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+import { LoadMoreButton } from './load-more-button';
+declare const meta: {
+    title: string;
+    component: typeof LoadMoreButton;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Loading: Story;
+export declare const CustomLabel: Story;
+/** The opt-in: only where the button is not sitting in a pagination bar. */
+export declare const Expanded: Story;

package/dist/lib/components/ui/menubar.d.ts

@@ -0,0 +1,26 @@
+import { Menubar as MenubarPrimitive } from 'radix-ui';
+import { ComponentProps } from 'react';
+declare function Menubar({ className, ...props }: ComponentProps<typeof MenubarPrimitive.Root>): import("react").JSX.Element;
+declare function MenubarMenu({ ...props }: ComponentProps<typeof MenubarPrimitive.Menu>): import("react").JSX.Element;
+declare function MenubarGroup({ ...props }: ComponentProps<typeof MenubarPrimitive.Group>): import("react").JSX.Element;
+declare function MenubarPortal({ ...props }: ComponentProps<typeof MenubarPrimitive.Portal>): import("react").JSX.Element;
+declare function MenubarRadioGroup({ ...props }: ComponentProps<typeof MenubarPrimitive.RadioGroup>): import("react").JSX.Element;
+declare function MenubarTrigger({ className, ...props }: ComponentProps<typeof MenubarPrimitive.Trigger>): import("react").JSX.Element;
+declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: ComponentProps<typeof MenubarPrimitive.Content>): import("react").JSX.Element;
+declare function MenubarItem({ className, inset, variant, ...props }: ComponentProps<typeof MenubarPrimitive.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): import("react").JSX.Element;
+declare function MenubarCheckboxItem({ className, children, checked, ...props }: ComponentProps<typeof MenubarPrimitive.CheckboxItem>): import("react").JSX.Element;
+declare function MenubarRadioItem({ className, children, ...props }: ComponentProps<typeof MenubarPrimitive.RadioItem>): import("react").JSX.Element;
+declare function MenubarLabel({ className, inset, ...props }: ComponentProps<typeof MenubarPrimitive.Label> & {
+    inset?: boolean;
+}): import("react").JSX.Element;
+declare function MenubarSeparator({ className, ...props }: ComponentProps<typeof MenubarPrimitive.Separator>): import("react").JSX.Element;
+declare function MenubarShortcut({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
+declare function MenubarSub({ ...props }: ComponentProps<typeof MenubarPrimitive.Sub>): import("react").JSX.Element;
+declare function MenubarSubTrigger({ className, inset, children, ...props }: ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react").JSX.Element;
+declare function MenubarSubContent({ className, ...props }: ComponentProps<typeof MenubarPrimitive.SubContent>): import("react").JSX.Element;
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };

package/dist/lib/components/ui/navigation-rail/index.d.ts

@@ -0,0 +1 @@
+export * from './navigation-rail';

package/dist/lib/components/ui/navigation-rail/navigation-rail.d.ts

@@ -0,0 +1 @@
+export declare function NavigationRail(): import("react").JSX.Element;

package/dist/lib/components/ui/notifications/index.d.ts

@@ -0,0 +1,2 @@
+export { Notifications } from './notifications';
+export type { NotificationFilter, NotificationItem, NotificationsProps, NotificationsVariant, NotificationTone, } from './types';

package/dist/lib/components/ui/notifications/notifications-provider.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { NotificationsModel } from './use-notifications';
+export declare function NotificationsProvider({ value, children, }: {
+    value: NotificationsModel;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useNotificationsContext(): NotificationsModel;

package/dist/lib/components/ui/notifications/notifications.d.ts

@@ -0,0 +1,3 @@
+import { NotificationsProps } from './types';
+export type { NotificationItem, NotificationsProps } from './types';
+export declare function Notifications({ className, ...props }: NotificationsProps): import("react").JSX.Element;

package/dist/lib/components/ui/notifications/notifications.slice.d.ts

@@ -0,0 +1,67 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+import { NotificationFilter, NotificationsChromeState } from './types';
+export declare const createInitialState: (overrides?: Partial<NotificationsChromeState>) => NotificationsChromeState;
+export declare const notificationsSlice: import('@reduxjs/toolkit').Slice<NotificationsChromeState, {
+    setOpen: (state: {
+        open: boolean;
+        filter: NotificationFilter;
+        query: string;
+        category: string | null;
+    }, action: PayloadAction<boolean>) => void;
+    toggleOpen: (state: {
+        open: boolean;
+        filter: NotificationFilter;
+        query: string;
+        category: string | null;
+    }) => void;
+    setFilter: (state: {
+        open: boolean;
+        filter: NotificationFilter;
+        query: string;
+        category: string | null;
+    }, action: PayloadAction<NotificationFilter>) => void;
+    setQuery: (state: {
+        open: boolean;
+        filter: NotificationFilter;
+        query: string;
+        category: string | null;
+    }, action: PayloadAction<string>) => void;
+    setCategory: (state: {
+        open: boolean;
+        filter: NotificationFilter;
+        query: string;
+        category: string | null;
+    }, action: PayloadAction<string | null>) => void;
+}, "notifications", "notifications", import('@reduxjs/toolkit').SliceSelectors<NotificationsChromeState>>;
+export declare const notificationsActions: import('@reduxjs/toolkit').CaseReducerActions<{
+    setOpen: (state: {
+        open: boolean;
+        filter: NotificationFilter;
+        query: string;
+        category: string | null;
+    }, action: PayloadAction<boolean>) => void;
+    toggleOpen: (state: {
+        open: boolean;
+        filter: NotificationFilter;
+        query: string;
+        category: string | null;
+    }) => void;
+    setFilter: (state: {
+        open: boolean;
+        filter: NotificationFilter;
+        query: string;
+        category: string | null;
+    }, action: PayloadAction<NotificationFilter>) => void;
+    setQuery: (state: {
+        open: boolean;
+        filter: NotificationFilter;
+        query: string;
+        category: string | null;
+    }, action: PayloadAction<string>) => void;
+    setCategory: (state: {
+        open: boolean;
+        filter: NotificationFilter;
+        query: string;
+        category: string | null;
+    }, action: PayloadAction<string | null>) => void;
+}, "notifications">;

package/dist/lib/components/ui/notifications/notifications.slice.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/components/ui/notifications/notifications.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+import { Notifications } from './notifications';
+declare const meta: {
+    title: string;
+    component: typeof Notifications;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const PopoverBell: Story;
+export declare const Panel: Story;
+export declare const ToastOnArrival: Story;
+export declare const Categories: Story;
+export declare const Empty: Story;

package/dist/lib/components/ui/notifications/notifications.utils.d.ts

@@ -0,0 +1,8 @@
+import { NotificationFilter, NotificationItem, NotificationTone } from './types';
+export declare function isNotificationUnread(item: Pick<NotificationItem, 'read'>): boolean;
+export declare function unreadCount(items: Pick<NotificationItem, 'read'>[]): number;
+export declare function matchesNotificationQuery(item: Pick<NotificationItem, 'title' | 'description' | 'category'>, query: string): boolean;
+export declare function visibleNotifications(items: NotificationItem[], filter: NotificationFilter, query: string, category?: string | null): NotificationItem[];
+export declare function arrivingUnread(previousIds: readonly string[], items: NotificationItem[]): NotificationItem[];
+export declare function notificationToastKind(tone?: NotificationTone): 'info' | 'success' | 'warning' | 'error';
+export declare function notificationCategories(items: NotificationItem[]): string[];

package/dist/lib/components/ui/notifications/notifications.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/components/ui/notifications/partials/notifications-bell.d.ts

@@ -0,0 +1 @@
+export declare function NotificationsBell(): import("react").JSX.Element;

package/dist/lib/components/ui/notifications/partials/notifications-categories.d.ts

@@ -0,0 +1 @@
+export declare function NotificationsCategories(): import("react").JSX.Element | null;

package/dist/lib/components/ui/notifications/partials/notifications-empty.d.ts

@@ -0,0 +1 @@
+export declare function NotificationsEmpty(): import("react").JSX.Element;

package/dist/lib/components/ui/notifications/partials/notifications-inbox.d.ts

@@ -0,0 +1,3 @@
+export declare function NotificationsInbox({ className }: {
+    className?: string;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/notifications/partials/notifications-item.d.ts

@@ -0,0 +1,4 @@
+import { NotificationItem } from '../types';
+export declare function NotificationsItem({ item }: {
+    item: NotificationItem;
+}): import("react").JSX.Element;