@squadbase/vantage 0.7.1-dev1.618b9b9 → 0.7.1-dev1.797ffdf

package/dist/components/index.d.ts

@@ -453,13 +453,16 @@ declare function DashboardCardSkeleton({ className }: DashboardCardSkeletonProps
 interface DashboardCardPresetProps extends Omit<HTMLAttributes<HTMLDivElement>, "title">, Pick<DashboardCardProps, "subgrid" | "size"> {
     title?: ReactNode;
     description?: ReactNode;
+    /** One headline number or status at the right end of the header ("212 tasks", a `StatusBadge`). Put the number in `<span className="font-medium text-foreground">`. */
+    headline?: ReactNode;
     actions?: ReactNode;
+    /** One line at the bottom of the card: a summary fact on the left, an action or hint on the right. */
     footer?: ReactNode;
     headerClassName?: string;
     contentClassName?: string;
     footerClassName?: string;
 }
-declare function DashboardCardPreset({ title, description, actions, footer, children, headerClassName, contentClassName, footerClassName, className, subgrid, ...props }: DashboardCardPresetProps): React.JSX.Element;
+declare function DashboardCardPreset({ title, description, headline, actions, footer, children, headerClassName, contentClassName, footerClassName, className, subgrid, ...props }: DashboardCardPresetProps): React.JSX.Element;
 
 interface EChartProps {
     /**
@@ -873,7 +876,7 @@ declare const AreaChart: (<T extends Record<string, unknown>>(props: AreaChartPr
  * (`index`) and the series keys (`categories`) instead of an ECharts option.
  * Grouped, stacked or 100%-stacked; vertical or horizontal bars. Colours are the
  * `--chart-1..5` tokens in fixed order (more than 5 series fold into「その他」)
- * and follow light/dark. The value axis always starts at 0. A horizontal bar chart of one
+ * and follow light/dark. The value axis always reaches 0 (negative values add a solid zero line on their own). A horizontal bar chart of one
  * series (`barOptions.layout: "vertical"`) is a light tint by default, like BarList; `barOptions.highlight`
  * names the one bar the page is about, drawn in the full colour.
  * Renders inside `ChartFrame` (title, summary, loading skeleton, empty state).
@@ -1345,6 +1348,10 @@ interface LegendProps {
     labels?: Record<string, string>;
     /** 並べ方。`"horizontal"`(既定。折り返す横並び)か `"vertical"`(縦並び)。 */
     layout?: "horizontal" | "vertical";
+    /** 隠している系列名(`onHiddenChange` と対)。グラフに渡す `categories` からこの系列を外す。色は凡例の全 `categories` で決まるので、外しても残りの色は変わらない。 */
+    hidden?: string[];
+    /** 渡すと凡例のチップが押せるボタンになり、押すたびに系列を隠す・戻す(キーボードで操作でき、隠れたチップは薄くなる)。新しい `hidden` が渡される。 */
+    onHiddenChange?: (hidden: string[]) => void;
     /** 凡例の読み上げ名。省略時は「凡例」。 */
     ariaLabel?: string;
     className?: string;
@@ -1371,7 +1378,8 @@ interface ChartFrameProps extends Omit<HTMLAttributes<HTMLElement>, "title" | "c
     /** 見出しが無いときのプロット領域のラベル。 */
     ariaLabel?: string;
     /**
-     * プロット領域の役割。既定 `"img"`(canvas のグラフ)。行がボタンやリンクになる
+     * プロットの役割。既定 `"img"`(canvas のグラフ。`role="img"` と名前・要約は
+     * `EChart` が canvas にだけ付け、操作ボタンは画像の外に置く)。行がボタンやリンクになる
      * HTML のグラフ(BarList・FunnelSteps)は `"group"` にして、中身を読ませる。
      */
     plotRole?: "img" | "group";
@@ -2568,6 +2576,14 @@ interface DateRangePickerProps {
      * <DateRangePicker fiscalYearStartMonth={1} />
      */
     fiscalYearStartMonth?: number;
+    /**
+     * 比較期間。渡すと選択範囲から比較する範囲を計算し、トリガーに添える。
+     * `previous-period` は直前の同じ日数、`previous-year` は 1 年前の同じ日付。比較の日付は渡さない。
+     *
+     * @example
+     * <DateRangePicker comparison="previous-year" />
+     */
+    comparison?: "previous-period" | "previous-year";
     maxDate?: Date;
     minDate?: Date;
     placeholder?: string;

package/dist/components/index.js

@@ -1,8 +1,8 @@
-export { AppShell, AreaChart, AttentionList, BarChart, BarList, BoxPlotChart, COMPARISON_LABELS, CategoryBar, ChartFrame, ComboChart, DEFAULT_SAMPLE_LABEL, DELTA_NOT_COMPARABLE, DashboardCard, DashboardCardAction, DashboardCardContent, DashboardCardDescription, DashboardCardFooter, DashboardCardHeader, DashboardCardPreset, DashboardCardSkeleton, DashboardCardTitle, DataTable, DataTableColumnVisibility, DataTableContent, DataTableExport, DataTablePagination, DataTablePreset, DataTableToolbar, DateRangePicker, Delta, DonutChart, DraftChart, FilledMap, FilterBar, FilterBarActiveChips, FilterBarClearButton, FilterBarMultiSelect, FilterBarPreset, FilterBarSelect, ForecastChart, FunnelSteps, Heatmap, HistogramChart, KpiCard, Legend, LineChart, MetricUnit, MetricValue, MultiSelect, PageShell, PageShellActions, PageShellContent, PageShellDescription, PageShellHeader, PageShellHeaderEnd, PageShellHeading, PageShellMeta, PageShellSummary, PageShellSummaryCard, PageShellTitle, PairedChart, PivotTable, Placeholder, ProgressCircle, RECORD_MIN_POINTS, SampleBadge, SampleClaim, SampleData, ScatterChart, SearchableSelect, SectionHeader, SegmentedControl, StatusBadge, SymbolMap, Tracker, Treemap, TrendIndicator, UpdatedAt, WaterfallChart, comparisonBaseline, comparisonLabel, computeComparison, computeTargetProgress, defaultChangeDisplay, defaultPresets, deltaVariants, detectRecord, fillKpiTemplate, flattenOptions, formatChange, formatChangeAmount, formatRelativeTime, funnelStepsVariants, inferPeriodGrain, isGroupedOptions, metricValueVariants, pageShellSummaryCardVariants, tableToCsv, toCsv, toneForValue, useDataTable, useSampleMark } from '../chunk-YJQCB3UP.js';
-export { EChart, useResolvedChartColors } from '../chunk-EG4PX726.js';
+export { AppShell, AreaChart, AttentionList, BarChart, BarList, BoxPlotChart, COMPARISON_LABELS, CategoryBar, ChartFrame, ComboChart, DEFAULT_SAMPLE_LABEL, DELTA_NOT_COMPARABLE, DashboardCard, DashboardCardAction, DashboardCardContent, DashboardCardDescription, DashboardCardFooter, DashboardCardHeader, DashboardCardPreset, DashboardCardSkeleton, DashboardCardTitle, DataTable, DataTableColumnVisibility, DataTableContent, DataTableExport, DataTablePagination, DataTablePreset, DataTableToolbar, DateRangePicker, Delta, DonutChart, DraftChart, FilledMap, FilterBar, FilterBarActiveChips, FilterBarClearButton, FilterBarMultiSelect, FilterBarPreset, FilterBarSelect, ForecastChart, FunnelSteps, Heatmap, HistogramChart, KpiCard, Legend, LineChart, MetricUnit, MetricValue, MultiSelect, PageShell, PageShellActions, PageShellContent, PageShellDescription, PageShellHeader, PageShellHeaderEnd, PageShellHeading, PageShellMeta, PageShellSummary, PageShellSummaryCard, PageShellTitle, PairedChart, PivotTable, Placeholder, ProgressCircle, RECORD_MIN_POINTS, SampleBadge, SampleClaim, SampleData, ScatterChart, SearchableSelect, SectionHeader, SegmentedControl, StatusBadge, SymbolMap, Tracker, Treemap, TrendIndicator, UpdatedAt, WaterfallChart, comparisonBaseline, comparisonLabel, computeComparison, computeTargetProgress, defaultChangeDisplay, defaultPresets, deltaVariants, detectRecord, fillKpiTemplate, flattenOptions, formatChange, formatChangeAmount, formatRelativeTime, funnelStepsVariants, inferPeriodGrain, isGroupedOptions, metricValueVariants, pageShellSummaryCardVariants, tableToCsv, toCsv, toneForValue, useDataTable, useSampleMark } from '../chunk-PPWIDZPC.js';
+export { EChart, useResolvedChartColors } from '../chunk-5AONNQZ6.js';
 export { Sparkline } from '../chunk-P2KIHF65.js';
 export { DEFAULT_LOCALE, EMPTY_VALUE, MINUS_SIGN, formatDate, formatDateRange, formatDatesInText, formatDelta, formatKind, formatPoints, formatValue, toValueFormatter } from '../chunk-XRKSIC5Z.js';
-import '../chunk-MQUIAP66.js';
+import '../chunk-5HBUBVQ3.js';
 import '../chunk-ROHNXP7J.js';
 import '../chunk-U736PVHY.js';
 //# sourceMappingURL=index.js.map

package/dist/slide/index.js

@@ -2,7 +2,7 @@ import { DeltaText } from '../chunk-LYUGDHSF.js';
 export { DeltaText } from '../chunk-LYUGDHSF.js';
 import { useSearchState } from '../chunk-ZO62C6T4.js';
 import '../chunk-6S4BAIGV.js';
-import { EChart } from '../chunk-EG4PX726.js';
+import { EChart } from '../chunk-5AONNQZ6.js';
 import { formatValue, EMPTY_VALUE } from '../chunk-XRKSIC5Z.js';
 import { uiLanguage, useLocale } from '../chunk-ROHNXP7J.js';
 import '../chunk-U736PVHY.js';

package/dist/table/index.js

@@ -1,11 +1,11 @@
 import { FILE_PAGE_MAX_ROWS, FILE_PAGE_MAX_BYTES } from '../chunk-C2CX6GLX.js';
 import { useQuery } from '../chunk-ANZLVSEP.js';
 import '../chunk-CKWPK4RO.js';
-import { PageShell, PageShellHeader, PageShellHeading, PageShellTitle, PageShellMeta, PageShellActions, PageShellContent } from '../chunk-YJQCB3UP.js';
-import '../chunk-EG4PX726.js';
+import { PageShell, PageShellHeader, PageShellHeading, PageShellTitle, PageShellMeta, PageShellActions, PageShellContent } from '../chunk-PPWIDZPC.js';
+import '../chunk-5AONNQZ6.js';
 import '../chunk-P2KIHF65.js';
 import '../chunk-XRKSIC5Z.js';
-import { Loading, ErrorState } from '../chunk-MQUIAP66.js';
+import { Loading, ErrorState } from '../chunk-5HBUBVQ3.js';
 import { Button } from '../chunk-ROHNXP7J.js';
 import { cn } from '../chunk-U736PVHY.js';
 import { useRef, useState, useMemo, useLayoutEffect, useEffect, useCallback } from 'react';

package/dist/ui/index.d.ts

@@ -445,24 +445,28 @@ declare function ToggleGroupItem({ className, children, variant, size, ...props
 
 declare function useIsMobile(): boolean;
 
-declare function Loading({ label, className }: {
+type StateVariant = "default" | "inline";
+declare function Loading({ label, variant, className, }: {
     label?: string;
+    variant?: StateVariant;
     className?: string;
 }): React$1.JSX.Element;
-declare function Empty({ title, description, icon, action, className, }: {
+declare function Empty({ title, description, icon, action, variant, className, }: {
     title?: string;
     description?: string;
     icon?: ReactNode;
     action?: ReactNode;
+    variant?: StateVariant;
     className?: string;
 }): React$1.JSX.Element;
-declare function ErrorState({ title, message, details, action, className, }: {
+declare function ErrorState({ title, message, details, action, variant, className, }: {
     title?: string;
     /** What happened and what to do next, in plain words. */
     message?: ReactNode;
     /** Technical detail (error message, status code), folded behind "Show details" (ja: "詳細を表示"). */
     details?: ReactNode;
     action?: ReactNode;
+    variant?: StateVariant;
     className?: string;
 }): React$1.JSX.Element;
 

package/dist/ui/index.js

@@ -1,5 +1,5 @@
-import { InputGroup, InputGroupInput, InputGroupAddon, InputGroupButton, Separator } from '../chunk-MQUIAP66.js';
-export { Badge, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, ErrorState, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Loading, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, toggleVariants, useIsMobile, useSidebar } from '../chunk-MQUIAP66.js';
+import { InputGroup, InputGroupInput, InputGroupAddon, InputGroupButton, Separator } from '../chunk-5HBUBVQ3.js';
+export { Badge, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, ErrorState, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Loading, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, toggleVariants, useIsMobile, useSidebar } from '../chunk-5HBUBVQ3.js';
 import { Button } from '../chunk-ROHNXP7J.js';
 export { Button, buttonVariants } from '../chunk-ROHNXP7J.js';
 import { cn } from '../chunk-U736PVHY.js';
@@ -526,6 +526,7 @@ function ComboboxTrigger({
     Combobox$1.Trigger,
     {
       "data-slot": "combobox-trigger",
+      "aria-label": "Toggle options",
       className: cn("[&_svg:not([class*='size-'])]:size-4", className),
       ...props,
       children: [
@@ -545,6 +546,7 @@ function ComboboxClear({ className, ...props }) {
     Combobox$1.Clear,
     {
       "data-slot": "combobox-clear",
+      "aria-label": "Clear",
       render: /* @__PURE__ */ jsx(InputGroupButton, { variant: "ghost", size: "icon-xs" }),
       className: cn(className),
       ...props,
@@ -759,6 +761,7 @@ function ComboboxChip({
             render: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-xs" }),
             className: "-ml-1 opacity-50 hover:opacity-100",
             "data-slot": "combobox-chip-remove",
+            "aria-label": typeof children === "string" || typeof children === "number" ? `Remove ${children}` : "Remove",
             children: /* @__PURE__ */ jsx(
               XIcon,
               {
@@ -1400,7 +1403,7 @@ function ProgressTrack({ className, ...props }) {
     Progress$1.Track,
     {
       className: cn(
-        "relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted",
+        "relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-border",
         className
       ),
       "data-slot": "progress-track",
@@ -1658,6 +1661,7 @@ function TabsTrigger({ className, ...props }) {
         "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-[color,background-color,border-color,box-shadow] group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
         "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground",
+        "[&_[data-slot=badge]]:h-4 [&_[data-slot=badge]]:min-w-4 [&_[data-slot=badge]]:px-1.5 [&_[data-slot=badge]]:tabular-nums [&_[data-slot=badge][data-variant=secondary]]:bg-foreground/10 [&_[data-slot=badge][data-variant=secondary]]:text-current",
         "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
         className
       ),