@epilot/volt-ui-experimental-griffel 0.2.0 → 0.2.1

package/dist/components/field/field-combobox.d.ts

@@ -1,90 +0,0 @@
-import * as React from "react";
-import { type CommandEmptyProps, type CommandGroupProps, type CommandInputProps, type CommandItemProps, type CommandListProps, type CommandLoadingProps, type CommandSeparatorProps } from "../command/command";
-import { type LabelProps } from "../label/label";
-import { type PopoverContentProps, type PopoverPortalProps, type PopoverProps, type PopoverTriggerProps } from "../popover/popover";
-export type FieldComboboxProps = PopoverProps;
-export declare const FieldCombobox: React.ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverProps & React.RefAttributes<HTMLElement>>;
-export type FieldComboboxTriggerProps = PopoverTriggerProps;
-export declare const FieldComboboxTrigger: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-popover").PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export type FieldComboboxContentProps = PopoverContentProps & {
-    container?: PopoverPortalProps["container"];
-};
-export declare const FieldComboboxContent: React.ForwardRefExoticComponent<Omit<FieldComboboxContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type FieldComboboxValueProps = React.ComponentProps<"div">;
-export declare const FieldComboboxValue: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type FieldComboboxInputProps = CommandInputProps;
-export declare const FieldComboboxInput: React.ForwardRefExoticComponent<Omit<CommandInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export type FieldComboboxListProps = CommandListProps;
-export declare const FieldComboboxList: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    label?: string;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type FieldComboboxItemProps = CommandItemProps;
-export declare const FieldComboboxItem: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
-    disabled?: boolean;
-    onSelect?: (value: string) => void;
-    value?: string;
-    keywords?: string[];
-    forceMount?: boolean;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type FieldComboboxItemCheckIconProps = React.ComponentProps<"span">;
-export declare const FieldComboboxItemCheckIcon: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export type FieldComboboxEmptyProps = CommandEmptyProps;
-export declare const FieldComboboxEmpty: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type FieldComboboxGroupProps = CommandGroupProps;
-export declare const FieldComboboxGroup: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
-    heading?: React.ReactNode;
-    value?: string;
-    forceMount?: boolean;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type FieldComboboxGroupLabelProps = LabelProps;
-export declare const FieldComboboxGroupLabel: React.ForwardRefExoticComponent<Omit<LabelProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;
-export type FieldComboboxSeparatorProps = CommandSeparatorProps;
-export declare const FieldComboboxSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    alwaysRender?: boolean;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type FieldComboboxLoadingProps = CommandLoadingProps;
-export declare const FieldComboboxLoading: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    progress?: number;
-    label?: string;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type FieldComboboxClearProps = React.ComponentProps<"span">;
-export declare const FieldComboboxClear: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export type FieldComboboxPlaceholderProps = React.ComponentProps<"span">;
-export declare const FieldComboboxPlaceholder: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export type FieldComboboxClearValueProps = React.ComponentProps<"span">;
-export declare const FieldComboboxClearValue: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export { FieldCombobox as Combobox, FieldComboboxGroup as ComboboxGroup, FieldComboboxGroupLabel as ComboboxGroupLabel, FieldComboboxValue as ComboboxValue, FieldComboboxTrigger as ComboboxTrigger, FieldComboboxContent as ComboboxContent, FieldComboboxItem as ComboboxItem, FieldComboboxItemCheckIcon as ComboboxItemCheckIcon, FieldComboboxEmpty as ComboboxEmpty, FieldComboboxSeparator as ComboboxSeparator, FieldComboboxInput as ComboboxInput, FieldComboboxList as ComboboxList, FieldComboboxLoading as ComboboxLoading, FieldComboboxClear as ComboboxClear, FieldComboboxClearValue as ComboboxClearValue, FieldComboboxPlaceholder as ComboboxPlaceholder, };

package/dist/components/field/field-select.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTriggerClear, SelectValue, type SelectContentProps, type SelectGroupProps, type SelectItemProps, type SelectLabelProps, type SelectProps, type SelectScrollDownButtonProps, type SelectScrollUpButtonProps, type SelectSeparatorProps, type SelectTriggerClearProps, type SelectTriggerProps, type SelectValueProps } from "../select/select";
-export declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTriggerClear, SelectValue, type SelectContentProps, type SelectGroupProps, type SelectItemProps, type SelectLabelProps, type SelectProps, type SelectScrollDownButtonProps, type SelectScrollUpButtonProps, type SelectSeparatorProps, type SelectTriggerClearProps, type SelectTriggerProps, type SelectValueProps, };

package/dist/components/field/field.d.ts

@@ -1,76 +0,0 @@
-import * as React from "react";
-export type FieldInputRef = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | HTMLButtonElement | null;
-export interface FieldContextValue {
-    inputRef: React.RefObject<FieldInputRef>;
-}
-export declare const useFieldContext: () => FieldContextValue;
-/**
- * Field context when there is one, `null` otherwise — for parts that work both inside and outside a
- * Field.
- *
- * `useFieldContext` throws by design, which is right for FieldInput (it is meaningless on its own)
- * and wrong for SelectTrigger and the combobox trigger, which are legitimate standalone components
- * that merely pick up field wiring when nested. Those were calling the throwing hook inside a
- * try/catch, i.e. using an exception for control flow on every render of a perfectly valid tree.
- */
-export declare const useOptionalFieldContext: () => FieldContextValue | null;
-export type FieldVariant = "default" | "highlight" | "readonly" | "destructive";
-export declare const fieldVariants: ({ variant, }?: {
-    variant?: FieldVariant;
-}) => FieldVariant;
-export type FieldProps = Omit<React.ComponentProps<"div">, "className"> & {
-    className?: string;
-    variant?: FieldVariant;
-};
-export declare const Field: React.ForwardRefExoticComponent<Omit<FieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type FieldSetProps = React.ComponentProps<"fieldset">;
-export declare const FieldSet: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref"> & React.RefAttributes<HTMLFieldSetElement>>;
-export type FieldGroupProps = React.ComponentProps<"div"> & {
-    direction?: "column" | "row";
-};
-export declare const FieldGroup: React.ForwardRefExoticComponent<Omit<FieldGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type FieldContentProps = React.ComponentProps<"div">;
-export declare const FieldContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type FieldLabelProps = Omit<React.ComponentProps<"label">, "className"> & {
-    className?: string;
-};
-export declare const FieldLabel: React.ForwardRefExoticComponent<Omit<FieldLabelProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;
-export type FieldLabelContentProps = React.ComponentProps<"div"> & {
-    showOnHover?: boolean;
-};
-export declare const FieldLabelContent: React.ForwardRefExoticComponent<Omit<FieldLabelContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type FieldDescriptionVariant = "default" | "helper";
-export declare const fieldDescriptionVariants: ({ variant, }?: {
-    variant?: FieldDescriptionVariant;
-}) => FieldDescriptionVariant;
-export type FieldDescriptionProps = Omit<React.ComponentProps<"p">, "className"> & {
-    className?: string;
-    variant?: FieldDescriptionVariant;
-};
-export declare const FieldDescription: React.ForwardRefExoticComponent<Omit<FieldDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export type FieldErrorProps = Omit<React.ComponentProps<"div">, "className"> & {
-    className?: string;
-    errors?: Array<{
-        message?: string;
-    } | undefined>;
-};
-export declare const FieldError: React.ForwardRefExoticComponent<Omit<FieldErrorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type FieldInputProps = Omit<React.ComponentProps<"input">, "className"> & {
-    className?: string;
-};
-export declare const FieldInput: React.ForwardRefExoticComponent<Omit<FieldInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export type FieldInputGroupProps = React.ComponentProps<"div">;
-export declare const FieldInputGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type FieldTextareaResize = "none" | "vertical" | "horizontal";
-export type FieldTextareaProps = React.ComponentProps<"textarea"> & {
-    resize?: FieldTextareaResize;
-};
-export declare const FieldTextarea: React.ForwardRefExoticComponent<Omit<FieldTextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
-export type FieldGroupAddonAlign = "start" | "end";
-export declare const inputGroupAddonVariants: ({ align, }?: {
-    align?: FieldGroupAddonAlign;
-}) => FieldGroupAddonAlign;
-export type FieldGroupAddonProps = React.ComponentProps<"div"> & {
-    align?: FieldGroupAddonAlign;
-};
-export declare const FieldGroupAddon: React.ForwardRefExoticComponent<Omit<FieldGroupAddonProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,21 +0,0 @@
-import * as React from "react";
-/**
- * Label — a native `<label>` element styled with Griffel atoms.
- *
- * Base UI has no Label primitive; v1 wrapped `@radix-ui/react-label`, which only added an
- * `onMouseDown` handler preventing text selection on double click while wrapping a `<label>`
- * to wire `htmlFor`. A native `<label>` natively associates with form controls via `htmlFor` or
- * nesting, so we render a native `<label>` directly with no Base UI or Radix dependency.
- *
- * Variants: `primary` (`gray-a12`) and `destructive` (`error-a12`), both from the core token
- * sheet so no palette install is required.
- *
- * Sizes: `sm` (`text-xs`), `base` (`text-sm`), and `lg` (`text-base`).
- */
-export type LabelVariant = "primary" | "destructive";
-export type LabelSize = "sm" | "base" | "lg";
-export type LabelProps = React.ComponentProps<"label"> & {
-    variant?: LabelVariant;
-    size?: LabelSize;
-};
-export declare const Label: React.ForwardRefExoticComponent<Omit<LabelProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;

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

@@ -1,46 +0,0 @@
-import * as React from "react";
-export type ListDensity = "compact" | "relaxed";
-export type ListItemStatus = "default" | "error" | "warning" | "success";
-export type ListProps = Omit<React.ComponentProps<"ol">, "onReorder"> & {
-    /** Row density. Default: "relaxed" */
-    density?: ListDensity;
-    /** Alternating background on neutral rows. Default: false */
-    striped?: boolean;
-    /** Show a 1-based position number on each item. Default: false */
-    showIndex?: boolean;
-    /** Enable drag-and-drop reordering. Each `ListItem` must have a `value`. */
-    sortable?: boolean;
-    /** Called with the new order of `ListItem` values after a drag. */
-    onReorder?: (values: string[]) => void;
-};
-export declare const List: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
-export type ListItemActionsProps = React.ComponentProps<"span">;
-export declare const ListItemActions: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export type ListItemTextProps = React.ComponentProps<"span">;
-export declare const ListItemText: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export type ListItemDescriptionProps = React.ComponentProps<"span">;
-export declare const ListItemDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export type ListItemProps = React.ComponentProps<"li"> & {
-    /** Stable id used for drag-and-drop. Required when the `List` is `sortable`. */
-    value?: string;
-    /** System status. Tints the row and shows a trailing status icon. */
-    status?: ListItemStatus;
-    /** Injected by `List` — the 0-based position. */
-    index?: number;
-};
-export declare const ListItem: React.ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
-export type ListGroupProps = Omit<React.ComponentProps<"li">, "onChange"> & {
-    /** Controlled open state of the collapsible group. */
-    open?: boolean;
-    /** Initial open state when uncontrolled. Default: false */
-    defaultOpen?: boolean;
-    /** Called when the group is expanded or collapsed. */
-    onOpenChange?: (open: boolean) => void;
-};
-export declare const ListGroup: React.ForwardRefExoticComponent<Omit<ListGroupProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
-export type ListGroupLabelProps = React.ComponentProps<"button"> & {
-    asListItem?: boolean;
-};
-export declare const ListGroupLabel: React.ForwardRefExoticComponent<Omit<ListGroupLabelProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export type ListGroupContentProps = React.ComponentProps<"ul">;
-export declare const ListGroupContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;

package/dist/components/option-card/option-card.d.ts

@@ -1,39 +0,0 @@
-import * as React from "react";
-import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-/** The trailing control glyph an {@link OptionCard} shows for its selected state. */
-export type OptionCardControlType = "radio" | "checkbox" | "switch" | "none";
-export type OptionCardLayout = "grid" | "row" | "column";
-export type OptionCardGroupProps = React.ComponentProps<typeof ToggleGroupPrimitive.Root> & {
-    layout?: OptionCardLayout;
-};
-export declare const OptionCardGroup: React.ForwardRefExoticComponent<(Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement> & {
-    layout?: OptionCardLayout;
-}, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement> & {
-    layout?: OptionCardLayout;
-}, "ref">) & React.RefAttributes<HTMLDivElement>>;
-export type OptionCardControlProps = React.ComponentProps<"span"> & {
-    type?: OptionCardControlType;
-};
-export declare const OptionCardControl: React.ForwardRefExoticComponent<Omit<OptionCardControlProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export type OptionCardMediaVariant = "icon" | "illustration";
-export type OptionCardMediaProps = React.ComponentProps<"span"> & {
-    variant?: OptionCardMediaVariant;
-};
-export declare const OptionCardMedia: React.ForwardRefExoticComponent<Omit<OptionCardMediaProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export type OptionCardTitleProps = React.ComponentProps<"span">;
-export declare const OptionCardTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export type OptionCardDescriptionProps = React.ComponentProps<"span">;
-export declare const OptionCardDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export type OptionCardContentProps = React.ComponentProps<"span">;
-export declare const OptionCardContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export type OptionCardProps = Omit<React.ComponentProps<"button">, "onChange" | "title"> & {
-    /** Value of this option. Required inside an {@link OptionCardGroup}. */
-    value?: string;
-    /** Controlled selected state for a standalone (group-less) card. */
-    pressed?: boolean;
-    /** Uncontrolled default selected state for a standalone card. */
-    defaultPressed?: boolean;
-    /** Fired when a standalone card is toggled. */
-    onPressedChange?: (pressed: boolean) => void;
-};
-export declare const OptionCard: React.ForwardRefExoticComponent<Omit<OptionCardProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/pill/pill.d.ts

@@ -1,27 +0,0 @@
-import * as React from "react";
-/**
- * Pill — same colour-matrix collapse as Badge, plus a hover background.
- *
- * v1 enumerates 19 colours x 3 styles as 57 `compoundVariants`, each a distinct class string
- * built by interpolation (`volt-bg-${color}-soft`), which Tailwind's scanner cannot see and
- * `safelist.css` exists to force into existence. The hover state made that 57 more per-colour
- * rules. Here the colour is a VALUE, not part of a class name: the four atoms below read four
- * custom properties, the component sets those inline from the `color` prop, and a single `:hover`
- * atom reads the hover background. Total rules: one small set per style variant — 9 colours' worth
- * of rules cover all 19 x 3 combinations.
- */
-declare const COLORS: readonly ["blue", "sky", "mint", "lime", "green", "teal", "cyan", "indigo", "purple", "pink", "red", "orange", "yellow", "bronze", "gray", "accent", "warning", "success", "error"];
-export type PillColor = (typeof COLORS)[number];
-export type PillVariant = "soft" | "solid" | "surface";
-export type PillProps = Omit<React.ComponentProps<"span">, "color"> & {
-    color?: PillColor;
-    /**
-     * Named `variant`, not `style`. v1 called this `style`, which shadows the HTML `style` attribute.
-     * Retrocompat is not a requirement here, so the collision is fixed rather than inherited.
-     */
-    variant?: PillVariant;
-    disabled?: boolean;
-    onRemove?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-};
-export declare const Pill: React.ForwardRefExoticComponent<Omit<PillProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export { COLORS as PILL_COLORS };

package/dist/components/popover/popover.d.ts

@@ -1,14 +0,0 @@
-import * as React from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-export type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root>;
-export declare const Popover: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverProps & React.RefAttributes<HTMLElement>>;
-export type PopoverTriggerProps = React.ComponentProps<typeof PopoverPrimitive.Trigger>;
-export declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export type PopoverPortalProps = React.ComponentProps<typeof PopoverPrimitive.Portal>;
-export declare const PopoverPortal: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverPortalProps & React.RefAttributes<HTMLElement>>;
-export type PopoverAnchorProps = React.ComponentProps<typeof PopoverPrimitive.Anchor>;
-export declare const PopoverAnchor: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type PopoverContentProps = React.ComponentProps<typeof PopoverPrimitive.Content> & {
-    flush?: boolean;
-};
-export declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/radio/radio.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-export type RadioGroupProps = React.ComponentProps<typeof RadioGroupPrimitive.Root>;
-export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type RadioGroupItemProps = React.ComponentProps<typeof RadioGroupPrimitive.Item>;
-export declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/scroll-overflow/scroll-overflow.d.ts

@@ -1,38 +0,0 @@
-import * as React from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-export type UseScrollOverflowOptions = {
-    /** Scroll distance per step in pixels. Default: 200 */
-    scrollStep?: number;
-    /** Scroll orientation. Default: "horizontal" */
-    orientation?: "horizontal" | "vertical";
-};
-export type UseScrollOverflowReturn = {
-    /** Ref to attach to the scroll container (Base UI Viewport) */
-    scrollRef: React.RefObject<HTMLDivElement | null>;
-    /** Whether the content overflows the container */
-    hasOverflow: boolean;
-    /** Whether there is hidden content before the visible area (left or top) */
-    canScrollStart: boolean;
-    /** Whether there is hidden content after the visible area (right or bottom) */
-    canScrollEnd: boolean;
-    /** Scroll toward the start (left or up) by scrollStep */
-    scrollToStart: () => void;
-    /** Scroll toward the end (right or down) by scrollStep */
-    scrollToEnd: () => void;
-};
-export declare function useScrollOverflow(options?: UseScrollOverflowOptions): UseScrollOverflowReturn;
-export type ScrollOverflowProps = React.ComponentProps<typeof ScrollAreaPrimitive.Root> & UseScrollOverflowOptions & {
-    /** Show navigation arrow buttons on edges. Default: false */
-    arrows?: boolean;
-    /** Show gradient fade indicators on edges. Default: true */
-    gradients?: boolean;
-    /** Gradient width in pixels. Default: 40 */
-    gradientWidth?: number;
-    /** Gradient base color (CSS value). Should match the parent background. Default: "var(--volt-body)" */
-    gradientColor?: string;
-    /** Show inset shadow on overflow edges. Default: true */
-    shadow?: boolean;
-    /** Show a styled scrollbar track. Default: false */
-    scrollbar?: boolean;
-};
-export declare const ScrollOverflow: React.ForwardRefExoticComponent<Omit<ScrollOverflowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/segmented-control/segmented-control.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-export type SegmentedControlLayout = "hug" | "equal" | "stretch";
-export type SegmentedControlProps = React.ComponentProps<typeof RadioGroupPrimitive.Root> & {
-    layout?: SegmentedControlLayout;
-};
-export type SegmentedControlItemProps = React.ComponentProps<typeof RadioGroupPrimitive.Item> & {
-    icon?: React.ReactNode;
-};
-export declare const SegmentedControl: React.ForwardRefExoticComponent<Omit<SegmentedControlProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const SegmentedControlItem: React.ForwardRefExoticComponent<Omit<SegmentedControlItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/select/select.d.ts

@@ -1,26 +0,0 @@
-import * as React from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
-export type SelectProps = React.ComponentProps<typeof SelectPrimitive.Root>;
-export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLElement>>;
-export type SelectGroupProps = React.ComponentProps<typeof SelectPrimitive.Group>;
-export declare const SelectGroup: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type SelectValueProps = React.ComponentProps<typeof SelectPrimitive.Value>;
-export declare const SelectValue: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export type SelectTriggerProps = React.ComponentProps<typeof SelectPrimitive.Trigger>;
-export declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export type SelectTriggerClearProps = React.ComponentProps<"span">;
-export declare const SelectTriggerClear: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export type SelectContentProps = React.ComponentProps<typeof SelectPrimitive.Content> & {
-    container?: React.ComponentProps<typeof SelectPrimitive.Portal>["container"];
-};
-export declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type SelectLabelProps = React.ComponentProps<typeof SelectPrimitive.Label>;
-export declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type SelectItemProps = React.ComponentProps<typeof SelectPrimitive.Item>;
-export declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type SelectSeparatorProps = React.ComponentProps<typeof SelectPrimitive.Separator>;
-export declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type SelectScrollUpButtonProps = React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>;
-export declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type SelectScrollDownButtonProps = React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>;
-export declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/separator/separator.d.ts

@@ -1,30 +0,0 @@
-import * as React from "react";
-/**
- * Separator — v1's `@radix-ui/react-separator` ported to Griffel atoms with no Radix dependency.
- *
- * A separator needs no behaviour beyond correct semantics, so it is a plain `<div>`. The two
- * orientation variants are separate style slots selected in JS from the `orientation` prop — we
- * deliberately do NOT style off a `data-[orientation=...]` attribute, like v1 does. v1 keyed its
- * sizing on `data-[orientation=horizontal]`; doing that here would either key on `data-slot`-style
- * selectors (whose values are shared with v1, so the rule also matches v1-rendered DOM) or on the
- * custom-property slot marker. Two slots in the style object is simpler and cheaper. We still emit
- * `data-orientation` as a plain attribute — for diagnostics and for consumers — we just never style
- * off it.
- *
- * The accessibility surface is the whole point of the component, so it gets the full treatment:
- *  - `decorative` (default `true`): the divider is purely presentational, so it is hidden from
- *    assistive technology with `aria-hidden="true"` and carries no `role`.
- *  - `decorative={false}`: a meaningful separator, so it gets `role="separator"` and
- *    `aria-orientation` matching the `orientation` prop.
- */
-export type SeparatorOrientation = "horizontal" | "vertical";
-export type SeparatorProps = React.ComponentProps<"div"> & {
-    orientation?: SeparatorOrientation;
-    /**
-     * When `true` the separator is purely decorative and is hidden from assistive technology
-     * (`aria-hidden="true"`, no `role`). When `false` it is a meaningful separator and gets
-     * `role="separator"` plus `aria-orientation`.
-     */
-    decorative?: boolean;
-};
-export declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/skeleton/skeleton.d.ts

@@ -1,24 +0,0 @@
-import * as React from "react";
-/**
- * Skeleton — v1's loading placeholder ported to Griffel atoms.
- *
- * Two variants, `default` and `ai`. `default` is a gray block that pulses; `ai` is a gray field
- * that renders three decorative colour spots drifting behind the content. The spots are ported from
- * v1's global `skeleton-ai-spot-*` classes in `styles/utilities.css`, including their exact
- * gradients, durations (10s / 12s / 14s) and easing.
- *
- * The keyframes are the object form, so Griffel hashes each one from its content — a hand-authored
- * global `@keyframes` would collide across two co-resident copies of this package. The pulse is a
- * single three-stop animation; each spot carries its own.
- *
- * The spots are `purple-a4`, `pink-a4` and `indigo-a4`, none of which is a core token family
- * (accent / gray / error / warning / success / info ship in the core sheet; everything else lives
- * in the palette sheet, which is not loaded by default). `ai` therefore calls
- * `ensurePaletteTokens()` — CONVENTIONS rule 3. There is no `color` prop, so no inline custom
- * properties: the spot colours are constant and live inside the style objects.
- */
-export type SkeletonVariant = "default" | "ai";
-export type SkeletonProps = React.ComponentProps<"div"> & {
-    variant?: SkeletonVariant;
-};
-export declare const Skeleton: React.ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/spinner/spinner.d.ts

@@ -1,25 +0,0 @@
-import * as React from "react";
-/**
- * Spinner — v1's SVG spinner ported to a size-driven style object.
- *
- * v1 sizes this with Tailwind `size-*` utilities and deprecated the `size` prop in favour of a
- * `className` like `size-4`. There is no Tailwind here, so that escape hatch does not exist: `size`
- * is the supported API and the `@deprecated` tag is dropped (CONVENTIONS rule 9).
- *
- * The SVG markup, `viewBox` and stroke attributes are copied exactly from v1. Both animations are
- * the object form per CONVENTIONS rule 8: the outer `<g>` spins from a single `100%` stop, and the
- * dash sweep carries all three of v1's keyframe stops (`0%`, `47.5%`, `95%,100%`) from
- * `styles/animations.css`. The only mechanical changes are stylistic: sizes become width/height
- * atoms and the two `animate-*` classes become `animationName` + duration + timing + iteration.
- *
- * The five dimensions (1rem / 1.5rem / 2.5rem / 4rem / 6rem) are v1's Tailwind `size-N` values;
- * the v2 token set has no size or width/height family, so they are literals (CONVENTIONS rule 1).
- *
- * v1 also exposes a `variant` prop (`circle` | `line`) whose branches are both empty strings — it
- * produces no styles at all, so it is omitted here.
- */
-export type SpinnerSize = "sm" | "base" | "lg" | "xl" | "2xl";
-export type SpinnerProps = React.ComponentProps<"svg"> & {
-    size?: SpinnerSize;
-};
-export declare const Spinner: React.ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/components/switch/switch.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-import * as SwitchPrimitive from "@radix-ui/react-switch";
-/**
- * `primary` is a deprecated alias of `default`, carried because v1 has it and real consumers still
- * pass it — entity-sidepanel's SettingsControls does. v1's own comment marks it deprecated and its
- * styles are byte-identical to `default`, so it is mapped rather than duplicated.
- *
- * @remarks `primary` is deprecated; use `default`.
- */
-export type SwitchVariant = "default" | "destructive" | "primary";
-export type SwitchSize = "sm" | "base" | "lg";
-export type SwitchProps = React.ComponentProps<typeof SwitchPrimitive.Root> & {
-    variant?: SwitchVariant;
-    size?: SwitchSize;
-    showThumbIcon?: boolean;
-};
-export declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/table/table-pagination.d.ts

@@ -1,45 +0,0 @@
-import * as React from "react";
-import type { ComponentProps } from "react";
-export type TablePaginationLabels = {
-    /** Label for the pagination navigation region. */
-    navigation?: string;
-    /** Label for first page button. */
-    firstPage?: string;
-    /** Label for previous page button. */
-    previousPage?: string;
-    /** Label for next page button. */
-    nextPage?: string;
-    /** Label for last page button. */
-    lastPage?: string;
-    /** Label generator for page number buttons. Receives 1-indexed page number. */
-    goToPage?: (page: number) => string;
-    /** Label generator for ellipsis jump buttons. Receives target page number. */
-    jumpToPage?: (page: number) => string;
-    /** Label generator for page size selector. Receives current page size. */
-    pageSizeSelector?: (pageSize: number) => string;
-    /** Label for page size dropdown header. */
-    resultsPerPage?: string;
-    /** Label generator for the range display. Receives start, end, and total. */
-    rangeDisplay?: (start: number, end: number, total: number) => string;
-};
-export type TablePaginationProps = Omit<ComponentProps<"div">, "onChange"> & {
-    /** Current page number (1-indexed) */
-    page: number;
-    /** Total number of items across all pages */
-    totalItems: number;
-    /** Current page size (items per page) */
-    pageSize: number;
-    /** Callback fired when the page changes */
-    onPageChange: (page: number) => void;
-    /** Callback fired when the page size changes */
-    onPageSizeChange: (pageSize: number) => void;
-    /** Available page size options for the dropdown */
-    pageSizeOptions?: number[];
-    /** Number of sibling pages to show on each side of current page */
-    siblingCount?: number;
-    /** Whether the pagination controls are disabled */
-    disabled?: boolean;
-    /** Labels for i18n. All labels are optional for backwards compatibility but recommended. */
-    labels?: TablePaginationLabels;
-};
-export declare const TablePagination: React.ForwardRefExoticComponent<Omit<TablePaginationProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/table/table.d.ts

@@ -1,50 +0,0 @@
-import * as React from "react";
-/**
- * Table — the primitive set (Table, TableHeader, TableBody, TableFooter, TableRow, TableHead,
- * TableCell, TableCaption) in Card's compound pattern: one `makeVoltStyles` call, one slot per
- * sub-component, each reading its own slot.
- *
- * v1 ships a density dimension through React context, defaulting to `normal`; TableHead and
- * TableCell each resolve `effectiveDensity = density ?? contextDensity`, and that drives a height
- * (head) or a vertical padding (cell) slot. Selectors carry over untouched where they do not
- * involve `data-slot`: `[&_tr]:border-b`, `[&_tr:last-child]:border-0`,
- * `data-[state=selected]:bg-accent-a3` (Radix selection state) and the `role="checkbox"`
- * column-reflow rules all obey the original attribute.
- *
- * Values explicit where no token exists: `px-3` (0.75rem) on head/cell, the `h-9` / `h-10`
- * heights (2.25rem / 2.5rem), `py-1.5` (0.375rem) and `py-3` (0.75rem) cell paddings. The row's
- * `transition-colors` expands to Tailwind v4's default property list plus the 150ms
- * `cubic-bezier(0.4, 0, 0.2, 1)` easing — visible motion from the framework's default theme,
- * which the v1 file does not state (Rule 0: flagged, not approximated away). The checkbox
- * `translate-y-[2px]` maps to the modern `translate` property, which is what Tailwind v4 emits.
- */
-export type TableDensity = "compact" | "normal" | "comfortable";
-declare const TableDensityContext: React.Context<TableDensity>;
-export type TableProps = React.ComponentProps<"table"> & {
-    density?: TableDensity;
-};
-export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps, "ref"> & React.RefAttributes<HTMLTableElement>>;
-export declare const TableHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
-export declare const TableBody: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
-export declare const TableFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
-export type TableRowProps = React.ComponentProps<"tr"> & {
-    /** Disable hover background effect */
-    noHover?: boolean;
-};
-export declare const TableRow: React.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
-export type TableHeadProps = React.ComponentProps<"th"> & {
-    align?: "left" | "center" | "right";
-    density?: TableDensity;
-};
-export declare const TableHead: React.ForwardRefExoticComponent<Omit<TableHeadProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
-export type TableCellProps = React.ComponentProps<"td"> & {
-    align?: "left" | "center" | "right";
-    numeric?: boolean;
-    density?: TableDensity;
-};
-export declare const TableCell: React.ForwardRefExoticComponent<Omit<TableCellProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
-export type TableCaptionProps = React.ComponentProps<"caption"> & {
-    position?: "top" | "bottom";
-};
-export declare const TableCaption: React.ForwardRefExoticComponent<Omit<TableCaptionProps, "ref"> & React.RefAttributes<HTMLTableCaptionElement>>;
-export { TableDensityContext };