@spfx-fast/sharepoint-ui 0.4.2 → 0.5.0

package/dist/index.d.ts

@@ -1,76 +1,68 @@
-export { defineSharePointUIElements } from "./elements.js";
-export { defineButton } from "./elements/button.js";
-export { defineButtonGroup } from "./elements/button-group.js";
-export { defineCompoundButton, defineMenuButton, defineSplitButton, defineToggleButton } from "./elements/button-variants.js";
-export type { ButtonAppearance, ButtonShape, ButtonSize } from "./elements/button.js";
-export { defineInput, type InputAppearance, type InputSize, type InputType } from "./elements/input.js";
-export { defineFileUpload, type FileUploadError } from "./elements/file-upload.js";
-export { createImage, getImageStyle, type ImageOptions, type ImageFit, type ImageShape } from "./elements/image.js";
-export { defineText } from "./elements/text.js";
-export type { TextFont, TextSize, TextTag, TextWeight } from "./elements/text.js";
-export { defineToast, defineToastBody, defineToastFooter, defineToastTitle, type ToastAppearance, type ToastIntent, type ToastOptions, type ToastPoliteness } from "./elements/toast.js";
-export { defineToaster, type ToastAnnounce, type ToastAnnounceOptions, type ToastPosition } from "./elements/toaster.js";
-export { defineSearchBox, type SearchAppearance, type SearchSize } from "./elements/search.js";
-export { defineColorPicker, defineColorArea, defineColorSlider, defineAlphaSlider, type ColorPickerFormat, type ColorPickerHsvColor, type ColorPickerShape, type ColorPickerSize, type ColorSliderChannel, type ColorPickerState } from "./elements/color-picker.js";
-export { defineToolbar, defineToolbarGroup, defineToolbarSeparator, defineToolbarRadioGroup, defineToolbarRadioButton, type ToolbarCheckedValues, type ToolbarCheckedValueChange } from "./elements/toolbar.js";
-export { defineCarousel, defineCarouselCard, defineCarouselNav, defineCarouselNavButton, defineCarouselNavImageButton, defineCarouselButton, defineCarouselAutoplayButton, defineCarouselNavContainer, defineCarouselSlider, defineCarouselViewport } from "./elements/carousel.js";
-export type { CarouselIndexChangeData, CarouselIndexChangeSource } from "./elements/carousel.js";
-export type { CarouselAlign, CarouselAppearance, CarouselMotion, CarouselAnnouncerFunction, SharePointCarouselElement, SharePointCarouselCardElement, SharePointCarouselNavButtonElement, SharePointCarouselButtonElement, SharePointCarouselAutoplayButtonElement, SharePointCarouselSliderElement } from "./elements/carousel.js";
-export { defineOverflow, defineOverflowItem, defineOverflowDivider, type OverflowAxis, type OverflowState } from "./elements/overflow.js";
-export { defineSwatchPicker, defineColorSwatch, defineImageSwatch, defineEmptySwatch, defineSwatchPickerRow } from "./elements/swatch-picker.js";
-export { createTableColumn, defineTable, defineTableHeader, defineTableBody, defineTableRow, defineTableHeaderCell, defineTableCell, defineTableCellLayout, defineTableCellActions, defineTableResizeHandle, defineTableSelectionCell, type CreateTableColumnOptions, type TableColumnDefinition, type TableColumnId } from "./elements/table.js";
-export { defineNav, defineNavItem, defineAppItem, defineAppItemStatic, defineHamburger, defineNavDrawer, defineNavDrawerBody, defineNavDrawerFooter, defineNavDrawerHeader, defineSplitNavItem, defineNavCategory, defineNavCategoryItem, defineNavSubItemGroup, defineNavSubItem, defineNavDivider, defineNavSectionHeader, type NavItemSelectData, type NavCategoryToggleData } from "./elements/nav.js";
-export { createLabel, getLabelStyle, type LabelOptions, type LabelSize, type LabelWeight } from "./elements/label.js";
-export { defineInfoButton, createInfoLabel, type InfoLabelOptions, type InfoPlacement } from "./elements/info.js";
-export { defineField } from "./elements/field.js";
-export { createFormField, type FieldOrientation, type FieldValidationState, type FormFieldOptions } from "./elements/field-composition.js";
-export { defineCard, type CardAppearance, type CardOrientation, type CardSize } from "./elements/card.js";
-export { defineCardFooter, defineCardHeader, defineCardPreview } from "./elements/card-primitives.js";
-export { defineBadge, defineCounterBadge, definePresenceBadge, type BadgeAppearance, type BadgeColor, type BadgeShape, type BadgeSize, type PresenceBadgeStatus } from "./elements/badge.js";
-export { defineCheckbox, defineSwitch } from "./elements/toggle.js";
-export { defineTextArea } from "./elements/textarea.js";
-export { defineSpinner } from "./elements/spinner.js";
-export { defineMessageBar, defineMessageBarActions, defineMessageBarBody, defineMessageBarGroup, defineMessageBarTitle, type MessageBarGroupAnimation, type MessageBarIntent, type MessageBarLayout, type MessageBarPoliteness, type MessageBarShape } from "./elements/message-bar.js";
-export { defineViewCard } from "./elements/view-card.js";
-export { defineDialog, defineDialogActions, defineDialogBody, defineDialogContent, defineDialogSurface, defineDialogTitle, defineDialogTrigger, type DialogOpenChangeData } from "./elements/dialog.js";
-export { defineDrawer, defineInlineDrawer } from "./elements/drawer.js";
-export { defineProgressBar, type ProgressBarColor, type ProgressBarShape, type ProgressBarThickness } from "./elements/progress-bar.js";
-export { defineSelect } from "./elements/select.js";
-export type { SelectAppearance, SelectSize, SelectChangeData } from "./elements/select.js";
-export { defineRadioGroup } from "./elements/radio-group.js";
-export { defineSpinButton } from "./elements/spin-button.js";
-export type { SpinButtonAppearance, SpinButtonSize, SpinButtonChangeData } from "./elements/spin-button.js";
-export { defineSlider } from "./elements/slider.js";
-export { defineDatePicker } from "./elements/date-picker.js";
-export { defineCombobox } from "./elements/combobox.js";
-export { defineRichTextEditor, type SharePointRichTextEditorElement } from "./elements/rich-text-editor.js";
-export { defineAlert, type AlertAppearance } from "./elements/alert.js";
-export { defineSkeleton, defineSkeletonItem, type SkeletonAnimation, type SkeletonAppearance, type SkeletonItemSize, type SkeletonShape } from "./elements/skeleton.js";
-export { DEFAULT_ACCENT, getSharePointUIStyleTokens, type SharePointUIAppearance, type SharePointUIBaseAppearance, type SharePointUIDensity, type SharePointUIStyleTokens } from "./appearance.js";
-export { applySharePointTheme, composeSharePointUIDesignThemes, getSharePointUIDesignTokens, type SharePointTheme, type FluentThemeTokens, type SharePointUIDesignTheme, type SharePointUIThemeOptions } from "./theme.js";
-export { defineLink } from "./elements/link.js";
-export { defineDivider, type DividerAppearance } from "./elements/divider.js";
-export { defineAccordion, defineAccordionHeader, defineAccordionPanel, type AccordionItemValue, type AccordionNavigation, type AccordionToggleData } from "./elements/accordion.js";
-export { defineAvatar, type AvatarColor, type AvatarNamedColor } from "./elements/avatar.js";
-export { defineAvatarGroup } from "./elements/avatar-group.js";
-export { defineAvatarGroupItem, defineAvatarGroupPopover } from "./elements/avatar-group-primitives.js";
-export { definePersona, type PersonaPresence, type PersonaSize } from "./elements/persona.js";
-export { defineVirtualList, type VirtualListDataSource, type VirtualListItemRenderer, type SharePointVirtualListElement } from "./elements/virtual-list.js";
-export { defineDataGrid, type DataGridCellRenderer, type DataGridCellsEditHandler, type DataGridRowHeightGetter, type DataGridSourceSelectionHandler, type SharePointDataGridElement } from "./elements/data-grid.js";
-export { clampDataGridRowHeight, fitDataGridColumnWidths, formatDataGridClipboard, getDataGridColumnSizing, getDataGridGroupKey, isDataGridRowSelected, parseDataGridClipboard, parseDataGridClipboardValue, setDataGridRowSelected, writeDataGridClipboardText, type DataGridCellEdit, type DataGridClipboardColumn, type DataGridColumn, type DataGridColumnSizingOption, type DataGridColumnSizingOptions, type DataGridColumnWidths, type DataGridDataSource, type DataGridDataSourceRow, type DataGridSelectionModel, type DataGridEditValue, type DataGridFocusMode, type DataGridGroup, type DataGridSelectionAppearance, type DataGridSort, type DataGridSortDirection, type DataGridSortState } from "./elements/data-grid-model.js";
-export { defineTree, type TreeCheckedItem, type TreeItemRenderer } from "./elements/tree.js";
-export { type TreeNode, type VisibleTreeNode } from "./elements/tree-model.js";
-export { defineInteractionTag, defineInteractionTagPrimary, defineInteractionTagSecondary, defineTag, defineTagGroup, type InteractionTagSelectData, type SharePointTagGroupElement, type TagAppearance, type TagGroupSelectData, type TagShape, type TagSize } from "./elements/tags.js";
-export { defineTagPicker } from "./elements/tag-picker.js";
-export type { TagPickerOpenChangeType, TagPickerOnOpenChangeData, TagPickerOnOptionSelectData } from "./elements/tag-picker.js";
-export { defineRating } from "./elements/rating.js";
-export { defineRatingDisplay, defineRatingItem } from "./elements/rating-display.js";
-export { defineList, defineListItem, type ListItemActionData, type ListItemActionEvent, type ListItemValue, type ListNavigationMode, type ListSelectionChangeData, type ListSelectionMode } from "./elements/list.js";
-export { defineBreadcrumb, defineBreadcrumbButton, defineBreadcrumbDivider, defineBreadcrumbItem } from "./elements/breadcrumb.js";
-export { defineTabs } from "./elements/tabs.js";
-export { defineTooltip, type TooltipAppearance, type TooltipPosition, type TooltipPositioning, type TooltipPositioningBoundary, type TooltipPositioningEndData, type TooltipPositioningImperativeRef, type TooltipPositioningOffset, type TooltipPositioningOffsetParams, type TooltipPositioningOptions, type TooltipPositioningPlacement, type TooltipPositioningRect, type TooltipPositioningRef, type TooltipPositioningShorthand, type TooltipPositioningTarget, type TooltipPositioningTargetRect, type TooltipRelationship, type TooltipVisibleChangeData } from "./elements/tooltip.js";
-export { definePopover, definePopoverSurface, definePopoverTrigger } from "./elements/popover.js";
-export type { PopoverAlignment, PopoverAutoSize, PopoverBoundary, PopoverBoundaryPadding, PopoverBoundaryRect, PopoverOffset, PopoverOffsetParams, PopoverOpenChangeData, PopoverPosition, PopoverPositioning, PopoverPositioningEndData, PopoverPositioningImperativeRef, PopoverPositioningOptions, PopoverPositioningPlacement, PopoverPositioningRef, PopoverPositioningTargetRect, PopoverTarget } from "./elements/popover.js";
-export { defineTeachingPopover } from "./elements/teaching-popover.js";
-export type { SharePointTeachingPopoverCarouselElement, TeachingPopoverAnnouncementFunction, TeachingPopoverAnnouncementDetail, TeachingPopoverCarouselValueChangeType, TeachingPopoverCarouselValueChangeDetail, TeachingPopoverFinishDetail } from "./elements/teaching-popover.js";
-export { defineMenu, defineMenuItem, defineMenuItemLink, defineMenuDivider, defineMenuGroup, defineMenuGroupHeader, defineMenuList, defineMenuPopover, defineMenuSplitGroup, defineMenuTrigger, defineMenuBar, defineMenuBarItem, type MenuOpenChangeData, type MenuOpenChangeType } from "./elements/menu.js";
+export { Button } from "./button.js";
+export { Checkbox } from "./checkbox.js";
+export { Field } from "./field.js";
+export { FilterBar } from "./filter-bar.js";
+export { FileDropzone } from "./file-dropzone.js";
+export { AttachmentList } from "./attachment-list.js";
+export type { AttachmentItem, AttachmentListProps } from "./attachment-list.js";
+export { ListView } from "./list-view.js";
+export type { ListViewPage, ListViewProps } from "./list-view.js";
+export { ViewSwitcher } from "./view-switcher.js";
+export type { ViewOption, ViewSwitcherProps } from "./view-switcher.js";
+export { TextArea } from "./textarea.js";
+export { Radio } from "./radio.js";
+export { RadioGroup } from "./radio-group.js";
+export { Switch } from "./switch.js";
+export { Select } from "./select.js";
+export { ComboBox } from "./combobox.js";
+export { DateRangePicker } from "./date-range-picker.js";
+export { PersonPicker } from "./person-picker.js";
+export { LookupPicker } from "./lookup-picker.js";
+export { Text } from "./text.js";
+export { Label } from "./label.js";
+export { ButtonGroup } from "./button-group.js";
+export { CommandBar } from "./command-bar.js";
+export { CopyButton } from "./copy-button.js";
+export { Link } from "./link.js";
+export { Menu } from "./menu.js";
+export { Badge } from "./badge.js";
+export { Tag } from "./tag.js";
+export { TagGroup } from "./tag-group.js";
+export { Image } from "./image.js";
+export { Avatar } from "./avatar.js";
+export { Persona } from "./persona.js";
+export { AvatarGroup } from "./avatar-group.js";
+export { ViewCard } from "./view-card.js";
+export { EmptyState } from "./empty-state.js";
+export { Divider } from "./divider.js";
+export { List } from "./list.js";
+export { Accordion } from "./accordion.js";
+export { Tabs } from "./tabs.js";
+export { Breadcrumb } from "./breadcrumb.js";
+export { Pagination } from "./pagination.js";
+export { Rating } from "./rating.js";
+export { ProgressBar } from "./progress-bar.js";
+export { Spinner } from "./spinner.js";
+export { Skeleton } from "./skeleton.js";
+export { Alert } from "./alert.js";
+export { Toast } from "./toast.js";
+export { Table } from "./table.js";
+export { DataGrid } from "./data-grid.js";
+export type { DataGridColumn, DataGridSort, DataGridProps } from "./data-grid.js";
+export { Tree } from "./tree.js";
+export type { TreeNode, TreeProps } from "./tree.js";
+export { Nav } from "./nav.js";
+export { Carousel } from "./carousel.js";
+export { TagPicker } from "./tag-picker.js";
+export { SwatchPicker } from "./swatch-picker.js";
+export { SharePointField } from "./sharepoint-field.js";
+export type { SharePointFieldType, SharePointFieldProps } from "./sharepoint-field.js";
+export { VirtualList } from "./virtual-list.js";
+export type { VirtualListProps } from "./virtual-list.js";
+export { Dialog } from "./dialog.js";
+export { Drawer } from "./drawer.js";
+export { Popover } from "./popover.js";
+export { Card } from "./card.js";
+export { Input } from "./input.js";
+export { SharePointThemeProvider, createSharePointTheme, useSharePointTheme } from "./theme.js";
+export type { SharePointTheme } from "./theme.js";

package/dist/index.js

@@ -1,66 +1,60 @@
-export { defineSharePointUIElements } from "./elements.js";
-export { defineButton } from "./elements/button.js";
-export { defineButtonGroup } from "./elements/button-group.js";
-export { defineCompoundButton, defineMenuButton, defineSplitButton, defineToggleButton } from "./elements/button-variants.js";
-export { defineInput } from "./elements/input.js";
-export { defineFileUpload } from "./elements/file-upload.js";
-export { createImage, getImageStyle } from "./elements/image.js";
-export { defineText } from "./elements/text.js";
-export { defineToast, defineToastBody, defineToastFooter, defineToastTitle } from "./elements/toast.js";
-export { defineToaster } from "./elements/toaster.js";
-export { defineSearchBox } from "./elements/search.js";
-export { defineColorPicker, defineColorArea, defineColorSlider, defineAlphaSlider } from "./elements/color-picker.js";
-export { defineToolbar, defineToolbarGroup, defineToolbarSeparator, defineToolbarRadioGroup, defineToolbarRadioButton } from "./elements/toolbar.js";
-export { defineCarousel, defineCarouselCard, defineCarouselNav, defineCarouselNavButton, defineCarouselNavImageButton, defineCarouselButton, defineCarouselAutoplayButton, defineCarouselNavContainer, defineCarouselSlider, defineCarouselViewport } from "./elements/carousel.js";
-export { defineOverflow, defineOverflowItem, defineOverflowDivider } from "./elements/overflow.js";
-export { defineSwatchPicker, defineColorSwatch, defineImageSwatch, defineEmptySwatch, defineSwatchPickerRow } from "./elements/swatch-picker.js";
-export { createTableColumn, defineTable, defineTableHeader, defineTableBody, defineTableRow, defineTableHeaderCell, defineTableCell, defineTableCellLayout, defineTableCellActions, defineTableResizeHandle, defineTableSelectionCell } from "./elements/table.js";
-export { defineNav, defineNavItem, defineAppItem, defineAppItemStatic, defineHamburger, defineNavDrawer, defineNavDrawerBody, defineNavDrawerFooter, defineNavDrawerHeader, defineSplitNavItem, defineNavCategory, defineNavCategoryItem, defineNavSubItemGroup, defineNavSubItem, defineNavDivider, defineNavSectionHeader } from "./elements/nav.js";
-export { createLabel, getLabelStyle } from "./elements/label.js";
-export { defineInfoButton, createInfoLabel } from "./elements/info.js";
-export { defineField } from "./elements/field.js";
-export { createFormField } from "./elements/field-composition.js";
-export { defineCard } from "./elements/card.js";
-export { defineCardFooter, defineCardHeader, defineCardPreview } from "./elements/card-primitives.js";
-export { defineBadge, defineCounterBadge, definePresenceBadge } from "./elements/badge.js";
-export { defineCheckbox, defineSwitch } from "./elements/toggle.js";
-export { defineTextArea } from "./elements/textarea.js";
-export { defineSpinner } from "./elements/spinner.js";
-export { defineMessageBar, defineMessageBarActions, defineMessageBarBody, defineMessageBarGroup, defineMessageBarTitle } from "./elements/message-bar.js";
-export { defineViewCard } from "./elements/view-card.js";
-export { defineDialog, defineDialogActions, defineDialogBody, defineDialogContent, defineDialogSurface, defineDialogTitle, defineDialogTrigger } from "./elements/dialog.js";
-export { defineDrawer, defineInlineDrawer } from "./elements/drawer.js";
-export { defineProgressBar } from "./elements/progress-bar.js";
-export { defineSelect } from "./elements/select.js";
-export { defineRadioGroup } from "./elements/radio-group.js";
-export { defineSpinButton } from "./elements/spin-button.js";
-export { defineSlider } from "./elements/slider.js";
-export { defineDatePicker } from "./elements/date-picker.js";
-export { defineCombobox } from "./elements/combobox.js";
-export { defineRichTextEditor } from "./elements/rich-text-editor.js";
-export { defineAlert } from "./elements/alert.js";
-export { defineSkeleton, defineSkeletonItem } from "./elements/skeleton.js";
-export { DEFAULT_ACCENT, getSharePointUIStyleTokens } from "./appearance.js";
-export { applySharePointTheme, composeSharePointUIDesignThemes, getSharePointUIDesignTokens } from "./theme.js";
-export { defineLink } from "./elements/link.js";
-export { defineDivider } from "./elements/divider.js";
-export { defineAccordion, defineAccordionHeader, defineAccordionPanel } from "./elements/accordion.js";
-export { defineAvatar } from "./elements/avatar.js";
-export { defineAvatarGroup } from "./elements/avatar-group.js";
-export { defineAvatarGroupItem, defineAvatarGroupPopover } from "./elements/avatar-group-primitives.js";
-export { definePersona } from "./elements/persona.js";
-export { defineVirtualList } from "./elements/virtual-list.js";
-export { defineDataGrid } from "./elements/data-grid.js";
-export { clampDataGridRowHeight, fitDataGridColumnWidths, formatDataGridClipboard, getDataGridColumnSizing, getDataGridGroupKey, isDataGridRowSelected, parseDataGridClipboard, parseDataGridClipboardValue, setDataGridRowSelected, writeDataGridClipboardText } from "./elements/data-grid-model.js";
-export { defineTree } from "./elements/tree.js";
-export { defineInteractionTag, defineInteractionTagPrimary, defineInteractionTagSecondary, defineTag, defineTagGroup } from "./elements/tags.js";
-export { defineTagPicker } from "./elements/tag-picker.js";
-export { defineRating } from "./elements/rating.js";
-export { defineRatingDisplay, defineRatingItem } from "./elements/rating-display.js";
-export { defineList, defineListItem } from "./elements/list.js";
-export { defineBreadcrumb, defineBreadcrumbButton, defineBreadcrumbDivider, defineBreadcrumbItem } from "./elements/breadcrumb.js";
-export { defineTabs } from "./elements/tabs.js";
-export { defineTooltip } from "./elements/tooltip.js";
-export { definePopover, definePopoverSurface, definePopoverTrigger } from "./elements/popover.js";
-export { defineTeachingPopover } from "./elements/teaching-popover.js";
-export { defineMenu, defineMenuItem, defineMenuItemLink, defineMenuDivider, defineMenuGroup, defineMenuGroupHeader, defineMenuList, defineMenuPopover, defineMenuSplitGroup, defineMenuTrigger, defineMenuBar, defineMenuBarItem } from "./elements/menu.js";
+export { Button } from "./button.js";
+export { Checkbox } from "./checkbox.js";
+export { Field } from "./field.js";
+export { FilterBar } from "./filter-bar.js";
+export { FileDropzone } from "./file-dropzone.js";
+export { AttachmentList } from "./attachment-list.js";
+export { ListView } from "./list-view.js";
+export { ViewSwitcher } from "./view-switcher.js";
+export { TextArea } from "./textarea.js";
+export { Radio } from "./radio.js";
+export { RadioGroup } from "./radio-group.js";
+export { Switch } from "./switch.js";
+export { Select } from "./select.js";
+export { ComboBox } from "./combobox.js";
+export { DateRangePicker } from "./date-range-picker.js";
+export { PersonPicker } from "./person-picker.js";
+export { LookupPicker } from "./lookup-picker.js";
+export { Text } from "./text.js";
+export { Label } from "./label.js";
+export { ButtonGroup } from "./button-group.js";
+export { CommandBar } from "./command-bar.js";
+export { CopyButton } from "./copy-button.js";
+export { Link } from "./link.js";
+export { Menu } from "./menu.js";
+export { Badge } from "./badge.js";
+export { Tag } from "./tag.js";
+export { TagGroup } from "./tag-group.js";
+export { Image } from "./image.js";
+export { Avatar } from "./avatar.js";
+export { Persona } from "./persona.js";
+export { AvatarGroup } from "./avatar-group.js";
+export { ViewCard } from "./view-card.js";
+export { EmptyState } from "./empty-state.js";
+export { Divider } from "./divider.js";
+export { List } from "./list.js";
+export { Accordion } from "./accordion.js";
+export { Tabs } from "./tabs.js";
+export { Breadcrumb } from "./breadcrumb.js";
+export { Pagination } from "./pagination.js";
+export { Rating } from "./rating.js";
+export { ProgressBar } from "./progress-bar.js";
+export { Spinner } from "./spinner.js";
+export { Skeleton } from "./skeleton.js";
+export { Alert } from "./alert.js";
+export { Toast } from "./toast.js";
+export { Table } from "./table.js";
+export { DataGrid } from "./data-grid.js";
+export { Tree } from "./tree.js";
+export { Nav } from "./nav.js";
+export { Carousel } from "./carousel.js";
+export { TagPicker } from "./tag-picker.js";
+export { SwatchPicker } from "./swatch-picker.js";
+export { SharePointField } from "./sharepoint-field.js";
+export { VirtualList } from "./virtual-list.js";
+export { Dialog } from "./dialog.js";
+export { Drawer } from "./drawer.js";
+export { Popover } from "./popover.js";
+export { Card } from "./card.js";
+export { Input } from "./input.js";
+export { SharePointThemeProvider, createSharePointTheme, useSharePointTheme } from "./theme.js";

package/dist/input.d.ts

@@ -0,0 +1,3 @@
+import { type InputHTMLAttributes, type ReactElement } from "react";
+export type InputProps = InputHTMLAttributes<HTMLInputElement>;
+export declare function Input({ className, ...props }: InputProps): ReactElement;

package/dist/input.js

@@ -0,0 +1,4 @@
+import { createElement } from "react";
+export function Input({ className = "", ...props }) {
+    return createElement("input", { ...props, className: `spui-input ${className}`.trim() });
+}

package/dist/label.d.ts

@@ -0,0 +1,3 @@
+import { type LabelHTMLAttributes, type ReactElement } from "react";
+export type LabelProps = LabelHTMLAttributes<HTMLLabelElement>;
+export declare function Label({ className, ...props }: LabelProps): ReactElement;

package/dist/label.js

@@ -0,0 +1,4 @@
+import { createElement } from "react";
+export function Label({ className = "", ...props }) {
+    return createElement("label", { ...props, className: `spui-label ${className}`.trim() });
+}

package/dist/link.d.ts

@@ -0,0 +1,3 @@
+import { type AnchorHTMLAttributes, type ReactElement } from "react";
+export type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare function Link({ className, target, rel, ...props }: LinkProps): ReactElement;

package/dist/link.js

@@ -0,0 +1,9 @@
+import { createElement } from "react";
+export function Link({ className = "", target, rel, ...props }) {
+    return createElement("a", {
+        ...props,
+        target,
+        rel: target === "_blank" ? [rel, "noopener", "noreferrer"].filter(Boolean).join(" ") : rel,
+        className: `spui-link ${className}`.trim(),
+    });
+}

package/dist/list-view.d.ts

@@ -0,0 +1,29 @@
+import { type HTMLAttributes, type ReactElement, type ReactNode } from "react";
+import { type DataGridColumn, type DataGridSort } from "./data-grid.js";
+export type ListViewPage = {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+};
+export type ListViewProps<Row extends Record<string, unknown>> = Omit<HTMLAttributes<HTMLElement>, "children" | "aria-label"> & {
+    label: string;
+    rows: readonly Row[];
+    columns: readonly DataGridColumn<Row>[];
+    getRowId: (row: Row) => string;
+    rowLabel?: (row: Row) => string;
+    selectable?: boolean;
+    selectedIds?: readonly string[];
+    onSelectionChange?: (ids: string[]) => void;
+    initialSort?: DataGridSort<Row>;
+    onSortChange?: (sort: DataGridSort<Row>) => void;
+    caption?: ReactNode;
+    toolbar?: ReactNode;
+    filters?: ReactNode;
+    loading?: boolean;
+    loadingLabel?: string;
+    emptyTitle?: ReactNode;
+    emptyDescription?: ReactNode;
+    emptyAction?: ReactNode;
+    page?: ListViewPage;
+};
+export declare function ListView<Row extends Record<string, unknown>>({ label, rows, columns, getRowId, rowLabel, selectable, selectedIds, onSelectionChange, initialSort, onSortChange, caption, toolbar, filters, loading, loadingLabel, emptyTitle, emptyDescription, emptyAction, page, className, ...props }: ListViewProps<Row>): ReactElement;

package/dist/list-view.js

@@ -0,0 +1,14 @@
+import { createElement } from "react";
+import { DataGrid } from "./data-grid.js";
+import { EmptyState } from "./empty-state.js";
+import { Pagination } from "./pagination.js";
+import { Spinner } from "./spinner.js";
+export function ListView({ label, rows, columns, getRowId, rowLabel, selectable, selectedIds, onSelectionChange, initialSort, onSortChange, caption, toolbar, filters, loading = false, loadingLabel = `Loading ${label}`, emptyTitle = "No items found", emptyDescription = "Try changing or clearing the filters.", emptyAction, page, className = "", ...props }) {
+    return createElement("section", { ...props, "aria-label": label, className: `spui-list-view ${className}`.trim() }, (toolbar || filters) && createElement("div", { className: "spui-list-view-tools" }, toolbar, filters), loading ? createElement(Spinner, { label: loadingLabel })
+        : rows.length ? createElement((DataGrid), {
+            label: `${label} results`, caption, rows, columns, getRowId, rowLabel, selectable,
+            selectedIds, onSelectionChange, initialSort, onSortChange,
+        }) : createElement(EmptyState, { title: emptyTitle, description: emptyDescription, children: emptyAction }), !loading && page && createElement(Pagination, {
+        label: `${label} pages`, ...page,
+    }));
+}

package/dist/list.d.ts

@@ -0,0 +1,6 @@
+import { type HTMLAttributes, type ReactElement } from "react";
+export type ListProps = Omit<HTMLAttributes<HTMLElement>, "children"> & {
+    ordered?: boolean;
+    children?: ReactElement | ReactElement[];
+};
+export declare function List({ ordered, className, children, ...props }: ListProps): ReactElement;

package/dist/list.js

@@ -0,0 +1,5 @@
+import { createElement } from "react";
+export function List({ ordered, className = "", children, ...props }) {
+    const tag = ordered ? "ol" : "ul";
+    return createElement(tag, { ...props, className: `spui-list ${className}`.trim() }, children);
+}

package/dist/lookup-picker.d.ts

@@ -0,0 +1,12 @@
+import { type ReactElement, type SelectHTMLAttributes } from "react";
+export type LookupOption = {
+    id: string;
+    label: string;
+};
+export type LookupPickerProps = Omit<SelectHTMLAttributes<HTMLSelectElement>, "children" | "id"> & {
+    id: string;
+    label: string;
+    options: readonly LookupOption[];
+    placeholder?: string;
+};
+export declare function LookupPicker({ id, label, options, placeholder, className, ...props }: LookupPickerProps): ReactElement;

package/dist/lookup-picker.js

@@ -0,0 +1,4 @@
+import { createElement } from "react";
+export function LookupPicker({ id, label, options, placeholder = "Choose an item", className = "", ...props }) {
+    return createElement("div", { className: "spui-field" }, createElement("label", { htmlFor: id }, label), createElement("select", { ...props, id, className: `spui-select ${className}`.trim() }, createElement("option", { value: "" }, placeholder), options.map(item => createElement("option", { key: item.id, value: item.id }, item.label))));
+}

package/dist/menu.d.ts

@@ -0,0 +1,6 @@
+import { type DetailsHTMLAttributes, type ReactElement, type ReactNode } from "react";
+export type MenuProps = Omit<DetailsHTMLAttributes<HTMLDetailsElement>, "children"> & {
+    label: string;
+    children?: ReactNode;
+};
+export declare function Menu({ label, className, children, ...props }: MenuProps): ReactElement;

package/dist/menu.js

@@ -0,0 +1,4 @@
+import { createElement } from "react";
+export function Menu({ label, className = "", children, ...props }) {
+    return createElement("details", { ...props, className: `spui-menu ${className}`.trim() }, createElement("summary", null, label), createElement("div", { role: "group", className: "spui-menu-items", "aria-label": `${label} actions` }, children));
+}

package/dist/nav.d.ts

@@ -0,0 +1,12 @@
+import { type HTMLAttributes, type ReactElement, type ReactNode } from "react";
+export type NavItem = {
+    id: string;
+    label: ReactNode;
+    href: string;
+    current?: boolean;
+};
+export type NavProps = Omit<HTMLAttributes<HTMLElement>, "children" | "aria-label"> & {
+    label: string;
+    items: readonly NavItem[];
+};
+export declare function Nav({ label, items, className, ...props }: NavProps): ReactElement;

package/dist/nav.js

@@ -0,0 +1,4 @@
+import { createElement } from "react";
+export function Nav({ label, items, className = "", ...props }) {
+    return createElement("nav", { ...props, "aria-label": label, className: `spui-nav ${className}`.trim() }, createElement("ul", null, items.map(item => createElement("li", { key: item.id }, createElement("a", { href: item.href, "aria-current": item.current ? "page" : undefined }, item.label)))));
+}

package/dist/pagination.d.ts

@@ -0,0 +1,11 @@
+import { type HTMLAttributes, type ReactElement } from "react";
+export type PaginationProps = Omit<HTMLAttributes<HTMLElement>, "children" | "aria-label"> & {
+    label?: string;
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    previousLabel?: string;
+    nextLabel?: string;
+    pageLabel?: (page: number, total: number) => string;
+};
+export declare function Pagination({ label, currentPage, totalPages, onPageChange, previousLabel, nextLabel, pageLabel, className, ...props }: PaginationProps): ReactElement;

package/dist/pagination.js

@@ -0,0 +1,5 @@
+import { createElement } from "react";
+export function Pagination({ label = "Pagination", currentPage, totalPages, onPageChange, previousLabel = "Previous page", nextLabel = "Next page", pageLabel = (page, total) => total > 0 ? `Page ${page} of ${total}` : "No pages", className = "", ...props }) {
+    const page = Math.min(Math.max(1, currentPage), Math.max(1, totalPages));
+    return createElement("nav", { ...props, "aria-label": label, className: `spui-pagination ${className}`.trim() }, createElement("button", { type: "button", disabled: page <= 1, onClick: () => onPageChange(page - 1) }, previousLabel), createElement("span", { "aria-live": "polite" }, pageLabel(page, totalPages)), createElement("button", { type: "button", disabled: page >= totalPages, onClick: () => onPageChange(page + 1) }, nextLabel));
+}

package/dist/person-picker.d.ts

@@ -0,0 +1,13 @@
+import { type ReactElement, type SelectHTMLAttributes } from "react";
+export type PersonOption = {
+    value: string;
+    name: string;
+    detail?: string;
+};
+export type PersonPickerProps = Omit<SelectHTMLAttributes<HTMLSelectElement>, "children" | "id"> & {
+    id: string;
+    label: string;
+    options: readonly PersonOption[];
+    placeholder?: string;
+};
+export declare function PersonPicker({ id, label, options, placeholder, className, ...props }: PersonPickerProps): ReactElement;

package/dist/person-picker.js

@@ -0,0 +1,4 @@
+import { createElement } from "react";
+export function PersonPicker({ id, label, options, placeholder = "Choose a person", className = "", ...props }) {
+    return createElement("div", { className: "spui-field" }, createElement("label", { htmlFor: id }, label), createElement("select", { ...props, id, className: `spui-select ${className}`.trim() }, createElement("option", { value: "" }, placeholder), options.map(person => createElement("option", { key: person.value, value: person.value }, person.detail ? `${person.name} — ${person.detail}` : person.name))));
+}

package/dist/persona.d.ts

@@ -0,0 +1,7 @@
+import { type HTMLAttributes, type ReactElement, type ReactNode } from "react";
+export type PersonaProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    name: string;
+    description?: ReactNode;
+    src?: string;
+};
+export declare function Persona({ name, description, src, className, ...props }: PersonaProps): ReactElement;

package/dist/persona.js

@@ -0,0 +1,5 @@
+import { createElement } from "react";
+import { Avatar } from "./avatar.js";
+export function Persona({ name, description, src, className = "", ...props }) {
+    return createElement("div", { ...props, className: `spui-persona ${className}`.trim() }, createElement(Avatar, { name, src }), createElement("span", { className: "spui-persona-copy" }, createElement("strong", null, name), description && createElement("span", null, description)));
+}

package/dist/popover.d.ts

@@ -0,0 +1,6 @@
+import { type DetailsHTMLAttributes, type ReactElement, type ReactNode } from "react";
+export type PopoverProps = Omit<DetailsHTMLAttributes<HTMLDetailsElement>, "children"> & {
+    label: string;
+    children?: ReactNode;
+};
+export declare function Popover({ label, className, children, ...props }: PopoverProps): ReactElement;

package/dist/popover.js

@@ -0,0 +1,4 @@
+import { createElement } from "react";
+export function Popover({ label, className = "", children, ...props }) {
+    return createElement("details", { ...props, className: `spui-popover ${className}`.trim() }, createElement("summary", null, label), createElement("div", { role: "region", "aria-label": `${label} details` }, children));
+}

package/dist/progress-bar.d.ts

@@ -0,0 +1,5 @@
+import { type ProgressHTMLAttributes, type ReactElement } from "react";
+export type ProgressBarProps = Omit<ProgressHTMLAttributes<HTMLProgressElement>, "children" | "aria-label"> & {
+    label: string;
+};
+export declare function ProgressBar({ label, className, ...props }: ProgressBarProps): ReactElement;

package/dist/progress-bar.js

@@ -0,0 +1,5 @@
+import { createElement, useId } from "react";
+export function ProgressBar({ label, className = "", ...props }) {
+    const id = useId();
+    return createElement("div", { className: "spui-progress" }, createElement("label", { htmlFor: id }, label), createElement("progress", { ...props, id, className: `spui-progress-bar ${className}`.trim() }));
+}

package/dist/radio-group.d.ts

@@ -0,0 +1,6 @@
+import { type FieldsetHTMLAttributes, type ReactElement, type ReactNode } from "react";
+export type RadioGroupProps = Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, "children"> & {
+    label: ReactNode;
+    children?: ReactNode;
+};
+export declare function RadioGroup({ label, className, children, ...props }: RadioGroupProps): ReactElement;

package/dist/radio-group.js

@@ -0,0 +1,4 @@
+import { createElement } from "react";
+export function RadioGroup({ label, className = "", children, ...props }) {
+    return createElement("fieldset", { ...props, className: `spui-radio-group ${className}`.trim() }, createElement("legend", null, label), children);
+}

package/dist/radio.d.ts

@@ -0,0 +1,3 @@
+import { type InputHTMLAttributes, type ReactElement } from "react";
+export type RadioProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type">;
+export declare function Radio({ className, ...props }: RadioProps): ReactElement;

package/dist/radio.js

@@ -0,0 +1,4 @@
+import { createElement } from "react";
+export function Radio({ className = "", ...props }) {
+    return createElement("input", { ...props, type: "radio", className: `spui-radio ${className}`.trim() });
+}

package/dist/rating.d.ts

@@ -0,0 +1,8 @@
+import { type InputHTMLAttributes, type ReactElement } from "react";
+export type RatingProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "min" | "max" | "step"> & {
+    label: string;
+    min?: number;
+    max?: number;
+    step?: number;
+};
+export declare function Rating({ label, min, max, step, className, ...props }: RatingProps): ReactElement;

package/dist/rating.js

@@ -0,0 +1,5 @@
+import { createElement, useId } from "react";
+export function Rating({ label, min = 0, max = 5, step = 1, className = "", ...props }) {
+    const id = useId();
+    return createElement("div", { className: "spui-field" }, createElement("label", { htmlFor: id }, label), createElement("input", { ...props, id, type: "number", min, max, step, className: `spui-input ${className}`.trim() }));
+}