@espressif/dashboard-ui-components 1.11.2 → 1.12.0

package/dist/components/index.js

@@ -1,6 +1,11 @@
-import { PRESET_GRADIENT_BACKDROP, PRESET_GRADIENT_FRAME, VARIANTS, VARIANT_GRADIENT_BACKDROP_BASE, VARIANT_GRADIENT_DURATION_CLASS, VARIANT_GRADIENT_HOVER_OVERLAY_CLASS, VARIANT_GRADIENT_TRANSITION_DURATION_MS, arbitraryGradientBackgroundImage, resolveVariantStyles } from "../utils/variant.js";
+import { PRESET_GRADIENT_BACKDROP, PRESET_GRADIENT_FRAME, VARIANTS, VARIANT_GRADIENT_BACKDROP_BASE, VARIANT_GRADIENT_DURATION_CLASS, VARIANT_GRADIENT_HOVER_OVERLAY_CLASS, VARIANT_GRADIENT_TRANSITION_DURATION_MS, arbitraryGradientBackgroundImage, listVariants, registerVariant, resolveVariantStyles } from "../utils/variant.js";
+import { BORDERS, DENSITIES, ELEVATIONS, RADII, densityStyle, listStyleValues, registerDensity, registerStyleValue, resolveDensity, resolveStyleValue, useStyleAxes } from "../utils/style-axes.js";
+import { StyleScope } from "./style-scope/style-scope.js";
+import { Tooltip as Tooltip$1, TooltipContent, TooltipProvider, TooltipTrigger } from "../core/animate-ui/components/animate/tooltip.js";
+import { TruncatedLineWithTooltip } from "./truncated-line-with-tooltip/truncated-line-with-tooltip.js";
 import { Accordion } from "./accordion/accordion.js";
 import Avatar from "./avatar/avatar.js";
+import AvatarGroup from "./avatar-group/avatar-group.js";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../core/animate-ui/components/radix/dropdown-menu.js";
 import { LIST_CLASS_NAMES } from "./list/list.props.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../core/collapsible.js";
@@ -13,7 +18,6 @@ import { Illustration } from "./illustration/illustration.js";
 import NoDataCard from "./cards/no-data-card/no-data-card.js";
 import { CollapsibleCard } from "./cards/collapsible-card.js";
 import { buttonVariants } from "../core/button.js";
-import { Tooltip as Tooltip$1, TooltipContent, TooltipProvider, TooltipTrigger } from "../core/animate-ui/components/animate/tooltip.js";
 import Tooltip from "./tooltip/tooltip.js";
 import { Button } from "./button/button.js";
 import { InvertButton } from "./button/invert-button.js";
@@ -24,6 +28,7 @@ import { LottieAnimationContainer } from "./lottie-animation-container/lottie-an
 import { animatedCardAnimations, animatedCardTypeKeys } from "./cards/animated-card/animated-card-animations.js";
 import { AnimatedCard } from "./cards/animated-card/animated-card.js";
 import { ScrollArea, ScrollBar } from "../core/scroll-area.js";
+import { PopoverGroup } from "../core/popover-group.js";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../core/popover.js";
 import { ListDetails } from "./list-details/list-details.js";
 import Menu from "./menu/menu.js";
@@ -50,15 +55,55 @@ import { FileInput } from "./file-input/file-input.js";
 import { Checkbox } from "../core/checkbox/motion-checkbox.js";
 import { Switch } from "../core/animate-ui/components/radix/switch.js";
 import { ToggleGroup, ToggleGroupItem } from "../core/animate-ui/components/radix/toggle-group.js";
+import { FeatureGrid } from "./feature-grid/feature-grid.js";
+import { MediaStage } from "./media-stage/media-stage.js";
+import { ThumbnailStrip } from "./thumbnail-strip/thumbnail-strip.js";
+import { ViewToggle } from "./view-toggle/view-toggle.js";
+import { Toolbar } from "./toolbar/toolbar.js";
+import { ToolbarButton } from "./toolbar/toolbar-button.js";
+import { Badge, badgeVariants } from "../core/badge.js";
+import { AnchoredPanel } from "./anchored-panel/anchored-panel.js";
+import { FloatingWindow } from "./floating-window/floating-window.js";
+import { IconTextActionCard } from "./icon-text-action-card/icon-text-action-card.js";
+import { Alert } from "./alert/alert.js";
+import { NoticeStrip } from "./notice-strip/notice-strip.js";
+import { Readout } from "./readout/readout.js";
+import { ChoiceCard } from "./choice-card/choice-card.js";
+import { MediaCard, MediaCardAction, MediaCardBody, MediaCardFooter, MediaCardLink, MediaCardMedia, MediaCardMeta, MediaCardTitle } from "./media-card/media-card.js";
+import { MediaCardImage } from "./media-card/media-card-image.js";
+import { MediaCardReveal, MediaCardRevealChips, MediaCardRevealFooter, MediaCardRevealItem } from "./media-card/media-card-reveal.js";
+import { ShowcaseCard } from "./showcase-card/showcase-card.js";
+import { SortMenu } from "./sort-menu/sort-menu.js";
+import { Tag } from "./tag/tag.js";
+import { ActiveFilters } from "./facet-filters/active-filters.js";
+import SearchBox from "./search-box/search-box.js";
+import { FilterGroup } from "./facet-filters/filter-group.js";
+import { FiltersPanel } from "./facet-filters/filters-panel.js";
+import { FiltersPill } from "./facet-filters/filters-pill.js";
+import { supportsViewTransitions, useFiltersCollapsed } from "./facet-filters/use-filters-collapsed.js";
+import { InputGroup, InputGroupAddon, InputGroupTextarea } from "./input-group/input-group.js";
+import { Bubble } from "./bubble/bubble.js";
+import { Reveal } from "./reveal/reveal.js";
+import { CheckBadge } from "./check-badge/check-badge.js";
+import { MessageScroller } from "./message-scroller/message-scroller.js";
+import { ResizableGroup } from "./resizable/resizable-group.js";
+import { ResizablePanel } from "./resizable/resizable-panel.js";
+import { ResizableSeparator } from "./resizable/resizable-separator.js";
+import { usePanelFlag } from "./column-panel/use-panel-flag.js";
+import { ColumnPanel } from "./column-panel/column-panel.js";
 import { RadioGroup } from "./radio-group/radio-group.js";
 import { SelectableCardList } from "./selectable-card-list/selectable-card-list.js";
 import { StatusCardList } from "./status-card-list/status-card-list.js";
 import { VerticalStepper } from "./vertical-stepper/vertical-stepper.js";
-import { Badge, badgeVariants } from "../core/badge.js";
+import { HorizontalStepper } from "./horizontal-stepper/horizontal-stepper.js";
 import { Spinner } from "./spinner/spinner.js";
+import { StatusBadge, statusBadgeSizeVariants } from "./status-badge/status-badge.js";
+import { OptionCardGroup } from "./option-card-group/option-card-group.js";
+import { StepTabs } from "./step-tabs/step-tabs.js";
 import { StatCard } from "./stat-card/stat-card.js";
+import { ReactionButton } from "./reaction-button/reaction-button.js";
 import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "../core/button-group.js";
-import { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from "./chart/chart.js";
+import { ChartContainer, ChartLegend, ChartLegendContent, ChartLegendList, ChartStyle, ChartTooltip, ChartTooltipContent } from "./chart/chart.js";
 import { CHART_CATEGORY_COLORS, CHART_SERIES_COLORS, DEFAULT_CHART_SERIES_COLORS, buildSeriesChartConfig, getChartSeriesColor } from "./chart/chart-colors.js";
 import { BarChart } from "./chart/bar-chart.js";
 import { AreaChart } from "./chart/area-chart.js";
@@ -68,7 +113,9 @@ import { DonutChart } from "./chart/donut-chart.js";
 import { TreemapChart } from "./chart/treemap-chart.js";
 import { InputOTP, InputOTPSeparator } from "../core/input-otp/input-otp.js";
 import { Carousel } from "./carousel/carousel.js";
+import { Coverflow } from "./coverflow/coverflow.js";
 import { Textarea } from "../core/textarea/textarea.js";
+import { ExpandableText } from "./expandable-text/expandable-text.js";
 import { AsyncCombobox } from "../core/combobox/combobox.js";
 import { AsyncMultiSelect } from "./async-multi-select/async-multi-select.js";
 import { Calendar, CalendarDayButton } from "./calendar/calendar.js";
@@ -81,7 +128,6 @@ import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, Breadcr
 import { SimplifiedDate } from "./simplified-date/simplified-date.js";
 import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "../core/table.js";
 import { Link } from "./link/link.js";
-import SearchBox from "./search-box/search-box.js";
 import FiltersBar from "./filters-bar/filters-bar.js";
 import AdvancedSearchBox from "./advanced-search-box/advanced-search-box.js";
 import { TogglableItemsList } from "./togglable-items-list/togglable-items-list.js";
@@ -92,16 +138,20 @@ import { TableSkeleton } from "./skeletons/table-skeleton.js";
 import { DataTable } from "./data-table/data-table.js";
 import { DataTableRowActions } from "./data-table/row-actions.js";
 import { DeviceIcon } from "./device-icon/device-icon.js";
+import { MiniBarChart } from "./mini-bar-chart/mini-bar-chart.js";
+import { ShareMenu } from "./share-menu/share-menu.js";
+import { Timeline } from "./timeline/timeline.js";
+import Identicon from "./identicon/identicon.js";
 import { userTypeBadgeRegistry, userTypeBadgeUserTypes } from "./user-type-badge/user-type-badge.registry.js";
 import { UserTypeBadge, userTypeBadgeSizeVariants } from "./user-type-badge/user-type-badge.js";
-import { StatusBadge, statusBadgeSizeVariants } from "./status-badge/status-badge.js";
-import { Tag } from "./tag/tag.js";
 import { TagInput } from "./tag-input/tag-input.js";
 import { TransferList } from "./transfer-list/transfer-list.js";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "../core/animate-ui/components/radix/dialog.js";
-import { IconTextActionCard } from "./icon-text-action-card/icon-text-action-card.js";
-import { Alert } from "./alert/alert.js";
 import { ConfirmationDialog } from "./confirmation-dialog/confirmation-dialog.js";
+import { PageBanner } from "./page-banner/page-banner.js";
+import { CardRail } from "./card-rail/card-rail.js";
+import { FlipCard } from "./flip-card/flip-card.js";
+import { RankNumeral } from "./rank-numeral/rank-numeral.js";
 import { PreviewCard, PreviewCardBackdrop, PreviewCardPanel, PreviewCardTrigger } from "../core/animate-ui/components/base/preview-card.js";
 import { Code } from "../core/animate-ui/components/animate/code.js";
 import { MonospaceContent } from "./monospace-content/monospace-content.js";
@@ -121,6 +171,7 @@ import { ProgressBar } from "./progress-bar/progress-bar.js";
 import { FullSizeError } from "./error-display/full-size-error/full-size-error.js";
 import { InlineError } from "./error-display/inline-error/inline-error.js";
 import { SimpleClickableCard } from "./simple-clickable-card/simple-clickable-card.js";
+import { CategoryCard } from "./category-card/category-card.js";
 import { SimpleInfoCard } from "./simple-info-card/simple-info-card.js";
 import { GlitchText } from "./text-effects/glitch-effect/glitch-text.js";
 import { GradientText } from "./text-effects/gradient-text/gradient-text.js";
@@ -131,4 +182,4 @@ import { CodeEditor } from "./code-editor/code-editor.js";
 import { ContentContainer } from "./content-container/content-container.js";
 import PageContainer from "./page-container/page-container.js";
 import PageContainerSkeleton from "./page-container/page-container-skeleton.js";
-export { Accordion, AdvancedSearchBox, Alert, AnimatedCard, AreaChart, AsyncCombobox, AsyncMultiSelect, Avatar, Badge, BarChart, BasicDetailsCard, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CHART_CATEGORY_COLORS, CHART_SERIES_COLORS, Calendar, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CircularProgress, Code, CodeEditor, Collapsible, CollapsibleCard, CollapsibleContent, CollapsibleTrigger, ComposedChart, ConfirmationDialog, ContentContainer, CopiableText, CopyButton, DEFAULT_CHART_SERIES_COLORS, DEFAULT_PAGE_SIZE_OPTIONS, DataTable, DataTableRowActions, DatePicker, DateRangePicker, DateTimePicker, DeviceIcon, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DonutChart, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicList, FileInput, FileUpload, FiltersBar, FlashButton, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullSizeError, FullscreenDialog, GlitchText, GradientText, HighlightText, IconAvatar, IconTextActionCard, Illustration, InlineError, Input, InputOTP, InputOTPSeparator, InputPassword, InvertButton, KeyValueManager, LIST_CLASS_NAMES, Label, LineChart, Link, List, ListDetails, LottieAnimationContainer, MarkdownContent, Menu, MonospaceContent, NavBar, NoDataCard, OverflowBadgeList, PRESET_GRADIENT_BACKDROP, PRESET_GRADIENT_FRAME, PRESET_IDS, PRESET_LABELS, PageContainer, PageContainerSkeleton, Pagination, PopCollectionItem, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreviewCard, PreviewCardBackdrop, PreviewCardPanel, PreviewCardTrigger, ProgressBar, ROLLING_PRESET_IDS, RadioGroup, RequirementList, ScrollArea, ScrollBar, ScrollableSections, SearchBox, SectionCard, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableCardList, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, ShimmeringText, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, Sidebar$1 as SidebarPrimitive, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SimpleCard, SimpleClickableCard, SimpleInfoCard, SimpleList, SimplePaginatedList, SimplifiedDate, Skeleton, Spinner, StatCard, StatusBadge, StatusCardList, Switch, TYPOGRAPHY_VARIANTS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsContents, TabsList, TabsTrigger, Tag, TagInput, Textarea, TimePicker, Toast, Toaster, TogglableItemsList, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, Tooltip$1 as TooltipRoot, TooltipTrigger, TransferList, TreemapChart, Typography, UserTypeBadge, VARIANTS, VARIANT_GRADIENT_BACKDROP_BASE, VARIANT_GRADIENT_DURATION_CLASS, VARIANT_GRADIENT_HOVER_OVERLAY_CLASS, VARIANT_GRADIENT_TRANSITION_DURATION_MS, VerificationInProgress, VerticalStepper, animatedCardAnimations, animatedCardTypeKeys, arbitraryGradientBackgroundImage, badgeVariants, buildSeriesChartConfig, buttonGroupVariants, buttonVariants, computeDateRange, getChartSeriesColor, illustrationRegistry, illustrationsById, isSidebarGroup, parseSvgViewBoxAspectRatio, parseTextMarkup, resolveVariantStyles, statusBadgeSizeVariants, toast, typographyDefaultElement, typographyVariantClasses, useFormField, useIsMobile, useSidebar, userTypeBadgeRegistry, userTypeBadgeSizeVariants, userTypeBadgeUserTypes };
+export { Accordion, ActiveFilters, AdvancedSearchBox, Alert, AnchoredPanel, AnimatedCard, AreaChart, AsyncCombobox, AsyncMultiSelect, Avatar, AvatarGroup, BORDERS, Badge, BarChart, BasicDetailsCard, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Bubble, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CHART_CATEGORY_COLORS, CHART_SERIES_COLORS, Calendar, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardRail, CardTitle, Carousel, CategoryCard, ChartContainer, ChartLegend, ChartLegendContent, ChartLegendList, ChartStyle, ChartTooltip, ChartTooltipContent, CheckBadge, Checkbox, ChoiceCard, CircularProgress, Code, CodeEditor, Collapsible, CollapsibleCard, CollapsibleContent, CollapsibleTrigger, ColumnPanel, ComposedChart, ConfirmationDialog, ContentContainer, CopiableText, CopyButton, Coverflow, DEFAULT_CHART_SERIES_COLORS, DEFAULT_PAGE_SIZE_OPTIONS, DENSITIES, DataTable, DataTableRowActions, DatePicker, DateRangePicker, DateTimePicker, DeviceIcon, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DonutChart, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicList, ELEVATIONS, ExpandableText, FeatureGrid, FileInput, FileUpload, FilterGroup, FiltersBar, FiltersPanel, FiltersPill, FlashButton, FlipCard, FloatingWindow, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullSizeError, FullscreenDialog, GlitchText, GradientText, HighlightText, HorizontalStepper, IconAvatar, IconTextActionCard, Identicon, Illustration, InlineError, Input, InputGroup, InputGroupAddon, InputGroupTextarea, InputOTP, InputOTPSeparator, InputPassword, InvertButton, KeyValueManager, LIST_CLASS_NAMES, Label, LineChart, Link, List, ListDetails, LottieAnimationContainer, MarkdownContent, MediaCard, MediaCardAction, MediaCardBody, MediaCardFooter, MediaCardImage, MediaCardLink, MediaCardMedia, MediaCardMeta, MediaCardReveal, MediaCardRevealChips, MediaCardRevealFooter, MediaCardRevealItem, MediaCardTitle, MediaStage, Menu, MessageScroller, MiniBarChart, MonospaceContent, NavBar, NoDataCard, NoticeStrip, OptionCardGroup, OverflowBadgeList, PRESET_GRADIENT_BACKDROP, PRESET_GRADIENT_FRAME, PRESET_IDS, PRESET_LABELS, PageBanner, PageContainer, PageContainerSkeleton, Pagination, PopCollectionItem, Popover, PopoverAnchor, PopoverContent, PopoverGroup, PopoverTrigger, PreviewCard, PreviewCardBackdrop, PreviewCardPanel, PreviewCardTrigger, ProgressBar, RADII, ROLLING_PRESET_IDS, RadioGroup, RankNumeral, ReactionButton, Readout, RequirementList, ResizableGroup, ResizablePanel, ResizableSeparator, Reveal, ScrollArea, ScrollBar, ScrollableSections, SearchBox, SectionCard, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableCardList, Separator, ShareMenu, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, ShimmeringText, ShowcaseCard, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, Sidebar$1 as SidebarPrimitive, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SimpleCard, SimpleClickableCard, SimpleInfoCard, SimpleList, SimplePaginatedList, SimplifiedDate, Skeleton, SortMenu, Spinner, StatCard, StatusBadge, StatusCardList, StepTabs, StyleScope, Switch, TYPOGRAPHY_VARIANTS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsContents, TabsList, TabsTrigger, Tag, TagInput, Textarea, ThumbnailStrip, TimePicker, Timeline, Toast, Toaster, TogglableItemsList, ToggleGroup, ToggleGroupItem, Toolbar, ToolbarButton, Tooltip, TooltipContent, TooltipProvider, Tooltip$1 as TooltipRoot, TooltipTrigger, TransferList, TreemapChart, TruncatedLineWithTooltip, Typography, UserTypeBadge, VARIANTS, VARIANT_GRADIENT_BACKDROP_BASE, VARIANT_GRADIENT_DURATION_CLASS, VARIANT_GRADIENT_HOVER_OVERLAY_CLASS, VARIANT_GRADIENT_TRANSITION_DURATION_MS, VerificationInProgress, VerticalStepper, ViewToggle, animatedCardAnimations, animatedCardTypeKeys, arbitraryGradientBackgroundImage, badgeVariants, buildSeriesChartConfig, buttonGroupVariants, buttonVariants, computeDateRange, densityStyle, getChartSeriesColor, illustrationRegistry, illustrationsById, isSidebarGroup, listStyleValues, listVariants, parseSvgViewBoxAspectRatio, parseTextMarkup, registerDensity, registerStyleValue, registerVariant, resolveDensity, resolveStyleValue, resolveVariantStyles, statusBadgeSizeVariants, supportsViewTransitions, toast, typographyDefaultElement, typographyVariantClasses, useFiltersCollapsed, useFormField, useIsMobile, usePanelFlag, useSidebar, useStyleAxes, userTypeBadgeRegistry, userTypeBadgeSizeVariants, userTypeBadgeUserTypes };

package/dist/components/input/index.d.ts

@@ -0,0 +1,15 @@
+import { a as InputProps } from '../../input-CYI1hhGc.js';
+export { I as Input } from '../../input-CYI1hhGc.js';
+import * as React from 'react';
+import '../../style-axes-DSQ2DGc5.js';
+import '../../index-BQANnKs9.js';
+
+interface InputPasswordProps extends InputProps {
+    /** Accessible name of the toggle while the password is hidden. Default: 'Show password'. */
+    showPasswordLabel?: string;
+    /** Accessible name of the toggle while the password is shown. Default: 'Hide password'. */
+    hidePasswordLabel?: string;
+}
+declare const InputPassword: React.ForwardRefExoticComponent<Omit<InputPasswordProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+export { InputPassword };

package/dist/components/input/index.js

@@ -0,0 +1,3 @@
+import { Input } from "../../core/input/input.js";
+import { InputPassword } from "../../core/input/input-password.js";
+export { Input, InputPassword };

package/dist/components/input-group/index.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { HTMLAttributes, TextareaHTMLAttributes, Ref } from 'react';
+
+interface InputGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * `raised` (default): a soft lift below it, for a box on the page. `float`: a
+     * wide halo on every side, for a box floating over the page at the bottom of a
+     * window, where a shadow cast downward would be hidden. `flat`: no shadow, for
+     * a box inside a small surface that already stands off the page (a window).
+     */
+    elevation?: "raised" | "float" | "flat";
+}
+type InputGroupAddonProps = HTMLAttributes<HTMLDivElement>;
+interface InputGroupTextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    ref?: Ref<HTMLTextAreaElement>;
+}
+
+/**
+ * A field and the controls that belong to it, in one bordered box (shadcn's
+ * Input Group, on the library's tokens). The box takes the focus ring when
+ * anything inside it has focus, so the field inside draws none of its own;
+ * `elevation` sets how it stands off the page. Compose with
+ * `InputGroupTextarea` and `InputGroupAddon`.
+ */
+declare function InputGroup({ className, elevation, ...props }: InputGroupProps): React.JSX.Element;
+/** A row of controls under the field in an `InputGroup` (shadcn's `align="block-end"` addon). */
+declare function InputGroupAddon({ className, ...props }: InputGroupAddonProps): React.JSX.Element;
+/**
+ * The borderless text area inside an `InputGroup`. It grows with its content
+ * (`field-sizing: content`) between its min and max height, then scrolls; a
+ * browser without field-sizing keeps the min height and scrolls.
+ */
+declare function InputGroupTextarea({ className, ref, ...props }: InputGroupTextareaProps): React.JSX.Element;
+
+export { InputGroup, InputGroupAddon, type InputGroupAddonProps, type InputGroupProps, InputGroupTextarea, type InputGroupTextareaProps };

package/dist/components/input-group/index.js

@@ -0,0 +1,2 @@
+import { InputGroup, InputGroupAddon, InputGroupTextarea } from "./input-group.js";
+export { InputGroup, InputGroupAddon, InputGroupTextarea };

package/dist/components/input-group/input-group.js

@@ -0,0 +1,41 @@
+import { cn } from "../../utils/cn.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/input-group/input-group.tsx
+/**
+* A field and the controls that belong to it, in one bordered box (shadcn's
+* Input Group, on the library's tokens). The box takes the focus ring when
+* anything inside it has focus, so the field inside draws none of its own;
+* `elevation` sets how it stands off the page. Compose with
+* `InputGroupTextarea` and `InputGroupAddon`.
+*/
+function InputGroup({ className, elevation = "raised", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"data-slot": "input-group",
+		className: cn("relative flex w-full flex-col rounded-3xl border border-border bg-card transition-[border-color,box-shadow] duration-200", elevation === "raised" && "shadow-md shadow-foreground/8 dark:shadow-(--espd-elevation-overlay)", elevation === "float" && "shadow-float shadow-foreground/10 dark:shadow-primary/20", "focus-within:border-primary focus-within:ring-4 focus-within:ring-primary/15", className),
+		...props
+	});
+}
+/** A row of controls under the field in an `InputGroup` (shadcn's `align="block-end"` addon). */
+function InputGroupAddon({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "input-group-addon",
+		className: cn("relative flex items-center gap-1", className),
+		...props
+	});
+}
+/**
+* The borderless text area inside an `InputGroup`. It grows with its content
+* (`field-sizing: content`) between its min and max height, then scrolls; a
+* browser without field-sizing keeps the min height and scrolls.
+*/
+function InputGroupTextarea({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("textarea", {
+		ref,
+		"data-slot": "input-group-textarea",
+		className: cn("block w-full resize-none overflow-y-auto border-0 bg-transparent text-foreground caret-primary outline-none field-sizing-content placeholder:text-foreground-secondary focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-60", className),
+		...props
+	});
+}
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupTextarea };

package/dist/components/input-otp/index.d.ts

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import { S as Size } from '../../index-BQANnKs9.js';
+import { k as StyleAxisProps } from '../../style-axes-DSQ2DGc5.js';
+
+interface InputOTPProps {
+    /** Number of slots. Clamped to [2, 12]. Default: 6. */
+    length?: number;
+    /** When true, accept `[a-zA-Z0-9]` instead of digits only. Ignored when `regex` is set. */
+    allowAlphaNumeric?: boolean;
+    /**
+     * Custom validation pattern (JS regex source, e.g. `"^[0-9a-fA-F]+$"`). When
+     * provided, overrides `allowAlphaNumeric`.
+     */
+    regex?: string;
+    /**
+     * Group boundaries. `[3, 3]` renders `[slot slot slot] · [slot slot slot]`.
+     * Ignored (with a `console.warn`) when the sum does not equal `length`.
+     */
+    separators?: number[];
+    /**
+     * When `true`, slots stretch to fill the parent width, dividing space equally.
+     * When `false` (default), slots use a fixed size based on the `size` prop.
+     */
+    expand?: boolean;
+    /** Controlled value. */
+    value?: string;
+    /** Uncontrolled initial value. */
+    defaultValue?: string;
+    /** Fires on every change with the current concatenated value. */
+    onChange?: (value: string) => void;
+    /** Fires once when the last slot is filled. */
+    onComplete?: (value: string) => void;
+    label?: React.ReactNode;
+    required?: boolean;
+    size?: Size;
+    /** Fully rounded slots. Same as `radius="full"`; `radius` wins when both are set. */
+    rounded?: boolean;
+    /** Slot corner radius (style axis). */
+    radius?: StyleAxisProps['radius'];
+    disabled?: boolean;
+    startHelperContent?: React.ReactNode;
+    endHelperContent?: React.ReactNode;
+    hintContent?: React.ReactNode;
+    error?: boolean;
+    errorContent?: React.ReactNode;
+    id?: string;
+    name?: string;
+    autoFocus?: boolean;
+    autoComplete?: string;
+    className?: string;
+    /** Class applied to the slot row container (rare; usually not needed). */
+    containerClassName?: string;
+    'aria-label'?: string;
+}
+/**
+ * Standalone visual divider used between OTP slot groups. Exported for callers
+ * that want to render their own custom slot layout; the default `InputOTP`
+ * component renders it automatically based on the `separators` prop.
+ */
+declare const InputOTPSeparator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const InputOTP: React.ForwardRefExoticComponent<InputOTPProps & React.RefAttributes<HTMLInputElement>>;
+
+export { InputOTP, type InputOTPProps, InputOTPSeparator };

package/dist/components/input-otp/index.js

@@ -0,0 +1,2 @@
+import { InputOTP, InputOTPSeparator } from "../../core/input-otp/input-otp.js";
+export { InputOTP, InputOTPSeparator };

package/dist/components/key-value-manager/index.d.ts

@@ -0,0 +1,63 @@
+import * as React from 'react';
+
+interface KeyValueManagerItem {
+    key: string;
+    value: string;
+}
+interface KeyValueManagerFieldMeta {
+    maxLength?: number;
+    regex?: string;
+    /**
+     * Flags for `regex`, passed to the `RegExp` constructor (e.g. `"u"` to use
+     * Unicode property escapes such as `\p{L}`).
+     */
+    regexFlags?: string;
+    /**
+     * When set, the field is a select limited to these values instead of free
+     * text, and any other value is rejected.
+     */
+    options?: string[];
+}
+interface KeyValueManagerLabels {
+    /** Placeholder for the search box. Defaults to `Search <keyLabel> or <valueLabel>` (lowercased). */
+    search?: string;
+    /** Add button text; also its accessible name when it is icon-only on small screens. Default: `"Add"`. */
+    add?: string;
+    /** Accessible name of the button that closes the expanded search on small screens. Default: `"Close search"`. */
+    closeSearch?: string;
+    /** Error message shown under the first field on invalid or duplicate input. Default: `"Invalid key"`. */
+    keyErrorMessage?: string;
+    /** Error message shown under the second field on invalid input. Default: `"Invalid value"`. */
+    valueErrorMessage?: string;
+    /** Success message shown after a successful add. Default: `"Added successfully"`. */
+    successMessage?: string;
+    /** Header for the first column and label of the first field in the add popover. Default: `"Key"`. */
+    keyLabel?: string;
+    /** Header for the second column and label of the second field in the add popover. Default: `"Value"`. */
+    valueLabel?: string;
+    /** Header for the action column. Default: `"Action"`. */
+    actionLabel?: string;
+    /** Message shown when the list is empty. Default: `"No items"`. */
+    emptyItems?: string;
+    /** Message shown when a search returns no results. Default: `"No matches"`. */
+    emptySearch?: string;
+    /** Placeholder of a field that has `options`. Default: `"Select"`. */
+    selectPlaceholder?: string;
+}
+interface KeyValueManagerProps {
+    items: KeyValueManagerItem[];
+    meta?: {
+        key?: KeyValueManagerFieldMeta;
+        value?: KeyValueManagerFieldMeta;
+    };
+    onUpdate: (items: KeyValueManagerItem[]) => void;
+    maxAllowed?: number;
+    /** Page size for the table. Default: `10`. */
+    itemsPerPage?: number;
+    labels?: KeyValueManagerLabels;
+    className?: string;
+}
+
+declare function KeyValueManager({ items, meta, onUpdate, maxAllowed, itemsPerPage, labels: labelsProp, className, }: KeyValueManagerProps): React.JSX.Element;
+
+export { KeyValueManager, type KeyValueManagerFieldMeta, type KeyValueManagerItem, type KeyValueManagerLabels, type KeyValueManagerProps };

package/dist/components/key-value-manager/index.js

@@ -0,0 +1,2 @@
+import { KeyValueManager } from "./key-value-manager.js";
+export { KeyValueManager };

package/dist/components/key-value-manager/key-value-manager-table.js

@@ -8,6 +8,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeft, ChevronRight, Trash2 } from "lucide-react";
 import { AnimatePresence, motion } from "framer-motion";
 //#region src/components/key-value-manager/key-value-manager-table.tsx
+var MotionTableBody = motion.create(TableBody);
 var slideTransition = {
 	duration: .15,
 	ease: [
@@ -109,6 +110,7 @@ function KeyValueManagerTable({ rows, itemsPerPage = 10, hasSearchQuery, onDelet
 			}),
 			/* @__PURE__ */ jsxs(Table, {
 				containerClassName: "hidden sm:block",
+				className: "overflow-hidden",
 				children: [/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
 					/* @__PURE__ */ jsx(TableHead, { children: keyLabel }),
 					/* @__PURE__ */ jsx(TableHead, { children: valueLabel }),
@@ -116,21 +118,21 @@ function KeyValueManagerTable({ rows, itemsPerPage = 10, hasSearchQuery, onDelet
 						className: "w-12 text-right",
 						children: actionLabel
 					})
-				] }) }), /* @__PURE__ */ jsx(TableBody, { children: noRows ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
+				] }) }), noRows ? /* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
 					colSpan: 3,
 					className: "py-8 text-center text-muted-foreground",
 					children: emptyMessage
-				}) }) : /* @__PURE__ */ jsx(AnimatePresence, {
+				}) }) }) : /* @__PURE__ */ jsx(AnimatePresence, {
 					mode: "wait",
 					custom: direction,
-					children: /* @__PURE__ */ jsx(motion.tr, {
+					initial: false,
+					children: /* @__PURE__ */ jsx(MotionTableBody, {
 						custom: direction,
 						variants: slideVariants,
 						initial: "enter",
 						animate: "center",
 						exit: "exit",
 						transition: slideTransition,
-						className: "contents",
 						children: pageRows.map(({ item, sourceIndex }) => /* @__PURE__ */ jsxs(TableRow, {
 							className: "group",
 							children: [
@@ -149,7 +151,7 @@ function KeyValueManagerTable({ rows, itemsPerPage = 10, hasSearchQuery, onDelet
 							]
 						}, `${sourceIndex}-${item.key}`))
 					}, page)
-				}) })]
+				})]
 			}),
 			showPagination ? /* @__PURE__ */ jsxs("div", {
 				className: "mt-3 flex justify-end gap-1 px-2",

package/dist/components/label/index.d.ts

@@ -0,0 +1,8 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { VariantProps } from 'class-variance-authority';
+
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+
+export { Label };

package/dist/components/label/index.js

@@ -0,0 +1,2 @@
+import { Label } from "../../core/label.js";
+export { Label };

package/dist/components/link/index.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { AnchorHTMLAttributes, ElementType, ReactNode } from 'react';
+
+type LinkColor = "primary" | "secondary" | "error" | "info" | "success" | "warning" | "gray";
+type LinkVariant = "default" | "ghost";
+/** Anchor attrs minus the ones the component owns (`href` is derived from `to`; `target`/`rel` are forced for external URLs). */
+type ForwardedAnchorAttrs = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "target" | "rel">;
+interface LinkProps extends ForwardedAnchorAttrs {
+    /** Destination. Absolute URLs (http(s)://, mailto:, tel:, sms:, ftp:, //) are auto-detected as external. Anything else is internal. */
+    to: string;
+    /** Route params, only forwarded when `linkComponent` is provided. Dropped for plain `<a>` and external fallbacks. */
+    params?: Record<string, unknown>;
+    /** Query / search params, only forwarded when `linkComponent` is provided. */
+    search?: Record<string, unknown>;
+    /**
+     * Router-aware Link component used for internal navigation. Receives `to`, `params`, `search`, `className`, `children`, plus any forwarded anchor attrs.
+     * If omitted, internal links render a plain `<a href={to}>`, which causes a full page reload — pass your router's Link to avoid that.
+     * Ignored for external URLs.
+     */
+    linkComponent?: ElementType;
+    /** Theme color. When set, the link renders in a ghost-pill style (padded, color-tinted hover background). When omitted, the link is a bare inline anchor that inherits color. */
+    color?: LinkColor;
+    /** Visual variant. `"default"` applies padded pill styling from `color`; `"ghost"` strips padding, height, and hover background for a bare inline link. Default `"default"`. */
+    variant?: LinkVariant;
+    /** Show the animated underline on hover. Default `false`. */
+    underline?: boolean;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+}
+
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+
+export { Link, type LinkColor, type LinkProps };

package/dist/components/link/index.js

@@ -0,0 +1,2 @@
+import { Link } from "./link.js";
+export { Link };

package/dist/components/list/index.d.ts

@@ -0,0 +1,9 @@
+import React__default from 'react';
+import { f as ListProps } from '../../list.props-DP_xPTqU.js';
+export { L as LIST_CLASS_NAMES, a as ListGroup, b as ListItem, c as ListItemSize, d as ListItemVariant, e as ListLinkComponentProps, g as ListRole } from '../../list.props-DP_xPTqU.js';
+import '../../index-BQANnKs9.js';
+import '../../style-axes-DSQ2DGc5.js';
+
+declare function List({ items, role, showSeparators, className, itemClassName, separatorClassName, linkComponent, density, }: ListProps): React__default.JSX.Element;
+
+export { List, ListProps };

package/dist/components/list/index.js

@@ -0,0 +1,3 @@
+import { LIST_CLASS_NAMES } from "./list.props.js";
+import List from "./list.js";
+export { LIST_CLASS_NAMES, List };

package/dist/components/list/list-item.utils.js

@@ -4,7 +4,7 @@ import { LIST_CLASS_NAMES } from "./list.props.js";
 import React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/list/list-item.utils.tsx
-var listItemBase = "min-h-[var(--menu-item-height)] w-full scroll-mt-[calc(var(--spacing)*1.5)] px-[calc(var(--spacing)*2.5)] py-[calc(var(--spacing)*1.5)] my-[calc(var(--spacing)*0.5)] text-sm leading-[var(--tw-leading,var(--text-sm--line-height))] select-none rounded-[10px] items-center flex relative no-underline";
+var listItemBase = "min-h-[var(--espd-item-height,var(--menu-item-height))] w-full scroll-mt-[calc(var(--spacing)*1.5)] px-[calc(var(--spacing)*2.5)] py-[calc(var(--spacing)*1.5)] my-[calc(var(--spacing)*0.5)] text-sm leading-[var(--tw-leading,var(--text-sm--line-height))] select-none rounded-[var(--espd-own-radius,var(--espd-radius-item,10px))] items-center flex relative no-underline";
 /**
 * Interaction classes shared by the `<button>` and link renderings of a row, so a
 * linked item is visually identical to a clickable one.

package/dist/components/list/list.js

@@ -1,4 +1,5 @@
 import { cn } from "../../utils/cn.js";
+import { densityStyle } from "../../utils/style-axes.js";
 import { DropdownMenuLabel, DropdownMenuSeparator } from "../../core/animate-ui/components/radix/dropdown-menu.js";
 import { LIST_CLASS_NAMES } from "./list.props.js";
 import { isListItem } from "./list-item.utils.js";
@@ -8,12 +9,13 @@ import React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/list/list.tsx
 var groupLabelBase = "text-sm font-normal truncate overflow-ellipsis font-inter text-gray-400 flex items-center gap-2";
-function List({ items, role = "list", showSeparators = true, className, itemClassName, separatorClassName, linkComponent }) {
+function List({ items, role = "list", showSeparators = true, className, itemClassName, separatorClassName, linkComponent, density }) {
 	const shouldShowSeparators = showSeparators && items.length > 1;
 	const isDropdown = role === "dropdown-list";
 	const ItemComponent = isDropdown ? DropdownListItem : StandardListItem;
 	return /* @__PURE__ */ jsx(isDropdown ? React.Fragment : ({ children }) => /* @__PURE__ */ jsx("div", {
 		className: cn(LIST_CLASS_NAMES.container, "flex flex-col", className),
+		style: densityStyle(density),
 		children
 	}), { children: items.map((group, groupIndex) => {
 		const isLastGroup = groupIndex === items.length - 1;

package/dist/components/list-details/index.d.ts

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { k as StyleAxisProps } from '../../style-axes-DSQ2DGc5.js';
+import { c as SectionCardVariant, b as SectionCardSize } from '../../section-card-B7c5uc08.js';
+import { C as Color } from '../../index-BQANnKs9.js';
+import '../../variant-D81RhpbR.js';
+
+type ListDetailsTitleListPanelColumnWidth = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12;
+type ListDetailsItem = {
+    id: string;
+    title: string | ReactNode;
+    endIcon?: ReactNode;
+    details: ReactNode;
+};
+/**
+ * How the items are picked below the `md` breakpoint (768px), where the details
+ * take the full width:
+ * - `"dropdown"`: the selected title in a menu button between previous/next
+ *   arrows; the menu lists every item with the `footer` at its bottom.
+ * - `"strip"`: a sideways-scrolling row of titles. The `footer` is hidden.
+ */
+type ListDetailsMobileNavigation = "dropdown" | "strip";
+interface ListDetailsLabels {
+    /** Accessible name of the small-screen "previous item" arrow. Default: `"Previous item"`. */
+    previousItem?: string;
+    /** Accessible name of the small-screen "next item" arrow. Default: `"Next item"`. */
+    nextItem?: string;
+    /** Screen-reader prefix of the small-screen menu button, before the selected title. Default: `"Choose item"`. */
+    chooseItem?: string;
+}
+/** Style axis `radius`: the item list's frame. */
+interface ListDetailsProps extends Pick<StyleAxisProps, "radius"> {
+    value?: string;
+    onSelect?: (itemId: string) => void;
+    data: ListDetailsItem[];
+    height?: number;
+    className?: string;
+    titleListPanelColumnWidth?: ListDetailsTitleListPanelColumnWidth;
+    footer?: ReactNode;
+    unmountOnExit?: boolean;
+    variant?: SectionCardVariant;
+    color?: Color;
+    size?: SectionCardSize;
+    /** @default "dropdown" */
+    mobileNavigation?: ListDetailsMobileNavigation;
+    labels?: ListDetailsLabels;
+}
+
+declare function ListDetails({ value, onSelect, data, height, className, titleListPanelColumnWidth, footer, unmountOnExit, variant, color, size, mobileNavigation, labels, radius, }: ListDetailsProps): React.JSX.Element;
+
+export { ListDetails, type ListDetailsItem, type ListDetailsLabels, type ListDetailsMobileNavigation, type ListDetailsProps, type ListDetailsTitleListPanelColumnWidth };

package/dist/components/list-details/index.js

@@ -0,0 +1,2 @@
+import { ListDetails } from "./list-details.js";
+export { ListDetails };