@kismet-ux/constellation 1.9.0 → 1.11.1

package/dist/tokens.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 :root {
   --font-sans:
     ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto,
@@ -75,7 +76,12 @@
   --warning-selected: rgba(255, 176, 32, 0.075);
   --success-main: #0d9467;
   --success-dark: #085c40;
-  --success-emphasis: #0d9467;
+  /*
+   * 700, not 600. Emphasis is INK, and green is the family where the 600 step
+   * is still too light to carry it: $emerald-600 measures 3.85:1 on white
+   * against AA's 4.5, where every other family's 600 clears it. 700 is 8.0:1.
+   */
+  --success-emphasis: #085c40;
   --success-light: rgba(16, 185, 129, 0.75);
   --success-contrast: #ffffff;
   --success-focus: rgba(16, 185, 129, 0.25);
@@ -107,7 +113,7 @@
   --action-disabled: rgba(94, 106, 125, 0.5);
   --action-disabled-background: rgba(94, 106, 125, 0.1);
   --action-focus: rgba(94, 106, 125, 0.25);
-  --action-hover: rgba(94, 106, 125, 0.075);
+  --action-hover: rgba(94, 106, 125, 0.125);
   --action-selected: rgba(94, 106, 125, 0.25);
   --avatar-fallback: rgba(94, 106, 125, 0.25);
   --common-black-main: #151a23;
@@ -235,6 +241,33 @@
   --size-10: 5rem;
   --size-11: 5.5rem;
   --size-12: 6rem;
+  /*
+   * Half steps, for dense UI.
+   *
+   * A list row, a chip strip or a badge cluster wants 4-6px between things,
+   * and the whole-number scale starts at 8px — which is why callers kept
+   * reaching past `gap` for a hand-written `gap: 0.3rem`. Named with a dash
+   * because `--size-0.5` is not a usable identifier.
+   */
+  --size-0-5: 0.25rem;
+  --size-1-5: 0.75rem;
+  /*
+   * ── Measure ────────────────────────────────────────────────────────────
+   *
+   * How wide content is allowed to get, as opposed to how wide it CAN get.
+   * A layout that only answers "fill the space" reads fine on a laptop and
+   * badly on a 27-inch monitor, where a row of one-line items stretches its
+   * last column a metre from its first.
+   *
+   * `text`   — a single column of prose. Character-based, so it follows the
+   *            font rather than a guess in pixels.
+   * `content`— the default working width for forms, lists and cards.
+   * `wide`   — dense, tabular or multi-column work that earns the room: a
+   *            till, a dashboard, an inventory grid.
+   */
+  --measure-text: 68ch;
+  --measure-content: 1100px;
+  --measure-wide: 1600px;
   --appbar-height: 64px;
   --footer-height: 52px;
   --main-body-height: calc(100vh - var(--appbar-height) - var(--footer-height));
@@ -274,63 +307,70 @@ PALETTE - DARK MODE
   --inherit-selected: rgba(255, 255, 255, 0.12);
   --primary-main: #0ea5e9;
   --primary-dark: #0369a1;
-  --primary-emphasis: #7dd3fc;
+  --primary-emphasis: #0ea5e9;
   --primary-light: #38bdf8;
   --primary-contrast: #0d1017;
   --primary-focus: #38bdf8;
   --primary-focus-visible: #38bdf8;
   --primary-hover: rgba(125, 211, 252, 0.16);
-  --primary-outlined-border: #7dd3fc;
+  /*
+   * SOLID 500, not the 300 tint. 25-400 are alpha shades of the same hue, so
+   * `$rose-300` is `rgba(#f43f5e, .5)` — as a border it composites fine, but
+   * these tokens are also the INK of every outlined Button and Chip, and half
+   * an opacity over the dark ground measured 2.0:1 against AA's 4.5. The 500s
+   * are the bright solids these were always meant to be: rose lands at 4.6:1.
+   */
+  --primary-outlined-border: #0ea5e9;
   --primary-selected: rgba(125, 211, 252, 0.12);
   --secondary-main: #8b5cf6;
   --secondary-dark: #462e7b;
-  --secondary-emphasis: rgba(139, 92, 246, 0.5);
+  --secondary-emphasis: #9970f7;
   --secondary-light: rgba(139, 92, 246, 0.75);
   --secondary-contrast: #ffffff;
   --secondary-focus: rgba(139, 92, 246, 0.5);
   --secondary-focus-visible: rgba(139, 92, 246, 0.5);
   --secondary-hover: rgba(139, 92, 246, 0.1);
-  --secondary-outlined-border: rgba(139, 92, 246, 0.5);
+  --secondary-outlined-border: #9970f7;
   --secondary-selected: rgba(139, 92, 246, 0.075);
   --destructive-main: #f43f5e;
   --destructive-dark: #7a202f;
-  --destructive-emphasis: rgba(244, 63, 94, 0.5);
+  --destructive-emphasis: #f43f5e;
   --destructive-light: rgba(244, 63, 94, 0.75);
   --destructive-contrast: #ffffff;
   --destructive-focus: rgba(244, 63, 94, 0.5);
   --destructive-focus-visible: rgba(244, 63, 94, 0.5);
   --destructive-hover: rgba(244, 63, 94, 0.1);
-  --destructive-outlined-border: rgba(244, 63, 94, 0.5);
+  --destructive-outlined-border: #f43f5e;
   --destructive-selected: rgba(244, 63, 94, 0.075);
   --warning-main: #ffb020;
   --warning-dark: #805810;
-  --warning-emphasis: rgba(255, 176, 32, 0.5);
+  --warning-emphasis: #ffb020;
   --warning-light: rgba(255, 176, 32, 0.75);
   --warning-contrast: #0d1017;
   --warning-focus: rgba(255, 176, 32, 0.5);
   --warning-focus-visible: rgba(255, 176, 32, 0.5);
   --warning-hover: rgba(255, 176, 32, 0.1);
-  --warning-outlined-border: rgba(255, 176, 32, 0.5);
+  --warning-outlined-border: #ffb020;
   --warning-selected: rgba(255, 176, 32, 0.075);
   --success-main: #10b981;
   --success-dark: #085c40;
-  --success-emphasis: rgba(16, 185, 129, 0.5);
+  --success-emphasis: #10b981;
   --success-light: rgba(16, 185, 129, 0.75);
   --success-contrast: #0d1017;
   --success-focus: rgba(16, 185, 129, 0.5);
   --success-focus-visible: rgba(16, 185, 129, 0.5);
   --success-hover: rgba(16, 185, 129, 0.1);
-  --success-outlined-border: rgba(16, 185, 129, 0.5);
+  --success-outlined-border: #10b981;
   --success-selected: rgba(16, 185, 129, 0.075);
   --info-main: #3688b3;
   --info-dark: #1b5276;
-  --info-emphasis: #96c4dd;
+  --info-emphasis: #4a94bb;
   --info-light: #7bb6d4;
   --info-contrast: #ffffff;
   --info-focus: #5fa6cb;
   --info-focus-visible: #5fa6cb;
   --info-hover: rgba(54, 136, 179, 0.1);
-  --info-outlined-border: #96c4dd;
+  --info-outlined-border: #3688b3;
   --info-selected: rgba(54, 136, 179, 0.075);
   --slate-main: #5e6a7d;
   --slate-dark: #333c4a;
@@ -339,14 +379,16 @@ PALETTE - DARK MODE
   --slate-contrast: #0d1017;
   --slate-focus: rgba(255, 255, 255, 0.24);
   --slate-focus-visible: rgba(255, 255, 255, 0.32);
-  --slate-hover: rgba(255, 255, 255, 0.08);
-  --slate-outlined-border: rgba(255, 255, 255, 0.4);
+  --slate-hover: rgba(255, 255, 255, 0.12);
+  /* $white-40 composited to 3.82:1 as button ink; 56% clears AA and still
+     reads as the quiet neutral rather than as primary text. */
+  --slate-outlined-border: rgba(255, 255, 255, 0.56);
   --slate-selected: rgba(255, 255, 255, 0.08);
   --action-active: rgba(255, 255, 255, 0.64);
   --action-disabled: rgba(255, 255, 255, 0.32);
   --action-disabled-background: rgba(255, 255, 255, 0.08);
   --action-focus: rgba(255, 255, 255, 0.24);
-  --action-hover: rgba(255, 255, 255, 0.08);
+  --action-hover: rgba(255, 255, 255, 0.12);
   --action-selected: rgba(255, 255, 255, 0.16);
   --avatar-fallback: rgba(255, 255, 255, 0.16);
   --background-default: #0d1017;

package/dist/tooltip-1qYeAGE9.d.ts

@@ -0,0 +1,45 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const buttonVariants: (props?: ({
+    variant?: "ghost" | "contained" | "outlined" | null | undefined;
+    theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+    rounded?: boolean | "extra" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /** A colour outside the theme scale; overrides the theme's colour roles. */
+    color?: string;
+    /** Ink for `contained` when `color` is set and the default contrast is wrong. */
+    onColor?: string;
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare function TooltipProvider({ children, delayDuration, }: {
+    children?: React.ReactNode;
+    delayDuration?: number;
+}): React.JSX.Element;
+interface TooltipProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    delayDuration?: number;
+}
+declare function Tooltip({ children, open: controlledOpen, defaultOpen, onOpenChange, delayDuration, }: TooltipProps): React.JSX.Element;
+interface TooltipTriggerProps extends React.HTMLAttributes<HTMLElement> {
+    asChild?: boolean;
+}
+declare function TooltipTrigger({ asChild, children, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }: TooltipTriggerProps): React.JSX.Element;
+interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    sideOffset?: number;
+}
+declare function TooltipContent({ className, children, side, sideOffset, ...props }: TooltipContentProps): React.ReactPortal | null;
+
+export { Button as B, Tooltip as T, TooltipContent as b, TooltipProvider as e, TooltipTrigger as f };
+export type { ButtonProps as a, TooltipContentProps as c, TooltipProps as d, TooltipTriggerProps as g };

package/dist/tooltip-3IOkYFQ-.d.ts

@@ -0,0 +1,45 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const buttonVariants: (props?: ({
+    variant?: "contained" | "outlined" | "ghost" | null | undefined;
+    theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+    rounded?: boolean | "extra" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /** A colour outside the theme scale; overrides the theme's colour roles. */
+    color?: string;
+    /** Ink for `contained` when `color` is set and the default contrast is wrong. */
+    onColor?: string;
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare function TooltipProvider({ children, delayDuration, }: {
+    children?: React.ReactNode;
+    delayDuration?: number;
+}): React.JSX.Element;
+interface TooltipProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    delayDuration?: number;
+}
+declare function Tooltip({ children, open: controlledOpen, defaultOpen, onOpenChange, delayDuration, }: TooltipProps): React.JSX.Element;
+interface TooltipTriggerProps extends React.HTMLAttributes<HTMLElement> {
+    asChild?: boolean;
+}
+declare function TooltipTrigger({ asChild, children, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }: TooltipTriggerProps): React.JSX.Element;
+interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    sideOffset?: number;
+}
+declare function TooltipContent({ className, children, side, sideOffset, ...props }: TooltipContentProps): React.ReactPortal | null;
+
+export { Button as B, Tooltip as T, TooltipContent as b, TooltipProvider as e, TooltipTrigger as f };
+export type { ButtonProps as a, TooltipContentProps as c, TooltipProps as d, TooltipTriggerProps as g };

package/dist/tooltip-540OmbEG.d.ts

@@ -0,0 +1,46 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const buttonVariants: (props?: ({
+    variant?: "contained" | "outlined" | "ghost" | null | undefined;
+    theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+    fullWidth?: boolean | null | undefined;
+    rounded?: boolean | "extra" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /** A colour outside the theme scale; overrides the theme's colour roles. */
+    color?: string;
+    /** Ink for `contained` when `color` is set and the default contrast is wrong. */
+    onColor?: string;
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare function TooltipProvider({ children, delayDuration, }: {
+    children?: React.ReactNode;
+    delayDuration?: number;
+}): React.JSX.Element;
+interface TooltipProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    delayDuration?: number;
+}
+declare function Tooltip({ children, open: controlledOpen, defaultOpen, onOpenChange, delayDuration, }: TooltipProps): React.JSX.Element;
+interface TooltipTriggerProps extends React.HTMLAttributes<HTMLElement> {
+    asChild?: boolean;
+}
+declare function TooltipTrigger({ asChild, children, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }: TooltipTriggerProps): React.JSX.Element;
+interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    sideOffset?: number;
+}
+declare function TooltipContent({ className, children, side, sideOffset, ...props }: TooltipContentProps): React.ReactPortal | null;
+
+export { Button as B, Tooltip as T, TooltipContent as b, TooltipProvider as e, TooltipTrigger as f };
+export type { ButtonProps as a, TooltipContentProps as c, TooltipProps as d, TooltipTriggerProps as g };

package/dist/tooltip-91Nq_Hl8.d.ts

@@ -0,0 +1,46 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const buttonVariants: (props?: ({
+    variant?: "contained" | "outlined" | "ghost" | null | undefined;
+    theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+    fullWidth?: boolean | null | undefined;
+    rounded?: boolean | "extra" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /** A colour outside the theme scale; overrides the theme's colour roles. */
+    color?: string;
+    /** Ink for `contained` when `color` is set and the default contrast is wrong. */
+    onColor?: string;
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare function TooltipProvider({ children, delayDuration, }: {
+    children?: React.ReactNode;
+    delayDuration?: number;
+}): React.JSX.Element;
+interface TooltipProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    delayDuration?: number;
+}
+declare function Tooltip({ children, open: controlledOpen, defaultOpen, onOpenChange, delayDuration, }: TooltipProps): React.JSX.Element;
+interface TooltipTriggerProps extends React.HTMLAttributes<HTMLElement> {
+    asChild?: boolean;
+}
+declare function TooltipTrigger({ asChild, children, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }: TooltipTriggerProps): React.JSX.Element;
+interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    sideOffset?: number;
+}
+declare function TooltipContent({ className, children, side, sideOffset, ...props }: TooltipContentProps): React.ReactPortal | null;
+
+export { Button as B, Tooltip as T, TooltipContent as b, TooltipProvider as e, TooltipTrigger as f };
+export type { ButtonProps as a, TooltipContentProps as c, TooltipProps as d, TooltipTriggerProps as g };

package/dist/tooltip-B56sWYK0.d.ts

@@ -0,0 +1,46 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const buttonVariants: (props?: ({
+    variant?: "outlined" | "contained" | "ghost" | null | undefined;
+    theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+    fullWidth?: boolean | null | undefined;
+    rounded?: boolean | "extra" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /** A colour outside the theme scale; overrides the theme's colour roles. */
+    color?: string;
+    /** Ink for `contained` when `color` is set and the default contrast is wrong. */
+    onColor?: string;
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare function TooltipProvider({ children, delayDuration, }: {
+    children?: React.ReactNode;
+    delayDuration?: number;
+}): React.JSX.Element;
+interface TooltipProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    delayDuration?: number;
+}
+declare function Tooltip({ children, open: controlledOpen, defaultOpen, onOpenChange, delayDuration, }: TooltipProps): React.JSX.Element;
+interface TooltipTriggerProps extends React.HTMLAttributes<HTMLElement> {
+    asChild?: boolean;
+}
+declare function TooltipTrigger({ asChild, children, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }: TooltipTriggerProps): React.JSX.Element;
+interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    sideOffset?: number;
+}
+declare function TooltipContent({ className, children, side, sideOffset, ...props }: TooltipContentProps): React.ReactPortal | null;
+
+export { Button as B, Tooltip as T, TooltipContent as b, TooltipProvider as e, TooltipTrigger as f };
+export type { ButtonProps as a, TooltipContentProps as c, TooltipProps as d, TooltipTriggerProps as g };

package/dist/tooltip-BIrIF-4z.d.ts

@@ -0,0 +1,45 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const buttonVariants: (props?: ({
+    variant?: "ghost" | "contained" | "outlined" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+    rounded?: boolean | "extra" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /** A colour outside the theme scale; overrides the theme's colour roles. */
+    color?: string;
+    /** Ink for `contained` when `color` is set and the default contrast is wrong. */
+    onColor?: string;
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare function TooltipProvider({ children, delayDuration, }: {
+    children?: React.ReactNode;
+    delayDuration?: number;
+}): React.JSX.Element;
+interface TooltipProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    delayDuration?: number;
+}
+declare function Tooltip({ children, open: controlledOpen, defaultOpen, onOpenChange, delayDuration, }: TooltipProps): React.JSX.Element;
+interface TooltipTriggerProps extends React.HTMLAttributes<HTMLElement> {
+    asChild?: boolean;
+}
+declare function TooltipTrigger({ asChild, children, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }: TooltipTriggerProps): React.JSX.Element;
+interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    sideOffset?: number;
+}
+declare function TooltipContent({ className, children, side, sideOffset, ...props }: TooltipContentProps): React.ReactPortal | null;
+
+export { Button as B, Tooltip as T, TooltipContent as b, TooltipProvider as e, TooltipTrigger as f };
+export type { ButtonProps as a, TooltipContentProps as c, TooltipProps as d, TooltipTriggerProps as g };

package/dist/tooltip-BOipKW5l.d.ts

@@ -0,0 +1,46 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const buttonVariants: (props?: ({
+    variant?: "ghost" | "outlined" | "contained" | null | undefined;
+    theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+    fullWidth?: boolean | null | undefined;
+    rounded?: boolean | "extra" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /** A colour outside the theme scale; overrides the theme's colour roles. */
+    color?: string;
+    /** Ink for `contained` when `color` is set and the default contrast is wrong. */
+    onColor?: string;
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare function TooltipProvider({ children, delayDuration, }: {
+    children?: React.ReactNode;
+    delayDuration?: number;
+}): React.JSX.Element;
+interface TooltipProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    delayDuration?: number;
+}
+declare function Tooltip({ children, open: controlledOpen, defaultOpen, onOpenChange, delayDuration, }: TooltipProps): React.JSX.Element;
+interface TooltipTriggerProps extends React.HTMLAttributes<HTMLElement> {
+    asChild?: boolean;
+}
+declare function TooltipTrigger({ asChild, children, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }: TooltipTriggerProps): React.JSX.Element;
+interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    sideOffset?: number;
+}
+declare function TooltipContent({ className, children, side, sideOffset, ...props }: TooltipContentProps): React.ReactPortal | null;
+
+export { Button as B, Tooltip as T, TooltipContent as b, TooltipProvider as e, TooltipTrigger as f };
+export type { ButtonProps as a, TooltipContentProps as c, TooltipProps as d, TooltipTriggerProps as g };

package/dist/tooltip-BPC0RH8i.d.ts

@@ -0,0 +1,46 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const buttonVariants: (props?: ({
+    variant?: "ghost" | "outlined" | "contained" | null | undefined;
+    theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+    fullWidth?: boolean | null | undefined;
+    rounded?: boolean | "extra" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /** A colour outside the theme scale; overrides the theme's colour roles. */
+    color?: string;
+    /** Ink for `contained` when `color` is set and the default contrast is wrong. */
+    onColor?: string;
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare function TooltipProvider({ children, delayDuration, }: {
+    children?: React.ReactNode;
+    delayDuration?: number;
+}): React.JSX.Element;
+interface TooltipProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    delayDuration?: number;
+}
+declare function Tooltip({ children, open: controlledOpen, defaultOpen, onOpenChange, delayDuration, }: TooltipProps): React.JSX.Element;
+interface TooltipTriggerProps extends React.HTMLAttributes<HTMLElement> {
+    asChild?: boolean;
+}
+declare function TooltipTrigger({ asChild, children, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }: TooltipTriggerProps): React.JSX.Element;
+interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    sideOffset?: number;
+}
+declare function TooltipContent({ className, children, side, sideOffset, ...props }: TooltipContentProps): React.ReactPortal | null;
+
+export { Button as B, Tooltip as T, TooltipContent as b, TooltipProvider as e, TooltipTrigger as f };
+export type { ButtonProps as a, TooltipContentProps as c, TooltipProps as d, TooltipTriggerProps as g };

package/dist/tooltip-BST1BOCn.d.ts

@@ -0,0 +1,45 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const buttonVariants: (props?: ({
+    variant?: "outlined" | "ghost" | "contained" | null | undefined;
+    theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
+    size?: "lg" | "md" | "sm" | "xs" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+    rounded?: boolean | "extra" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /** A colour outside the theme scale; overrides the theme's colour roles. */
+    color?: string;
+    /** Ink for `contained` when `color` is set and the default contrast is wrong. */
+    onColor?: string;
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare function TooltipProvider({ children, delayDuration, }: {
+    children?: React.ReactNode;
+    delayDuration?: number;
+}): React.JSX.Element;
+interface TooltipProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    delayDuration?: number;
+}
+declare function Tooltip({ children, open: controlledOpen, defaultOpen, onOpenChange, delayDuration, }: TooltipProps): React.JSX.Element;
+interface TooltipTriggerProps extends React.HTMLAttributes<HTMLElement> {
+    asChild?: boolean;
+}
+declare function TooltipTrigger({ asChild, children, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }: TooltipTriggerProps): React.JSX.Element;
+interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    sideOffset?: number;
+}
+declare function TooltipContent({ className, children, side, sideOffset, ...props }: TooltipContentProps): React.ReactPortal | null;
+
+export { Button as B, Tooltip as T, TooltipContent as b, TooltipProvider as e, TooltipTrigger as f };
+export type { ButtonProps as a, TooltipContentProps as c, TooltipProps as d, TooltipTriggerProps as g };

package/dist/tooltip-BhuxNQwX.d.ts

@@ -0,0 +1,45 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const buttonVariants: (props?: ({
+    variant?: "contained" | "outlined" | "ghost" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "slate" | "inherit" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+    rounded?: boolean | "extra" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /** A colour outside the theme scale; overrides the theme's colour roles. */
+    color?: string;
+    /** Ink for `contained` when `color` is set and the default contrast is wrong. */
+    onColor?: string;
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare function TooltipProvider({ children, delayDuration, }: {
+    children?: React.ReactNode;
+    delayDuration?: number;
+}): React.JSX.Element;
+interface TooltipProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    delayDuration?: number;
+}
+declare function Tooltip({ children, open: controlledOpen, defaultOpen, onOpenChange, delayDuration, }: TooltipProps): React.JSX.Element;
+interface TooltipTriggerProps extends React.HTMLAttributes<HTMLElement> {
+    asChild?: boolean;
+}
+declare function TooltipTrigger({ asChild, children, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }: TooltipTriggerProps): React.JSX.Element;
+interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    sideOffset?: number;
+}
+declare function TooltipContent({ className, children, side, sideOffset, ...props }: TooltipContentProps): React.ReactPortal | null;
+
+export { Button as B, Tooltip as T, TooltipContent as b, TooltipProvider as e, TooltipTrigger as f };
+export type { ButtonProps as a, TooltipContentProps as c, TooltipProps as d, TooltipTriggerProps as g };