@nxgt/material 1.0.0

package/dist/lib/components/ui/data-table/data-table-pagination.d.ts

@@ -0,0 +1,10 @@
+import { RowData, Table } from '@tanstack/react-table';
+import { ComponentProps } from 'react';
+import { DataTableFeatures } from './features';
+type DataTablePaginationProps<TData extends RowData> = {
+    table: Table<DataTableFeatures, TData>;
+    showPage?: boolean;
+    showSelected?: boolean;
+} & ComponentProps<'div'>;
+export declare function DataTablePagination<TData extends RowData>({ table, className, children, showPage, showSelected, ...props }: DataTablePaginationProps<TData>): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/data-table/data-table-view-options.d.ts

@@ -0,0 +1,5 @@
+import { RowData, Table } from '@tanstack/react-table';
+import { DataTableFeatures } from './features';
+export declare function DataTableViewOptions<TData extends RowData>({ table, }: {
+    table: Table<DataTableFeatures, TData>;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/data-table/data-table.d.ts

@@ -0,0 +1,21 @@
+import { ColumnDef, Table as ReactTable, Row, RowData } from '@tanstack/react-table';
+import { ReactNode } from 'react';
+import { DataTableFeatures } from './features';
+interface DataTableProps<TData extends RowData> {
+    columns: ColumnDef<DataTableFeatures, TData, any>[];
+    data: TData[];
+    className?: string;
+    actions?: (table: ReactTable<DataTableFeatures, TData>) => ReactNode;
+    options?: DataTableOptions;
+    renderExpandedRow?: (row: Row<DataTableFeatures, TData>) => ReactNode;
+    showHeader?: boolean;
+    onLoadMore?: () => void;
+    isLoadingMore?: boolean;
+    showViewOptions?: boolean;
+}
+interface DataTableOptions {
+    showPage?: boolean;
+    showSelected?: boolean;
+}
+export declare function DataTable<TData extends RowData>({ columns, data, className, actions, options, onLoadMore, renderExpandedRow, isLoadingMore, showHeader, showViewOptions, }: DataTableProps<TData>): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/data-table/data-table.stories.d.ts

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/react';
+type Person = {
+    id: string;
+    name: string;
+    email: string;
+    role: string;
+};
+type PeopleTableProps = {
+    data?: Person[];
+    showViewOptions?: boolean;
+    expandable?: boolean;
+};
+declare function PeopleTable({ data, showViewOptions, expandable, }: PeopleTableProps): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof PeopleTable;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithViewOptions: Story;
+export declare const WithExpandedRow: Story;
+export declare const Empty: Story;

package/dist/lib/components/ui/data-table/features.d.ts

@@ -0,0 +1,13 @@
+export declare const dataTableFeatures: {
+    columnFilteringFeature: import('@tanstack/table-core').TableFeature;
+    columnVisibilityFeature: import('@tanstack/table-core').TableFeature;
+    rowSelectionFeature: import('@tanstack/table-core').TableFeature;
+    rowSortingFeature: import('@tanstack/table-core').TableFeature;
+    rowExpandingFeature: import('@tanstack/table-core').TableFeature;
+    rowPaginationFeature: import('@tanstack/table-core').TableFeature;
+    filteredRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+    sortedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+    paginatedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+    expandedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+};
+export type DataTableFeatures = typeof dataTableFeatures;

package/dist/lib/components/ui/data-table/hooks.d.ts

@@ -0,0 +1,62 @@
+import { Row, RowData } from '@tanstack/react-table';
+import { DataTableFeatures } from './features';
+export declare function useColumnHelpers<T extends RowData>(): {
+    columnHelper: import('@tanstack/table-core').ColumnHelper<{
+        columnFilteringFeature: import('@tanstack/table-core').TableFeature;
+        columnVisibilityFeature: import('@tanstack/table-core').TableFeature;
+        rowSelectionFeature: import('@tanstack/table-core').TableFeature;
+        rowSortingFeature: import('@tanstack/table-core').TableFeature;
+        rowExpandingFeature: import('@tanstack/table-core').TableFeature;
+        rowPaginationFeature: import('@tanstack/table-core').TableFeature;
+        filteredRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+        sortedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+        paginatedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+        expandedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+    }, T>;
+    predefinedColumns: () => {
+        select: import('@tanstack/table-core').DisplayColumnDef<{
+            columnFilteringFeature: import('@tanstack/table-core').TableFeature;
+            columnVisibilityFeature: import('@tanstack/table-core').TableFeature;
+            rowSelectionFeature: import('@tanstack/table-core').TableFeature;
+            rowSortingFeature: import('@tanstack/table-core').TableFeature;
+            rowExpandingFeature: import('@tanstack/table-core').TableFeature;
+            rowPaginationFeature: import('@tanstack/table-core').TableFeature;
+            filteredRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+            sortedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+            paginatedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+            expandedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+        }, T, unknown>;
+        expand: import('@tanstack/table-core').DisplayColumnDef<{
+            columnFilteringFeature: import('@tanstack/table-core').TableFeature;
+            columnVisibilityFeature: import('@tanstack/table-core').TableFeature;
+            rowSelectionFeature: import('@tanstack/table-core').TableFeature;
+            rowSortingFeature: import('@tanstack/table-core').TableFeature;
+            rowExpandingFeature: import('@tanstack/table-core').TableFeature;
+            rowPaginationFeature: import('@tanstack/table-core').TableFeature;
+            filteredRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+            sortedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+            paginatedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+            expandedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+        }, T, unknown>;
+    };
+};
+export type DeleteRowsHandler<T extends RowData> = (rows: Row<DataTableFeatures, T>[]) => () => void;
+/**
+ * useDeleteRowsHandler - Two-step deletion for `DataTable` rows.
+ *
+ * `handleDelete(rows)` returns a click handler that stages the rows and opens
+ * the confirmation dialog rendered by `confirmDialog`; `onDelete` only fires
+ * once the user confirms. Render `confirmDialog` somewhere in the tree that
+ * owns the table.
+ *
+ * @example
+ * ```tsx
+ * const { handleDelete, confirmDialog } = useDeleteRowsHandler(onDelete);
+ * <IconButton onClick={handleDelete([row])} />
+ * {confirmDialog}
+ * ```
+ */
+export declare function useDeleteRowsHandler<T extends RowData>(onDelete?: (rows: T[]) => void): {
+    handleDelete: DeleteRowsHandler<T>;
+    confirmDialog: import("react").JSX.Element;
+};

package/dist/lib/components/ui/data-table/index.d.ts

@@ -0,0 +1,12 @@
+import { CellData, RowData, TableFeatures } from '@tanstack/react-table';
+export * from './data-table';
+export * from './data-table-column-header';
+export * from './data-table-pagination';
+export * from './data-table-view-options';
+export * from './features';
+export * from './hooks';
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TFeatures extends TableFeatures, TData extends RowData, TValue extends CellData = CellData> {
+        className?: string;
+    }
+}

package/dist/lib/components/ui/date-field.d.ts

@@ -0,0 +1,21 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Calendar } from './calendar';
+export type DateFieldProps = {
+    value?: Date;
+    onValueChange?: (value?: Date) => void;
+} & {
+    placeholder?: string;
+    label?: ReactNode;
+    helperText?: ReactNode;
+    error?: boolean;
+    required?: boolean;
+    showTimePicker?: boolean;
+    name?: string;
+} & Omit<ComponentProps<typeof Calendar>, 'mode' | 'label' | 'onSelect'>;
+export declare function DateField({ value, label, helperText, error, onValueChange, placeholder, className, ...props }: DateFieldProps): import("react").JSX.Element;
+export declare function DateFieldContent({ value, onValueChange, onOpen, showTimePicker, ...props }: DateFieldProps & {
+    onOpen: (value: boolean) => void;
+}): import("react").JSX.Element;
+export declare function DateFieldTrigger({ value, label, helperText, error, placeholder, className, open, required, }: DateFieldProps & {
+    open: boolean;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/date-field.stories.d.ts

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

package/dist/lib/components/ui/date-range-field.d.ts

@@ -0,0 +1,17 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Calendar, DateRange } from './calendar';
+export type DateRangeFieldProps = {
+    value?: DateRange;
+    onValueChange?: (value?: DateRange) => void;
+} & {
+    placeholder?: string;
+    label?: ReactNode;
+    helperText?: ReactNode;
+    error?: boolean;
+    required?: boolean;
+    name?: string;
+} & Omit<ComponentProps<typeof Calendar>, 'mode' | 'label' | 'onSelect'>;
+export declare function DateRangeField({ value, label, helperText, error, onValueChange, placeholder, className, ...props }: DateRangeFieldProps): import("react").JSX.Element;
+export declare function DateRangeFieldTrigger({ value, label, helperText, error, placeholder, className, open, required, }: DateRangeFieldProps & {
+    open: boolean;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/date-range-field.stories.d.ts

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

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

@@ -0,0 +1,12 @@
+import { ComponentProps, ReactNode } from 'react';
+export type DescriptionProps = {
+    label: ReactNode;
+    value?: ReactNode;
+} & ComponentProps<'div'>;
+/**
+ * Description - Label/value pair for read-only detail panels.
+ *
+ * Renders nothing when `value` is falsy, so callers can drop it into a grid of
+ * optional fields without guarding each one.
+ */
+export declare function Description({ label, value, className, children, ...props }: DescriptionProps): false | "" | 0 | 0n | import("react").JSX.Element | null | undefined;

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

@@ -0,0 +1,14 @@
+import { Dialog as DialogPrimitive } from 'radix-ui';
+import { ComponentProps } from 'react';
+import { IconButtonProps } from '../../main';
+declare function Dialog({ ...props }: ComponentProps<typeof DialogPrimitive.Root>): import("react").JSX.Element;
+declare function DialogTrigger({ asChild, ...props }: ComponentProps<typeof DialogPrimitive.Trigger>): import("react").JSX.Element;
+declare function DialogPortal({ ...props }: ComponentProps<typeof DialogPrimitive.Portal>): import("react").JSX.Element;
+declare function DialogClose({ className, color, children, type, variant, ...props }: ComponentProps<typeof DialogPrimitive.Close> & Partial<Pick<IconButtonProps, 'variant' | 'color'>>): import("react").JSX.Element;
+declare function DialogOverlay({ className, ...props }: ComponentProps<typeof DialogPrimitive.Overlay>): import("react").JSX.Element;
+declare function DialogContent({ className, children, onInteractOutside, onPointerDownOutside, onFocusOutside, ...props }: ComponentProps<typeof DialogPrimitive.Content>): import("react").JSX.Element;
+declare function DialogHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+declare function DialogFooter({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+declare function DialogTitle({ className, ...props }: ComponentProps<typeof DialogPrimitive.Title>): import("react").JSX.Element;
+declare function DialogDescription({ className, ...props }: ComponentProps<typeof DialogPrimitive.Description>): import("react").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/lib/components/ui/dnd/compose-refs.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'react';
+export declare function composeRefs<T>(...refs: (Ref<T> | undefined)[]): (node: T | null) => void;

package/dist/lib/components/ui/dnd/dnd-item-context.d.ts

@@ -0,0 +1,9 @@
+import { DraggableAttributes, DraggableSyntheticListeners } from '@dnd-kit/core';
+export type DndItemContextValue = {
+    listeners: DraggableSyntheticListeners;
+    attributes: DraggableAttributes;
+    isDragging: boolean;
+    setActivatorNodeRef: (node: HTMLElement | null) => void;
+};
+export declare const DndItemProvider: import('react').Provider<DndItemContextValue | null>;
+export declare function useDndItem(): DndItemContextValue | null;

package/dist/lib/components/ui/dnd/dnd-overlay.d.ts

@@ -0,0 +1,7 @@
+import { UniqueIdentifier } from '@dnd-kit/core';
+import { ReactNode } from 'react';
+export type DndOverlayProps = {
+    children: ReactNode | ((activeId: UniqueIdentifier | null) => ReactNode);
+    dropAnimation?: null;
+};
+export declare function DndOverlay({ children, dropAnimation }: DndOverlayProps): import("react").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { DndContextProps } from '@dnd-kit/core';
+import { ReactNode } from 'react';
+export type DndProviderProps = DndContextProps & {
+    disabled?: boolean;
+    children: ReactNode;
+};
+export declare function DndProvider({ disabled, children, sensors, collisionDetection, ...props }: DndProviderProps): import("react").JSX.Element;

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

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

package/dist/lib/components/ui/dnd/drag-handle.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+export type DragHandleProps = Omit<ComponentProps<'button'>, 'color'> & {
+    label?: string;
+    asSlot?: boolean;
+};
+export declare function DragHandle({ label, asSlot, className, onClick, ...props }: DragHandleProps): import("react").JSX.Element;

package/dist/lib/components/ui/dnd/draggable-droppable.d.ts

@@ -0,0 +1,9 @@
+import { UniqueIdentifier } from '@dnd-kit/core';
+import { ComponentProps } from 'react';
+export type DraggableDroppableProps = ComponentProps<'div'> & {
+    id: UniqueIdentifier;
+    data?: Record<string, unknown>;
+    disabled?: boolean;
+    asSlot?: boolean;
+};
+export declare function DraggableDroppable({ id, data, disabled, asSlot, className, style, ...props }: DraggableDroppableProps): import("react").JSX.Element;

package/dist/lib/components/ui/dnd/draggable.d.ts

@@ -0,0 +1,9 @@
+import { UniqueIdentifier } from '@dnd-kit/core';
+import { ComponentProps } from 'react';
+export type DraggableProps = ComponentProps<'div'> & {
+    id: UniqueIdentifier;
+    data?: Record<string, unknown>;
+    disabled?: boolean;
+    asSlot?: boolean;
+};
+export declare function Draggable({ id, data, disabled, asSlot, className, style, ...props }: DraggableProps): import("react").JSX.Element;

package/dist/lib/components/ui/dnd/droppable.d.ts

@@ -0,0 +1,9 @@
+import { UniqueIdentifier } from '@dnd-kit/core';
+import { ComponentProps } from 'react';
+export type DroppableProps = ComponentProps<'div'> & {
+    id: UniqueIdentifier;
+    data?: Record<string, unknown>;
+    disabled?: boolean;
+    asSlot?: boolean;
+};
+export declare function Droppable({ id, data, disabled, asSlot, className, ...props }: DroppableProps): import("react").JSX.Element;

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

@@ -0,0 +1,24 @@
+export { type CollisionDetection, closestCenter, type DragEndEvent, pointerWithin, rectIntersection, type UniqueIdentifier, } from '@dnd-kit/core';
+export { arrayMove, horizontalListSortingStrategy, verticalListSortingStrategy, } from '@dnd-kit/sortable';
+export { CSS } from '@dnd-kit/utilities';
+export { composeRefs } from './compose-refs';
+export type { DndItemContextValue } from './dnd-item-context';
+export { useDndItem } from './dnd-item-context';
+export type { DndOverlayProps } from './dnd-overlay';
+export { DndOverlay } from './dnd-overlay';
+export type { DndProviderProps } from './dnd-provider';
+export { DndProvider } from './dnd-provider';
+export type { DragHandleProps } from './drag-handle';
+export { DragHandle } from './drag-handle';
+export type { DraggableProps } from './draggable';
+export { Draggable } from './draggable';
+export type { DraggableDroppableProps } from './draggable-droppable';
+export { DraggableDroppable } from './draggable-droppable';
+export type { DroppableProps } from './droppable';
+export { Droppable } from './droppable';
+export { insertIds } from './insert-ids';
+export type { SortableProps } from './sortable';
+export { Sortable } from './sortable';
+export type { SortableProviderProps } from './sortable-provider';
+export { SortableProvider } from './sortable-provider';
+export { useDndActiveId } from './use-dnd-active-id';

package/dist/lib/components/ui/dnd/insert-ids.d.ts

@@ -0,0 +1 @@
+export declare function insertIds(list: string[], ids: string[], before?: string, max?: number): string[];

package/dist/lib/components/ui/dnd/insert-ids.test.d.ts

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

package/dist/lib/components/ui/dnd/sortable-provider.d.ts

@@ -0,0 +1,9 @@
+import { UniqueIdentifier } from '@dnd-kit/core';
+import { SortingStrategy } from '@dnd-kit/sortable';
+import { ReactNode } from 'react';
+export type SortableProviderProps = {
+    items: UniqueIdentifier[];
+    strategy?: SortingStrategy;
+    children: ReactNode;
+};
+export declare function SortableProvider({ items, strategy, children, }: SortableProviderProps): import("react").JSX.Element;

package/dist/lib/components/ui/dnd/sortable.d.ts

@@ -0,0 +1,10 @@
+import { UniqueIdentifier } from '@dnd-kit/core';
+import { ComponentProps } from 'react';
+export type SortableProps = ComponentProps<'div'> & {
+    id: UniqueIdentifier;
+    data?: Record<string, unknown>;
+    disabled?: boolean;
+    asSlot?: boolean;
+    handleOnly?: boolean;
+};
+export declare function Sortable({ id, data, disabled, asSlot, handleOnly, className, style, ...props }: SortableProps): import("react").JSX.Element;

package/dist/lib/components/ui/dnd/use-dnd-active-id.d.ts

@@ -0,0 +1,2 @@
+import { UniqueIdentifier } from '@dnd-kit/core';
+export declare function useDndActiveId(): UniqueIdentifier | null;

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

@@ -0,0 +1,14 @@
+import { ComponentProps } from 'react';
+import { Drawer as DrawerPrimitive } from 'vaul';
+import { IconButtonProps } from './buttons';
+declare function Drawer({ ...props }: ComponentProps<typeof DrawerPrimitive.Root>): import("react").JSX.Element;
+declare function DrawerTrigger({ ...props }: ComponentProps<typeof DrawerPrimitive.Trigger>): import("react").JSX.Element;
+declare function DrawerPortal({ ...props }: ComponentProps<typeof DrawerPrimitive.Portal>): import("react").JSX.Element;
+declare function DrawerClose({ className, color, children, type, variant, ...props }: ComponentProps<typeof DrawerPrimitive.Close> & Pick<IconButtonProps, 'variant' | 'color'>): import("react").JSX.Element;
+declare function DrawerOverlay({ className, ...props }: ComponentProps<typeof DrawerPrimitive.Overlay>): import("react").JSX.Element;
+declare function DrawerContent({ className, children, ...props }: ComponentProps<typeof DrawerPrimitive.Content>): import("react").JSX.Element;
+declare function DrawerHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+declare function DrawerFooter({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+declare function DrawerTitle({ className, ...props }: ComponentProps<typeof DrawerPrimitive.Title>): import("react").JSX.Element;
+declare function DrawerDescription({ className, ...props }: ComponentProps<typeof DrawerPrimitive.Description>): import("react").JSX.Element;
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, };

package/dist/lib/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,26 @@
+import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
+import { ComponentProps } from 'react';
+declare function DropdownMenu({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react").JSX.Element;
+declare function DropdownMenuPortal({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react").JSX.Element;
+declare function DropdownMenuTrigger({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react").JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react").JSX.Element;
+declare function DropdownMenuGroup({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react").JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, active, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    active?: boolean;
+    inset?: boolean;
+    variant?: 'default' | 'error';
+}): import("react").JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react").JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react").JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react").JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): import("react").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react").JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
+declare function DropdownMenuSub({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react").JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react").JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react").JSX.Element;
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };

package/dist/lib/components/ui/dropdown-menu.stories.d.ts

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

package/dist/lib/components/ui/duration-field/duration-field.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export type DurationFieldProps = {
+    label?: ReactNode;
+    helperText?: ReactNode;
+    error?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    name?: string;
+    id?: string;
+    value?: number | null;
+    defaultValue?: number | null;
+    onChange?: (value: number | null) => void;
+};
+export declare function DurationField({ label, helperText, error, required, disabled, className, name, id, value, defaultValue, onChange, }: DurationFieldProps): import("react").JSX.Element;

package/dist/lib/components/ui/duration-field/duration-field.stories.d.ts

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

package/dist/lib/components/ui/duration-field/index.d.ts

@@ -0,0 +1,3 @@
+export type { DurationFieldProps } from './duration-field';
+export { DurationField } from './duration-field';
+export { minutesToParts, partsToMinutes } from './parse-duration';

package/dist/lib/components/ui/duration-field/parse-duration.d.ts

@@ -0,0 +1,5 @@
+export declare function minutesToParts(total: number | null): {
+    hours: number | null;
+    minutes: number | null;
+};
+export declare function partsToMinutes(hours: number | null, minutes: number | null): number | null;

package/dist/lib/components/ui/duration-field/parse-duration.test.d.ts

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

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

@@ -0,0 +1,2 @@
+export * from './questions';
+export * from './quizzes';

package/dist/lib/components/ui/education/questions/index.d.ts

@@ -0,0 +1,3 @@
+export { QuestionCard } from './question';
+export { isAnswerCorrect, isAnswered } from './question.utils';
+export type { Question, QuestionAnswer, QuestionKind, QuestionOption, QuestionProps, } from './types';

package/dist/lib/components/ui/education/questions/question-boolean.d.ts

@@ -0,0 +1,2 @@
+import { QuestionProps } from './types';
+export declare function QuestionBoolean(props: QuestionProps): import("react").JSX.Element;

package/dist/lib/components/ui/education/questions/question-choice.d.ts

@@ -0,0 +1,2 @@
+import { QuestionProps } from './types';
+export declare function QuestionChoice({ question, value, onValueChange, revealed, disabled, }: QuestionProps): import("react").JSX.Element;

package/dist/lib/components/ui/education/questions/question-multi.d.ts

@@ -0,0 +1,2 @@
+import { QuestionProps } from './types';
+export declare function QuestionMulti({ question, value, onValueChange, revealed, disabled, }: QuestionProps): import("react").JSX.Element;

package/dist/lib/components/ui/education/questions/question-options.d.ts

@@ -0,0 +1,9 @@
+import { Question, QuestionOption } from './types';
+export declare function QuestionOptions({ question, options, value, revealed, disabled, onToggle, }: {
+    question: Question;
+    options: QuestionOption[];
+    value: string[];
+    revealed?: boolean;
+    disabled?: boolean;
+    onToggle: (id: string) => void;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/education/questions/question-text.d.ts

@@ -0,0 +1,2 @@
+import { QuestionProps } from './types';
+export declare function QuestionText({ question, value, onValueChange, revealed, disabled, }: QuestionProps): import("react").JSX.Element;

package/dist/lib/components/ui/education/questions/question.d.ts

@@ -0,0 +1,2 @@
+import { QuestionProps } from './types';
+export declare function QuestionCard({ question, value, onValueChange, revealed, disabled, className, }: QuestionProps): import("react").JSX.Element;

package/dist/lib/components/ui/education/questions/question.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+import { QuestionCard } from './question';
+declare const meta: {
+    title: string;
+    component: typeof QuestionCard;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof QuestionCard>;
+export declare const Choice: Story;
+export declare const Revealed: Story;
+export declare const Multi: Story;
+export declare const TrueFalse: Story;
+export declare const Text: Story;

package/dist/lib/components/ui/education/questions/question.utils.d.ts

@@ -0,0 +1,6 @@
+import { Question, QuestionAnswer } from './types';
+export declare function normalizeText(value: string, exact?: boolean): string;
+export declare function asStringList(value: QuestionAnswer): string[];
+export declare function isAnswered(answer: QuestionAnswer | undefined): boolean;
+export declare function isAnswerCorrect(question: Question, answer: QuestionAnswer): boolean;
+export declare function isOptionCorrect(question: Question, optionId: string): boolean;

package/dist/lib/components/ui/education/questions/question.utils.test.d.ts

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

package/dist/lib/components/ui/education/questions/types.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+export type QuestionKind = 'choice' | 'multi' | 'boolean' | 'text';
+export type QuestionOption = {
+    id: string;
+    label: ReactNode;
+};
+export type QuestionAnswer = string | string[] | null;
+export type Question = {
+    id: string;
+    prompt: string;
+    kind: QuestionKind;
+    options?: QuestionOption[];
+    correct?: string | string[];
+    explanation?: string;
+    required?: boolean;
+    placeholder?: string;
+    exact?: boolean;
+};
+export type QuestionProps = {
+    question: Question;
+    value?: QuestionAnswer;
+    onValueChange?: (value: QuestionAnswer) => void;
+    revealed?: boolean;
+    disabled?: boolean;
+    className?: string;
+};

package/dist/lib/components/ui/education/quizzes/index.d.ts

@@ -0,0 +1,3 @@
+export { Quiz } from './quiz';
+export { answeredCount, scoreQuiz } from './quiz.utils';
+export type { QuizAnswers, QuizChromeState, QuizProps, QuizStatus, } from './types';