@selectwin/kit 0.1.122 → 0.1.123

package/dist/SelectLayout.d.ts

@@ -13,9 +13,15 @@ type SelectStackOwnProps = {
     inlineAlign?: CrossAlign;
     as?: LayoutEl;
     className?: string;
+    /**
+     * Take the whole height of the parent (a card body stretched to its grid neighbour). With
+     * `align="space-between"` the first child sits at the top and the last at the bottom, so the
+     * extra room lands BETWEEN them instead of as an empty band under the content.
+     */
+    fill?: boolean;
 };
 export type SelectStackProps = SelectStackOwnProps & Omit<HTMLAttributes<HTMLElement>, keyof SelectStackOwnProps>;
-export declare function SelectStack({ children, gap, align, inlineAlign, as, className, ...rest }: SelectStackProps): import("react").JSX.Element;
+export declare function SelectStack({ children, gap, align, inlineAlign, as, className, fill, ...rest }: SelectStackProps): import("react").JSX.Element;
 type SelectInlineOwnProps = {
     children: ReactNode;
     gap?: SelectSpace;

package/dist/SelectProgressList.d.ts

@@ -14,11 +14,17 @@ export interface SelectProgressItem {
     /** Override this row's bar colour. */
     color?: string;
 }
-export declare function SelectProgressList({ items, format, color, emptyText, }: {
+export declare function SelectProgressList({ items, format, color, emptyText, spread, }: {
     items: SelectProgressItem[];
     format?: (n: number) => string;
     /** One colour for every bar (else the chart ramp, one hue per row). */
     color?: string;
     emptyText?: string;
+    /**
+     * Grow into the free height of a flex-column parent and space the rows EVENLY (first at the
+     * top, last at the bottom). For a card stretched to its neighbour's height in a grid row: the
+     * extra room is shared between the rows instead of piling up as an empty band.
+     */
+    spread?: boolean;
 }): import("react").JSX.Element;
 export {};

package/dist/SelectSpotlight.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-export type SelectSpotlightTone = 'inverse' | 'critical' | 'warning' | 'info' | 'neutral';
+export type SelectSpotlightTone = 'inverse' | 'critical' | 'warning' | 'info' | 'success' | 'neutral';
 type SelectSpotlightOwnProps = {
     tone?: SelectSpotlightTone;
     media?: ReactNode;

package/dist/chartTip.d.ts

@@ -23,4 +23,15 @@ type ChartTooltipOwnProps = {
 };
 export type ChartTooltipProps = ChartTooltipOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof ChartTooltipOwnProps>;
 export declare function ChartTooltip({ tip, className, ...rest }: ChartTooltipProps): import("react").JSX.Element | null;
+/**
+ * The same tip, but floating over the PAGE: a fixed layer portalled to `document.body`, with
+ * `tip.x/y` in VIEWPORT coordinates (`getBoundingClientRect`). For charts whose container clips —
+ * a heatmap that scrolls sideways is `overflow: auto`, so a tip inside it was cut and pushed a
+ * scrollbar into the card. The layer is the tip's offsetParent, so the horizontal clamp keeps it
+ * inside the viewport. Any scroll hides it (the point moved under the cursor).
+ */
+export declare function FloatingChartTooltip({ tip, onDismiss }: {
+    tip: ChartTipState | null;
+    onDismiss: () => void;
+}): import('react').ReactPortal | null;
 export {};