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

package/dist/tokens.json

@@ -1,7 +1,7 @@
 {
   "$comment": "GENERATED. Design token values for consumers that do not render this package's React components. Compile these into your own CSS under your own names at your own build time; do not reference this package's runtime custom properties, whose names are content-hashed and change with their values.",
   "package": "@epilot/volt-ui-experimental-griffel",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "themes": {
     "light": {
       "accent-1": "#fcfdfe",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epilot/volt-ui-experimental-griffel",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Experimental Volt UI rebuild: Radix primitives styled with Griffel, bundled per micro-frontend instead of shared as a singleton",
   "type": "module",
   "repository": {
@@ -36,7 +36,7 @@
   },
   "scripts": {
     "prepack": "bun run build",
-    "build": "rm -rf dist && bun run tokens && tsc --project tsconfig.build.json && vite build && cp src/tokens/values.generated.json dist/tokens.json",
+    "build": "rm -rf dist && bun run tokens && tsc --project tsconfig.build.json && vite build && node scripts/bundle-dts.mjs && cp src/tokens/values.generated.json dist/tokens.json",
     "tokens": "bun ../tokens/scripts/build.ts",
     "test": "vitest run",
     "react18:test": "vitest run --config vitest.react18.config.ts",
@@ -47,10 +47,11 @@
     "release": "npm publish --tag experiment",
     "gate:token-value-skew": "node gates/token-value-skew/run.mjs",
     "gate:class-salt-skew": "node gates/class-salt-skew/run.mjs",
-    "gates": "bun run gate:vr && bun run gate:isolation && bun run gate:token-value-skew && bun run gate:class-salt-skew && bun run gate:cascade && bun run gate:griffel-contract",
+    "gates": "bun run gate:vr && bun run gate:isolation && bun run gate:token-value-skew && bun run gate:class-salt-skew && bun run gate:cascade && bun run gate:griffel-contract && bun run gate:dts-self-contained",
     "measure:coresidency": "bun scripts/pilot-coresidency.mjs",
     "migration:sweep": "bun scripts/migration-sweep.mjs",
-    "gate:one-bare-specifier": "node gates/one-bare-specifier.mjs"
+    "gate:one-bare-specifier": "node gates/one-bare-specifier.mjs",
+    "gate:dts-self-contained": "node gates/dts-self-contained.mjs"
   },
   "peerDependencies": {
     "react": ">=18",
@@ -88,6 +89,7 @@
     "react-18": "npm:react@^18.3.1",
     "react-dom-18": "npm:react-dom@^18.3.1",
     "rifm": "0.12.1",
+    "rollup-plugin-dts": "^6.5.1",
     "sonner": "2.0.7",
     "typescript": "^5.6.3",
     "vite": "^5.4.9",

package/dist/components/accordion/accordion.d.ts

@@ -1,14 +0,0 @@
-import * as React from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-export type AccordionType = "single" | "multiple";
-export type AccordionAlign = "start" | "end";
-export type AccordionProps = React.ComponentProps<typeof AccordionPrimitive.Root>;
-export type AccordionItemProps = React.ComponentProps<typeof AccordionPrimitive.Item>;
-export type AccordionTriggerProps = React.ComponentProps<typeof AccordionPrimitive.Trigger> & {
-    align?: AccordionAlign;
-};
-export type AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.Content>;
-export declare const Accordion: React.ForwardRefExoticComponent<(Omit<AccordionPrimitive.AccordionSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<AccordionPrimitive.AccordionMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & React.RefAttributes<HTMLDivElement>>;
-export declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/alert-dialog/alert-dialog.d.ts

@@ -1,36 +0,0 @@
-import * as React from "react";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { type ButtonProps, type ButtonSize, type ButtonVariant } from "../button/button";
-export type AlertDialogProps = React.ComponentProps<typeof AlertDialogPrimitive.Root>;
-export type AlertDialogTriggerProps = React.ComponentProps<typeof AlertDialogPrimitive.Trigger>;
-export type AlertDialogPortalProps = React.ComponentProps<typeof AlertDialogPrimitive.Portal>;
-export type AlertDialogOverlayProps = React.ComponentProps<typeof AlertDialogPrimitive.Overlay>;
-export type AlertDialogSize = "xl" | "lg" | "md" | "sm";
-export type AlertDialogContentProps = React.ComponentProps<typeof AlertDialogPrimitive.Content> & {
-    size?: AlertDialogSize;
-};
-export type AlertDialogHeaderProps = React.ComponentProps<"div">;
-export type AlertDialogFooterProps = React.ComponentProps<"div">;
-export type AlertDialogTitleProps = React.ComponentProps<typeof AlertDialogPrimitive.Title>;
-export type AlertDialogDescriptionProps = React.ComponentProps<typeof AlertDialogPrimitive.Description>;
-export type AlertDialogActionProps = Omit<ButtonProps, "variant" | "size" | "destructive"> & {
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-    destructive?: boolean;
-};
-export type AlertDialogCancelProps = Omit<ButtonProps, "variant" | "size" | "destructive"> & {
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-    destructive?: boolean;
-};
-export declare const AlertDialog: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogProps & React.RefAttributes<HTMLElement>>;
-export declare const AlertDialogTrigger: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const AlertDialogPortal: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogPortalProps & React.RefAttributes<HTMLElement>>;
-export declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const AlertDialogHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const AlertDialogFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-export declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogActionProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogCancelProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/avatar/avatar-group.d.ts

@@ -1,7 +0,0 @@
-import * as React from "react";
-import { type AvatarSize } from "./avatar";
-export type AvatarGroupProps = Omit<React.ComponentProps<"div">, "color"> & {
-    max?: number;
-    size?: AvatarSize;
-};
-export declare const AvatarGroup: React.ForwardRefExoticComponent<Omit<AvatarGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/avatar/avatar.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
-export type AvatarColor = "gray" | "blue" | "sky" | "cyan" | "teal" | "mint" | "green" | "lime" | "yellow" | "orange" | "bronze" | "red" | "pink" | "purple" | "indigo";
-export type AvatarSize = "sm" | "base" | "lg";
-declare const AvatarGroupContext: React.Context<{
-    size?: AvatarSize;
-} | null>;
-export type AvatarProps = Omit<React.ComponentProps<typeof AvatarPrimitive.Root>, "className" | "color" | "children"> & {
-    className?: string;
-    src?: string;
-    alt?: string;
-    initials?: string;
-    color?: AvatarColor;
-    size?: AvatarSize;
-};
-export declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export { AvatarGroupContext };

package/dist/components/badge/badge.d.ts

@@ -1,41 +0,0 @@
-import * as React from "react";
-/**
- * REFERENCE COMPONENT — the colour-matrix collapse. Read this before writing another component
- * that takes a `color` prop.
- *
- * v1 enumerates 20 colours x 3 styles as 60 `compoundVariants`, each a distinct class string like
- * `volt-bg-mint-soft`. Because those names are built by interpolation, Tailwind's scanner cannot
- * see them, which is what `safelist.css` exists to force — 9 lines that emit ~945 rules, 65.6 KB
- * and 59% of v1's entire rule count. The Griffel PoC carried the same shape forward as 60 static
- * style objects.
- *
- * Here the colour is a VALUE, not part of a class name. Three atoms read three custom properties;
- * the component sets those properties inline from the `color` prop. Total rules: one small set per
- * style variant, regardless of how many colours exist. Adding a 22nd palette family costs zero
- * rules.
- *
- * Two consequences worth knowing:
- *  - `color` may legitimately arrive from a runtime expression (`getColorForEntityLabel(label)` and
- *    `WCAG_BADGE_MAP[level].color` both exist in consumer code today), which no build step can
- *    resolve. That is exactly why the palette sheet cannot be statically shaken, and why this
- *    component calls `ensurePaletteTokens()`.
- *  - Selectors key on SLOT_ATTR, never on `data-slot`. `data-slot` values are shared with v1, so a
- *    rule keyed on one also matches v1-rendered DOM — the StyleX track had a v1 icon compute to
- *    0x0 through a green gate this way. `data-slot` is still emitted, purely as a diagnostic.
- */
-declare const COLORS: readonly ["accent", "neutral", "gray", "success", "warning", "error", "info", "blue", "sky", "mint", "lime", "green", "teal", "cyan", "indigo", "purple", "pink", "red", "orange", "yellow", "bronze"];
-export type BadgeColor = (typeof COLORS)[number];
-export type BadgeVariant = "soft" | "solid" | "surface";
-export type BadgeSize = "sm" | "base" | "lg";
-export type BadgeProps = Omit<React.ComponentProps<"span">, "color"> & {
-    color?: BadgeColor;
-    /**
-     * Named `variant`, not `style`. v1 called this `style`, which shadows the HTML `style` attribute
-     * and made a badge unable to take both a visual treatment and an inline style. Retrocompat is
-     * not a requirement here, so the collision is fixed rather than inherited.
-     */
-    variant?: BadgeVariant;
-    size?: BadgeSize;
-};
-export declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export { COLORS as BADGE_COLORS };

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -1,37 +0,0 @@
-import * as React from "react";
-/**
- * Breadcrumb — Card's compound pattern applied to the nav / ol / li structure.
- *
- * v1's `Breadcrumb` walks its children and interleaves a presentational separator `<li>` between
- * them; `BreadcrumbItem` decides between a link and a plain page by whether a `href` exists. The
- * `nav` / `ol` / `li` semantics and the `aria-current="page"` handling are the real value of this
- * component and are reproduced exactly.
- *
- * v1 renders the link branch through Radix `Slot` when `asChild` is set — dropped here per
- * CONVENTIONS rule 6 (no Radix dependency). There is no `asChild` escape hatch; a consumer wanting
- * a non-`<a>` link anchors it themselves.
- *
- * `BreadcrumbItem` with a `href` renders an `<a>` (slot `breadcrumb-link`); without one, a `<span>`
- * (slot `breadcrumb-page`). Either way the item is wrapped in a `breadcrumb-item` `<li>`. The nav
- * itself has no base styles in v1 — it is left to the caller's className — so it carries only the
- * slot attributes.
- *
- * The link's `transition-colors` expands to Tailwind v4's default property list plus the 150ms
- * `cubic-bezier(0.4, 0, 0.2, 1)` easing — literals from the framework's default theme, which is
- * visible motion and cannot be read from the v1 file (Rule 0: flagged, not approximated away).
- */
-export type BreadcrumbProps = React.ComponentProps<"nav"> & {
-    separator?: React.ReactNode;
-};
-export declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<BreadcrumbProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export type BreadcrumbItemProps = Omit<React.ComponentProps<"a">, "href"> & {
-    href?: string;
-    isCurrent?: boolean;
-    /**
-     * Render the child instead of the built-in `a`, keeping the link styling and slot markers. This
-     * is how a consumer supplies a router link. v1 supports it; it was dropped here while the package
-     * was on Base UI and restored once it moved back to Radix.
-     */
-    asChild?: boolean;
-};
-export declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<BreadcrumbItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/dist/components/button/button.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-export type ButtonVariant = "primary" | "secondary" | "tertiary" | "ghost";
-export type ButtonSize = "xs" | "sm" | "base" | "lg" | "icon-xs" | "icon-sm" | "icon" | "icon-lg";
-export type ButtonShape = "normal" | "rounded";
-export type ButtonProps = Omit<React.ComponentProps<"button">, "variant" | "size" | "shape" | "destructive" | "className" | "render"> & {
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-    shape?: ButtonShape;
-    destructive?: boolean;
-    className?: string;
-    /**
-     * Render the child element instead of a `button`, keeping Button's styling and slot markers.
-     * v1 supports this and consumers rely on it to wrap links; it was dropped here while the package
-     * was briefly on Base UI, and restored once it moved back to Radix.
-     */
-    asChild?: boolean;
-};
-export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/button-group/button-group.d.ts

@@ -1,30 +0,0 @@
-import * as React from "react";
-import { type SeparatorProps } from "../separator/separator";
-/**
- * ButtonGroup — compound component family for grouping buttons, text, and separators.
- *
- * One `makeVoltStyles` call for the whole family, one slot per sub-component (following `card.tsx`).
- *
- * No Base UI primitive is needed: v1 only used Radix `Slot` for `asChild` on `ButtonGroupText`,
- * which CONVENTIONS rule 6 drops.
- *
- * `ButtonGroup` handles both `horizontal` and `vertical` orientations, removing adjoining border
- * radius and borders on adjacent children. Sibling focus-visible elements are elevated (`z-index: 10`)
- * and made relative so focus rings are never obscured by subsequent siblings.
- *
- * Nested button groups gain a gap via a `:has()` selector keyed on `SLOT_ATTR` (never on `data-slot`,
- * per CONVENTIONS rule 4).
- *
- * `ButtonGroupText` provides a matching text container (`gray-a4`, subtle border, `shadow-xs`).
- *
- * `ButtonGroupSeparator` composes `Separator` with transparent background and stretch alignment.
- */
-export type ButtonGroupOrientation = "horizontal" | "vertical";
-export type ButtonGroupProps = React.ComponentProps<"div"> & {
-    orientation?: ButtonGroupOrientation;
-};
-export declare const ButtonGroup: React.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type ButtonGroupTextProps = React.ComponentProps<"div">;
-export declare const ButtonGroupText: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type ButtonGroupSeparatorProps = SeparatorProps;
-export declare const ButtonGroupSeparator: React.ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/callout/callout.d.ts

@@ -1,23 +0,0 @@
-import * as React from "react";
-export type CalloutVariant = "info" | "gray" | "success" | "warning" | "destructive";
-export type CalloutProps = React.ComponentProps<"div"> & {
-    variant?: CalloutVariant;
-    hideIcon?: boolean;
-    customIcon?: React.ReactNode;
-    /** Shows a top-right close button that dismisses the callout. */
-    dismissible?: boolean;
-    /** Called when the close button is clicked, after the callout hides itself. */
-    onDismiss?: () => void;
-};
-export declare const Callout: React.ForwardRefExoticComponent<Omit<CalloutProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type CalloutTitleProps = React.ComponentProps<"div">;
-export declare const CalloutTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type CalloutDescriptionProps = React.ComponentProps<"div">;
-export declare const CalloutDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type CalloutActionProps = React.ComponentProps<"div"> & {
-    align?: "start" | "end";
-};
-export declare const CalloutAction: React.ForwardRefExoticComponent<Omit<CalloutActionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type CalloutIconProps = React.ComponentProps<"svg"> & {
-    customIcon?: React.ReactNode;
-};

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

@@ -1,9 +0,0 @@
-import * as React from "react";
-export type CardProps = React.ComponentProps<"div">;
-export declare const Card: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const CardHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const CardTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const CardDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const CardAction: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const CardContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const CardFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/checkbox/checkbox.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-export type CheckboxProps = React.ComponentProps<typeof CheckboxPrimitive.Root>;
-export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/collapsible-sidebar/collapsible-sidebar.d.ts

@@ -1,33 +0,0 @@
-import * as React from "react";
-export interface CollapsibleSidebarContextValue {
-    collapsed: boolean;
-    onCollapsedChange: (collapsed: boolean) => void;
-    width: number | string;
-    collapsedWidth: number | string;
-    isHovered: boolean;
-    expandOnHover: boolean;
-    skipTransition: boolean;
-}
-export declare function useCollapsibleSidebar(): CollapsibleSidebarContextValue;
-export type CollapsibleSidebarProps = React.ComponentProps<"div"> & {
-    collapsed?: boolean;
-    defaultCollapsed?: boolean;
-    onCollapsedChange?: (collapsed: boolean) => void;
-    width?: number | string;
-    collapsedWidth?: number | string;
-    expandOnHover?: boolean;
-    hoverDelay?: number;
-};
-export declare const CollapsibleSidebar: React.ForwardRefExoticComponent<Omit<CollapsibleSidebarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type CollapsibleSidebarContentProps = React.ComponentProps<"aside"> & {
-    floatingClassName?: string;
-};
-export declare const CollapsibleSidebarContent: React.ForwardRefExoticComponent<Omit<CollapsibleSidebarContentProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export type CollapsibleSidebarCondensedProps = React.ComponentProps<"div">;
-export declare const CollapsibleSidebarCondensed: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type CollapsibleSidebarToggleProps = Omit<React.ComponentProps<"button">, "onClick" | "children"> & {
-    children?: React.ReactNode | ((props: {
-        collapsed: boolean;
-    }) => React.ReactNode);
-};
-export declare const CollapsibleSidebarToggle: React.ForwardRefExoticComponent<Omit<CollapsibleSidebarToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/command/command.d.ts

@@ -1,85 +0,0 @@
-import * as React from "react";
-import { Command as CommandPrimitive } from "cmdk";
-import { Dialog } from "../dialog/dialog";
-export type CommandProps = React.ComponentProps<typeof CommandPrimitive> & {
-    "data-slot"?: string;
-};
-export declare const Command: React.ForwardRefExoticComponent<Omit<CommandProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type CommandDialogProps = Omit<React.ComponentProps<typeof Dialog>, "children"> & {
-    children?: React.ReactNode;
-    title?: string;
-    description?: string;
-    className?: string;
-    showCloseButton?: boolean;
-};
-export declare const CommandDialog: React.ForwardRefExoticComponent<Omit<CommandDialogProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export type CommandInputProps = React.ComponentProps<typeof CommandPrimitive.Input> & {
-    wrapperClassName?: string;
-};
-export declare const CommandInput: React.ForwardRefExoticComponent<Omit<CommandInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export type CommandListProps = React.ComponentProps<typeof CommandPrimitive.List>;
-export declare const CommandList: 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 CommandEmptyProps = React.ComponentProps<typeof CommandPrimitive.Empty>;
-export declare const CommandEmpty: 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 CommandGroupProps = React.ComponentProps<typeof CommandPrimitive.Group>;
-export declare const CommandGroup: 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 CommandSeparatorProps = React.ComponentProps<typeof CommandPrimitive.Separator>;
-export declare const CommandSeparator: 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 CommandItemProps = React.ComponentProps<typeof CommandPrimitive.Item>;
-export declare const CommandItem: 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 CommandShortcutProps = React.ComponentProps<"span">;
-export declare const CommandShortcut: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export type CommandLoadingProps = React.ComponentProps<typeof CommandPrimitive.Loading>;
-export declare const CommandLoading: 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 { Command as CommandRoot };

package/dist/components/data-table/data-table-body.d.ts

@@ -1,21 +0,0 @@
-import * as React from "react";
-import type { ReactNode } from "react";
-export type DataTableBodyProps = {
-    /** Additional class name */
-    className?: string;
-    /** Custom empty state content */
-    emptyState?: ReactNode;
-    /** Loading state content (shown when isLoading is true) */
-    loadingState?: ReactNode;
-    /** Whether the table is in loading state */
-    isLoading?: boolean;
-    /** Error state content (shown when isError is true) */
-    errorState?: ReactNode;
-    /** Whether the table is in error state */
-    isError?: boolean;
-};
-/**
- * Renders the table body with rows.
- * Must be used within a DataTable component.
- */
-export declare const DataTableBody: React.ForwardRefExoticComponent<DataTableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;

package/dist/components/data-table/data-table-column-header.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import type { Column } from "@tanstack/react-table";
-export type DataTableColumnHeaderProps<TData = unknown, TValue = unknown> = {
-    /** The column instance from Tanstack Table */
-    column: Column<TData, TValue>;
-    /** The header title to display */
-    title: string;
-    /** Additional class name */
-    className?: string;
-};
-export declare const DataTableColumnHeader: <TData = unknown, TValue = unknown>(props: DataTableColumnHeaderProps<TData, TValue> & {
-    ref?: React.Ref<HTMLSpanElement>;
-}) => React.ReactElement | null;

package/dist/components/data-table/data-table-column-visibility.d.ts

@@ -1,21 +0,0 @@
-import * as React from "react";
-import type { ComponentProps, ReactNode } from "react";
-import { DropdownMenu } from "../dropdown-menu/dropdown-menu";
-export type DataTableColumnVisibilityProps = {
-    /** Custom icon for the default trigger button. Falls back to settings gear icon. */
-    icon?: ReactNode;
-    /** Custom trigger element. Defaults to a settings icon button. */
-    trigger?: ReactNode;
-    /** Label shown at top of dropdown and as screen reader text for default trigger. Required for i18n. */
-    label: string;
-    /** Additional class name for the dropdown content */
-    contentClassName?: string;
-    /** Alignment of dropdown relative to trigger. Default: "end" */
-    align?: "start" | "center" | "end";
-} & Omit<ComponentProps<typeof DropdownMenu>, "children">;
-/**
- * A dropdown menu for toggling column visibility in DataTable.
- * Shows checkboxes for each column that can be hidden.
- * Place in DataTableToolbar for consistent layout.
- */
-export declare const DataTableColumnVisibility: React.ForwardRefExoticComponent<Omit<DataTableColumnVisibilityProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/components/data-table/data-table-content.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import type { ReactNode } from "react";
-export type DataTableContentProps = {
-    /** Children to render inside the table (DataTableHeader, DataTableBody) */
-    children?: ReactNode;
-    /** Additional class name */
-    className?: string;
-};
-/**
- * Container component for DataTable that handles the table structure.
- * If no children are provided, renders DataTableHeader and DataTableBody by default.
- */
-export declare const DataTableContent: React.ForwardRefExoticComponent<DataTableContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/data-table/data-table-context.d.ts

@@ -1,66 +0,0 @@
-import type { MouseEvent } from "react";
-import type { Table as TanstackTable, PaginationState, Row } from "@tanstack/react-table";
-/**
- * @no-host-element Constant configuration value.
- */
-export declare const DEFAULT_ROW_HEIGHT = 48;
-/**
- * @no-host-element Constant configuration value.
- */
-export declare const DEFAULT_OVERSCAN = 10;
-/**
- * @no-host-element Constant configuration value.
- */
-export declare const DEFAULT_CONTAINER_HEIGHT = 600;
-/** Controls how cell content handles overflow */
-export type DataTableCellOverflow = "grow" | "wrap" | "truncate";
-export type DataTablePaginationConfig = {
-    /** Controlled page index (0-indexed) */
-    pageIndex?: number;
-    /** Page size (items per page). Default: 10 */
-    pageSize?: number;
-    /** Available page size options. Default: [10, 25, 50, 100] */
-    pageSizeOptions?: number[];
-    /** Total items count for server-side pagination */
-    totalItems?: number;
-    /** Total page count for server-side pagination (optional if totalItems provided) */
-    pageCount?: number;
-    /** Callback for pagination state changes */
-    onPaginationChange?: (state: PaginationState) => void;
-};
-export type DataTableContextValue<TData> = {
-    table: TanstackTable<TData>;
-    pagination?: DataTablePaginationConfig;
-    /** Handler called when a row is clicked. Enables clickable row mode. */
-    onRowClick?: (row: Row<TData>, event: MouseEvent<HTMLTableRowElement>) => void;
-    /** Custom hover class for clickable rows. Default: 'hover:bg-accent-a3' */
-    clickableRowClassName?: string;
-    /** Custom class for selected rows. Default: 'data-[state=selected]:bg-accent-a3' */
-    selectedRowClassName?: string;
-    /** Controls how cell content handles overflow. 'grow' expands cells (default), 'wrap' wraps text, 'truncate' shows ellipsis. */
-    cellOverflow?: DataTableCellOverflow;
-    /** Whether column resizing is disabled (enabled by default) */
-    disableColumnResizing?: boolean;
-    /** Show bottom border on header row. Default: true */
-    showHeaderBorder?: boolean;
-    /** Show bottom borders on data rows. Default: true */
-    showRowBorders?: boolean;
-    /** Ensure columns have minimum width to fit header content (prevents hover clipping on sortable headers) */
-    fitHeaderWidth?: boolean;
-};
-export type DataTableContentContextValue = {
-    /** Sync column widths to visual values before resize starts (prevents snap/jump) */
-    syncColumnWidthsBeforeResize: () => void;
-    /** Width of the spacer column to fill remaining container space (0 if columns fill or exceed container) */
-    spacerWidth: number;
-} | null;
-/**
- * Context for accessing table instance in compound components
- * @no-host-element Context object, renders no DOM element.
- */
-export declare const DataTableContext: import("react").Context<DataTableContextValue<any> | null>;
-/**
- * Context for content-level functions (sync widths before resize)
- * @no-host-element Context object, renders no DOM element.
- */
-export declare const DataTableContentContext: import("react").Context<DataTableContentContextValue>;

package/dist/components/data-table/data-table-error.d.ts

@@ -1,21 +0,0 @@
-import * as React from "react";
-import type { ReactNode } from "react";
-export type DataTableErrorProps = {
-    /** Error title text */
-    title?: string;
-    /** Error description/message */
-    description?: ReactNode;
-    /** Retry button text */
-    retryLabel?: string;
-    /** Callback when retry is clicked */
-    onRetry?: () => void;
-    /** Additional class name */
-    className?: string;
-    /** Custom error content (overrides default error display) */
-    children?: ReactNode;
-};
-/**
- * Error state display for DataTable.
- * Shows an error icon, message, and optional retry button.
- */
-export declare const DataTableError: React.ForwardRefExoticComponent<DataTableErrorProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/data-table/data-table-header.d.ts

@@ -1,14 +0,0 @@
-import * as React from "react";
-export type DataTableHeaderProps = {
-    /** Additional class name */
-    className?: string;
-    /** Whether to make header sticky */
-    sticky?: boolean;
-    /** Background color for sticky header. Default: tokens.gray2 */
-    stickyBackground?: string;
-};
-/**
- * Renders the table header with column headers.
- * Must be used within a DataTable component.
- */
-export declare const DataTableHeader: React.ForwardRefExoticComponent<DataTableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;

package/dist/components/data-table/data-table-loading.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import type { ReactNode } from "react";
-export type DataTableLoadingProps = {
-    /** Additional class name */
-    className?: string;
-    /** Custom loading content (overrides default spinner) */
-    children?: ReactNode;
-};
-/**
- * Loading state display for DataTable.
- * Renders a centered spinner by default, or custom content when children are provided.
- */
-export declare const DataTableLoading: React.ForwardRefExoticComponent<DataTableLoadingProps & React.RefAttributes<HTMLDivElement>>;