@equal-experts/kuat-react 0.13.0 → 0.14.0-beta.0

package/agent-docs/kuat-docs/rules/scenarios/marketing-pages.md

@@ -0,0 +1,367 @@
+# Marketing Page Scenarios
+
+Patterns for landing pages, feature pages, pricing, testimonials, and promotional content.
+
+---
+
+## Principles
+
+### User Goals
+
+- **Understand the value** - What's in it for me?
+- **Build trust** - Is this credible?
+- **Make decisions** - Which option is right for me?
+- **Take action** - Easy path to next step
+
+### UX Principles
+
+| Principle | Implementation |
+|-----------|----------------|
+| Clear value proposition | Hero communicates benefit immediately |
+| Social proof | Testimonials, logos, metrics build trust |
+| Scannable content | Users skim before they read |
+| Clear CTAs | Obvious next steps at every section |
+
+### Success Metrics
+
+- Time on page
+- Scroll depth
+- CTA click-through rate
+- Conversion rate
+
+---
+
+## Layout
+
+**Base Layout:** [Horizontal Navigation](../design/layouts.md#1-horizontal-navigation-layout)
+
+Marketing pages use full-width sections with contained content.
+
+### Landing Page Structure
+
+```
+┌─────────────────────────────────────┐
+│ Header                              │
+├─────────────────────────────────────┤
+│ Hero Section (full width)           │
+├─────────────────────────────────────┤
+│ Social Proof / Logos                │
+├─────────────────────────────────────┤
+│ Features Section                    │
+├─────────────────────────────────────┤
+│ Benefits / How It Works             │
+├─────────────────────────────────────┤
+│ Testimonials                        │
+├─────────────────────────────────────┤
+│ CTA Section                         │
+├─────────────────────────────────────┤
+│ Footer                              │
+└─────────────────────────────────────┘
+```
+
+### Pricing Page Structure
+
+```
+┌─────────────────────────────────────┐
+│ Header                              │
+├─────────────────────────────────────┤
+│ Heading: "Pricing" or "Choose Plan" │
+│ [Monthly] [Annual] toggle           │
+├─────────────────────────────────────┤
+│ ┌─────┐ ┌─────┐ ┌─────┐            │
+│ │Free │ │ Pro │ │Enter│            │
+│ │     │ │ ★   │ │prise│            │
+│ └─────┘ └─────┘ └─────┘            │
+├─────────────────────────────────────┤
+│ Feature Comparison Table            │
+├─────────────────────────────────────┤
+│ FAQ Section                         │
+├─────────────────────────────────────┤
+│ Footer                              │
+└─────────────────────────────────────┘
+```
+
+### Specifications
+
+| Element | Value |
+|---------|-------|
+| Header height | 64-80px |
+| Content container | max-width 1200-1400px, centered |
+| Section padding | 64-96px vertical |
+| Footer padding | 48-64px vertical |
+
+---
+
+## Design
+
+### Color Tokens
+
+| Element | Token |
+|---------|-------|
+| Page background | `bg-background` |
+| Header | `bg-background` (light) |
+| Alternating sections | `bg-muted` or `bg-background` |
+| CTA sections | `bg-primary` or dark |
+| Footer | `bg-muted` |
+
+### Typography
+
+| Element | Style |
+|---------|-------|
+| Hero heading | `text-4xl md:text-5xl lg:text-6xl font-bold` |
+| Hero subheading | `text-xl text-muted-foreground` |
+| Section heading | `text-3xl font-bold` |
+| Section subheading | `text-lg text-muted-foreground` |
+| Body text | `text-base` or `text-lg` |
+| Feature title | `text-lg font-semibold` |
+
+### Spacing Between Sections
+
+| Section Type | Vertical Padding |
+|--------------|-----------------|
+| Hero | 64-96px |
+| Standard content | 64px |
+| CTA sections | 64-80px |
+| Compact (logos) | 32-48px |
+
+---
+
+## Content
+
+### Hero Section
+
+**Required Elements:**
+
+1. Headline - Clear value proposition
+2. Subheadline - Supporting detail
+3. Primary CTA button
+4. Secondary CTA (optional)
+5. Hero image/illustration (optional)
+
+**Hero Variants:**
+
+| Variant | Structure |
+|---------|-----------|
+| Centered | Text centered, buttons centered below |
+| Split | Text left (50%), image right (50%) |
+| With background | Dark/image background, light text |
+
+**Specifications:**
+
+| Element | Value |
+|---------|-------|
+| Heading | Max 10-12 words |
+| Subheading | 1-2 sentences |
+| CTA spacing | 16px between buttons |
+
+### Feature Sections
+
+**Feature Grid:**
+
+```
+┌─────────┐ ┌─────────┐ ┌─────────┐
+│  Icon   │ │  Icon   │ │  Icon   │
+│ Heading │ │ Heading │ │ Heading │
+│  Text   │ │  Text   │ │  Text   │
+└─────────┘ └─────────┘ └─────────┘
+```
+
+| Element | Specification |
+|---------|---------------|
+| Grid | 3 columns desktop, 2 tablet, 1 mobile |
+| Gap | 32px |
+| Icon size | 48px, brand color |
+| Alignment | Center or left |
+
+**Feature Alternating:**
+
+```
+┌─────────────────────────────────────┐
+│ [Image]          Text content       │
+├─────────────────────────────────────┤
+│ Text content          [Image]       │
+├─────────────────────────────────────┤
+│ [Image]          Text content       │
+└─────────────────────────────────────┘
+```
+
+- Alternate image position left/right
+- 50/50 or 60/40 split
+- Stack on mobile (image above text)
+
+### Pricing Cards
+
+| Element | Specification |
+|---------|---------------|
+| Card padding | 32px (`p-8`) |
+| Highlighted tier | `border-primary`, "Popular" badge |
+| Price display | `text-4xl font-bold` |
+| Period | `text-sm text-muted-foreground` |
+| Feature list | 8-10 items max, checkmarks |
+| CTA button | Full width at bottom |
+
+### Testimonials
+
+**Card Pattern:**
+
+| Element | Specification |
+|---------|---------------|
+| Quote | `text-lg`, optional quotation marks |
+| Avatar | 48-64px, rounded full |
+| Name | `font-semibold` |
+| Title/Company | `text-muted-foreground` |
+| Logo | 80-120px wide |
+
+**Layout Options:**
+
+| Layout | Use Case |
+|--------|----------|
+| Grid (3 col) | Multiple equal testimonials |
+| Carousel | Many testimonials, limited space |
+| Featured | Single prominent quote |
+
+### CTA Sections
+
+**Mid-page CTA:**
+
+| Element | Specification |
+|---------|---------------|
+| Background | `bg-muted` |
+| Padding | 64px vertical |
+| Content | Centered heading + button |
+
+**Final CTA (above footer):**
+
+| Element | Specification |
+|---------|---------------|
+| Background | `bg-primary` or dark |
+| Text | White/light |
+| Padding | 80-96px vertical |
+| Content | Strong headline + single button |
+
+---
+
+## Accessibility
+
+**Base requirements:** See [accessibility/design.md](../accessibility/design.md), [accessibility/content.md](../accessibility/content.md), and [accessibility/technical.md](../accessibility/technical.md)
+
+**Scenario-specific:**
+
+| Requirement | Implementation |
+|-------------|----------------|
+| Image alt text | Describe meaningful images, decorative get empty alt |
+| Heading structure | H1 (hero) → H2 (sections) → H3 (sub-sections) |
+| Link purpose | CTAs describe destination/action |
+| Contrast on dark sections | Ensure text meets 4.5:1 on dark backgrounds |
+| Video captions | All promotional videos have captions |
+
+### Pricing Table Accessibility
+
+- Use semantic `<table>` for comparison tables
+- Clear header row with `<th>` elements
+- Don't rely on color alone for highlighting
+
+---
+
+## Implementation
+
+### Header Pattern
+
+| Element | Specification |
+|---------|---------------|
+| Background | `bg-background` (light) |
+| Logo | Full-color, left-aligned, 120-150px |
+| Navigation | Right-aligned, horizontal |
+| CTA button | Primary action in header |
+| Height | 64-80px |
+
+### Footer Pattern
+
+| Element | Specification |
+|---------|---------------|
+| Background | `bg-muted` |
+| Logo | Full-color, 100-120px |
+| Link columns | Company, Resources, Legal |
+| Social links | Icons, 24px |
+| Copyright | Bottom, `text-sm text-muted-foreground` |
+
+### Case Study Structure
+
+1. Hero with client logo and headline
+2. Challenge section - What problem?
+3. Solution section - How did we help?
+4. Results section - Metrics and outcomes
+5. Client quote
+6. Related case studies CTA
+
+**Results Display:**
+
+```
+┌──────┐ ┌──────┐ ┌──────┐
+│ 50%  │ │ 3x   │ │ 24h  │
+│ cost │ │faster│ │deploy│
+│ saved│ │ time │ │ time │
+└──────┘ └──────┘ └──────┘
+```
+
+- Use KPI card pattern
+- Include context (e.g., "50% reduction in...")
+
+### Responsive Behavior
+
+| Element | Desktop | Tablet | Mobile |
+|---------|---------|--------|--------|
+| Hero heading | `text-6xl` | `text-5xl` | `text-4xl` |
+| Feature grid | 3 columns | 2 columns | 1 column |
+| Pricing cards | 3 horizontal | 3 horizontal | Stacked |
+| Split sections | 50/50 | 50/50 | Stacked |
+| Testimonials | 3 columns | 2 columns | 1 column |
+
+---
+
+## Best Practices
+
+### Do's
+
+1. **Lead with value** - Hero should answer "what's in it for me?"
+2. **Use social proof** - Logos, testimonials, metrics
+3. **Clear CTAs** - One primary action per section
+4. **Scannable content** - Users skim before reading
+5. **Mobile-first** - Many visitors are on mobile
+6. **Fast loading** - Optimize images, lazy load below fold
+
+### Don'ts
+
+1. **Don't overwhelm** - One message per section
+2. **Don't hide CTAs** - Make them prominent
+3. **Don't use jargon** - Plain language for broad audience
+4. **Don't auto-play video with sound** - Respect user preferences
+5. **Don't neglect footer** - Important for trust and navigation
+
+### Common Mistakes
+
+| Mistake | Solution |
+|---------|----------|
+| Unclear value prop | Test headline with users |
+| Too many CTAs | One primary per section |
+| Walls of text | Break into scannable sections |
+| Generic testimonials | Specific, credible quotes |
+| Missing social proof | Add logos, numbers, quotes |
+| Slow loading | Optimize images, lazy load |
+
+### Edge Cases
+
+| Case | Handling |
+|------|----------|
+| No testimonials yet | Use partner logos, team credentials |
+| Complex pricing | Summary cards + detailed table |
+| Many features | Categorize, show top 3-6, link to full list |
+| Video content | Thumbnail + play button, don't auto-play |
+| International | Consider localization, currency display |
+
+---
+
+## Related Documentation
+
+- [Layout Primitives](../design/layouts.md) - Horizontal Navigation layout
+- [Rules index](../README.md) - Marketing content and logo (paths under *Types — web — marketing* and *Foundations — logo*)

package/agent-docs/manifest.json

@@ -0,0 +1,9 @@
+{
+  "packageVersion": "0.14.0-beta.0",
+  "rules": {
+    "snapshotRef": "538afc80d4372a6c6cdcd75c4d35782b5988a664",
+    "snapshotDate": "2026-06-24T13:14:07.261Z",
+    "sourceRepo": "equalexperts/kuat-agent-docs",
+    "loadingPath": "agent-docs/rules/LOADING-consumer.md"
+  }
+}

package/agent-docs/rules/LOADING-consumer.md

@@ -0,0 +1,27 @@
+# Kuat consumer rules (bundled)
+
+**Package:** @equal-experts/kuat-core (and mirrored in kuat-react / kuat-vue agent-docs)
+
+**Snapshot:** 538afc80d437
+
+## Default load (web product / marketing UI)
+
+1. `external/kuat-agent-rules/reference/` foundations — `brand/`, `design-language/`, `content/`, `accessibility/`
+2. `external/kuat-agent-rules/reference/media-types/web-product/` — core files + patterns + content (examples excluded)
+3. `external/kuat-agent-rules/reference/media-types/web-marketing/`
+4. `kuat-docs/rules/design/layouts.md` — Kuat layout primitives
+5. `kuat-docs/rules/scenarios/` — Kuat scenario overlays
+6. Component guides on demand: `components/{slug}.md` via `components.manifest.json`
+
+## Component IDs
+
+Resolve `shadcn:button`, `kuat:button-group`, etc. using `components/components.manifest.json`.
+
+## Full org taxonomy
+
+Set `KUAT_RULES_PATH` to a `kuat-agent-docs` git clone for slides, graphics, and latest upstream.
+
+## Related
+
+- [README.md](../README.md)
+- Upstream reference index [reference/README.md](../external/kuat-agent-rules/reference/README.md)

package/dist/accordion.d.ts

@@ -0,0 +1,2 @@
+export { cn } from './lib/utils';
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from './components/ui/accordion';

package/dist/alert-dialog.d.ts

@@ -0,0 +1,2 @@
+export { cn } from './lib/utils';
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } from './components/ui/alert-dialog';

package/dist/badge.d.ts

@@ -0,0 +1,3 @@
+export { cn } from './lib/utils';
+export { Badge, badgeVariants } from './components/ui/badge';
+export type { BadgeProps } from './components/ui/badge';

package/dist/button-group.d.ts

@@ -0,0 +1,2 @@
+export { cn } from './lib/utils';
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, } from './components/ui/button-group';

package/dist/button.d.ts

@@ -0,0 +1,3 @@
+export { cn } from './lib/utils';
+export { Button, buttonVariants } from './components/ui/button';
+export type { ButtonProps } from './components/ui/button';

package/dist/carousel.d.ts

@@ -0,0 +1,2 @@
+export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, useCarousel, } from './components/ui/carousel';
+export type { CarouselItemBasis, CarouselResponsiveBasis, CarouselEventHandler, CarouselEventHandlers, CarouselProps, CarouselContentProps, CarouselItemProps, } from './components/ui/carousel';

package/dist/checkbox.d.ts

@@ -0,0 +1,3 @@
+export { cn } from './lib/utils';
+export { Checkbox, CheckboxField, CHECKBOX_FIELD_APPEARANCES, CHECKBOX_FIELD_LAYOUTS, } from './components/ui/checkbox';
+export type { CheckboxProps, CheckboxFieldAppearance, CheckboxFieldLayout, CheckboxFieldProps, } from './components/ui/checkbox';

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

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

@@ -0,0 +1 @@
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from './accordion';

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

@@ -0,0 +1,20 @@
+import * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

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

@@ -0,0 +1 @@
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } from './alert-dialog';

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

@@ -0,0 +1,16 @@
+import * as React from "react";
+export declare const BADGE_VARIANTS: readonly ["default", "secondary", "destructive", "outline", "ghost"];
+export type BadgeVariant = (typeof BADGE_VARIANTS)[number];
+export declare const BADGE_ROUNDNESS: readonly ["default", "round"];
+export type BadgeRoundness = (typeof BADGE_ROUNDNESS)[number];
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: BadgeVariant;
+    roundness?: BadgeRoundness;
+}
+declare function Badge({ className, variant, roundness, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+/** Returns class string for badge variant (backward compatibility). */
+export declare function badgeVariants(options: {
+    variant?: BadgeVariant;
+    roundness?: BadgeRoundness;
+}): string;
+export { Badge };

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

@@ -0,0 +1,2 @@
+export { Badge, badgeVariants, BADGE_VARIANTS, BADGE_ROUNDNESS } from './badge';
+export type { BadgeProps, BadgeVariant, BadgeRoundness } from './badge';

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

@@ -0,0 +1,29 @@
+import * as React from "react";
+/** Single breadcrumb entry for the trail. */
+export interface BreadcrumbItemEntry {
+    /** Visible label. */
+    label: string;
+    /** Link URL. Omit for current page when no children. */
+    href?: string;
+    /** Sub-items; when set, this item is rendered as a dropdown. */
+    children?: Array<{
+        label: string;
+        href: string;
+    }>;
+}
+export interface BreadcrumbProps extends Omit<React.ComponentPropsWithoutRef<"nav">, "children"> {
+    /** Breadcrumb trail: ordered list of items. Last item is current page if it has no href. */
+    items: BreadcrumbItemEntry[];
+    /** Custom link component (e.g. Next.js Link). Receives { href, children } and should render a link. */
+    linkComponent?: React.ComponentType<{
+        href: string;
+        children: React.ReactNode;
+        className?: string;
+    }>;
+    /** Custom separator node (e.g. icon). Default is chevron. */
+    separator?: React.ReactNode;
+    /** aria-label for the nav. Default "Breadcrumb". */
+    "aria-label"?: string;
+}
+declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
+export { Breadcrumb };

package/dist/components/ui/breadcrumb/breadcrumb-primitives.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+declare const BreadcrumbRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    "aria-label"?: string;
+} & React.RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+interface BreadcrumbLinkProps extends React.ComponentPropsWithoutRef<"a"> {
+    /** When provided, render this element instead of <a> (e.g. Next.js Link). */
+    render?: React.ReactElement;
+    asChild?: boolean;
+}
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<BreadcrumbLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbEllipsis: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { BreadcrumbRoot, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
+export type { BreadcrumbLinkProps };

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

@@ -0,0 +1,4 @@
+export { Breadcrumb } from './Breadcrumb';
+export type { BreadcrumbProps, BreadcrumbItemEntry } from './Breadcrumb';
+export { BreadcrumbRoot, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } from './breadcrumb-primitives';
+export type { BreadcrumbLinkProps } from './breadcrumb-primitives';

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

@@ -0,0 +1,27 @@
+import * as React from "react";
+export declare const BUTTON_VARIANTS: readonly ["primary", "secondary", "outline", "ghost", "ghost-muted", "destructive"];
+/** @deprecated Use "primary" instead. */
+export declare const BUTTON_VARIANT_DEFAULT_ALIAS = "default";
+export declare const BUTTON_SIZES: readonly ["mini", "small", "default", "large", "icon"];
+/** @deprecated Use "small" instead. */
+export declare const BUTTON_SIZE_SM_ALIAS = "sm";
+/** @deprecated Use "large" instead. */
+export declare const BUTTON_SIZE_LG_ALIAS = "lg";
+export declare const BUTTON_COLORS: readonly ["ee-blue", "tech-blue", "byte-white", "the-cloud", "dark-data", "transform-teal", "equal-ember"];
+export type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
+export type ButtonSize = (typeof BUTTON_SIZES)[number];
+export type ButtonColor = (typeof BUTTON_COLORS)[number];
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant | typeof BUTTON_VARIANT_DEFAULT_ALIAS;
+    size?: ButtonSize | typeof BUTTON_SIZE_SM_ALIAS | typeof BUTTON_SIZE_LG_ALIAS;
+    color?: ButtonColor;
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+/** Returns class string for button variant/size/color (backward compatibility). */
+export declare function buttonVariants(options?: {
+    variant?: ButtonVariant | "default";
+    size?: ButtonSize | "sm" | "lg";
+    color?: ButtonColor;
+}): string;
+export { Button };

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

@@ -0,0 +1,2 @@
+export { Button, buttonVariants, BUTTON_VARIANTS, BUTTON_SIZES, BUTTON_COLORS, } from './button';
+export type { ButtonProps, ButtonVariant, ButtonSize, ButtonColor } from './button';

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

@@ -0,0 +1,23 @@
+import { KuatSlotContent } from '../../../lib/react-node-compat';
+import { Separator } from '../separator';
+import * as React from "react";
+export declare const BUTTON_GROUP_ORIENTATIONS: readonly ["horizontal", "vertical"];
+export type ButtonGroupOrientation = (typeof BUTTON_GROUP_ORIENTATIONS)[number];
+export interface ButtonGroupProps extends Omit<React.ComponentProps<"div">, "children"> {
+    orientation?: ButtonGroupOrientation;
+    children?: KuatSlotContent;
+}
+declare const ButtonGroup: React.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface ButtonGroupTextProps extends Omit<React.ComponentProps<"div">, "children"> {
+    asChild?: boolean;
+    children?: KuatSlotContent;
+}
+declare const ButtonGroupText: React.ForwardRefExoticComponent<Omit<ButtonGroupTextProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface ButtonGroupSeparatorProps extends React.ComponentProps<typeof Separator> {
+}
+declare const ButtonGroupSeparator: React.ForwardRefExoticComponent<Omit<ButtonGroupSeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/** Returns class string for button group (backward compatibility). */
+export declare function buttonGroupVariants(options?: {
+    orientation?: ButtonGroupOrientation;
+}): string;
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, };

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

@@ -0,0 +1,2 @@
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, BUTTON_GROUP_ORIENTATIONS, } from './button-group';
+export type { ButtonGroupProps, ButtonGroupTextProps, ButtonGroupSeparatorProps, ButtonGroupOrientation, } from './button-group';