@cascivo/react 0.1.0 → 0.2.0

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@cascivo/react",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "private": false,
-  "description": "Prebuilt cascade design system components — use without copying source",
+  "description": "Prebuilt cascivo design system components — use without copying source",
   "keywords": [
     "cascivo",
     "components",
@@ -36,15 +36,15 @@
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
-    "./styles.css": "./dist/cascade.css"
+    "./styles.css": "./dist/cascivo.css"
   },
   "publishConfig": {
     "access": "public",
     "provenance": true
   },
   "dependencies": {
-    "@cascivo/i18n": "^0.1.0",
-    "@cascivo/core": "^0.1.0"
+    "@cascivo/core": "^0.1.0",
+    "@cascivo/i18n": "^0.1.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
@@ -55,8 +55,8 @@
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "typescript": "^5",
-    "vite-plus": "^0.1.24",
-    "vitest": "npm:@voidzero-dev/vite-plus-test@0.1.24",
+    "vite-plus": "^0.2.1",
+    "vitest": "4.1.9",
     "@cascivo/components": "0.0.0"
   },
   "peerDependencies": {
@@ -65,7 +65,7 @@
     "react-dom": ">=18.0.0"
   },
   "scripts": {
-    "build": "vp build && tsc -p tsconfig.build.json && node scripts/flatten-types.mjs",
+    "build": "vp build && node scripts/flatten-types.mjs && node scripts/check-types-flat.mjs",
     "check": "tsc --noEmit",
     "test": "vp test"
   }

package/readme.body.md

@@ -7,9 +7,9 @@ can coexist in one project.
 ## Use
 
 ```tsx
-// once, in your entry file
-import '@cascivo/react/styles.css'
-import '@cascivo/themes/light'
+// once, in your entry file — two imports get you a fully themed setup
+import '@cascivo/react/styles.css' // component styles
+import '@cascivo/themes/all' // tokens (once) + base typography + light & dark
 
 // anywhere
 import { Button, Card, CardContent, Toggle } from '@cascivo/react'
@@ -28,10 +28,230 @@ export function App() {
 }
 ```
 
-Theming works exactly like the copy-paste flow: import a theme stylesheet and
-scope it with `data-theme="light" | "dark" | "warm"` on any container. Brand
+`@cascivo/themes/all` is the recommended single import: it loads `@cascivo/tokens`
+**once**, applies the base typography layer (so plain markup uses the sans font,
+not the browser serif default), and ships both the `light` and `dark` themes.
+
+Prefer à-la-carte? Import only the themes you need — each self-imports the tokens
+(deduped by URL, so light + dark load tokens once):
+
+```tsx
+import '@cascivo/react/styles.css'
+import '@cascivo/themes/base' // base typography (font/line-height/color)
+import '@cascivo/themes/light'
+import '@cascivo/themes/dark'
+```
+
+Scope a theme with `data-theme="light" | "dark" | "warm"` on any container. Brand
 adaptation happens by overriding `--cascivo-*` custom properties — no rebuild
 needed.
 
+### CSS layer ordering
+
+cascivo ships its styles in cascade layers, ordered lowest → highest priority:
+
+```
+cascivo.base  <  cascivo.theme  <  cascivo.component
+```
+
+**Unlayered** CSS in your app always beats every cascivo layer regardless of
+specificity, so your own (unlayered) styles win by default. To override cascivo
+from within a layer, declare a layer ordered after `cascivo.component`. See
+`CSS-LAYERS-PITFALL.md` for the full story and the recommended `@layer`
+declaration. Token names and aliases are documented in `TOKENS.md`.
+
 All components are client components (`'use client'` is preserved in the
 bundle), so the package works in Next.js App Router projects out of the box.
+
+## Migrating from shadcn/ui?
+
+See [`MIGRATING-FROM-SHADCN.md`](https://github.com/urbanisierung/cascivo/blob/main/docs/MIGRATING-FROM-SHADCN.md)
+for the variant/prop mapping (e.g. Button `default/outline` → `primary/secondary`,
+there is no `outline`) and the CSS-setup delta vs Tailwind.
+
+<!-- COMPONENT_INDEX:START -->
+
+## Component index
+
+158 components, exported from `@cascivo/react`. Full props, examples, and live demos at [docs.cascivo.com](https://docs.cascivo.com).
+
+### Inputs
+
+- **Button** — Triggers an action or event
+- **ButtonGroup** — Visually joins a set of related buttons into a single segmented control
+- **Calendar** — An accessible standalone month-grid date picker.
+- **Checkbox** — Binary toggle for forms, with indeterminate support
+- **CheckboxCard** — Multi-selectable card backed by a native checkbox. Use multiple independent CheckboxCards for multi-select scenarios.
+- **ColorPicker** — Interactive color selection widget with saturation/lightness area, hue and alpha sliders
+- **Combobox** — Filterable single-select with an animated custom listbox, built on the dropdown open/close machine
+- **CopyButton** — Icon button that copies a value to the clipboard with copied feedback
+- **DatePicker** — An accessible date-picker with a calendar popover.
+- **DateRangePicker** — A dual-calendar picker for selecting a contiguous date range.
+- **Editable** — Inline click-to-edit text field
+- **Field** — Form-field wrapper composing label, control, description, and error
+- **FileUploader** — Drag-and-drop file upload zone with file list and status indicators.
+- **Filter** — A group of toggleable pill or outline buttons for filtering content by category
+- **Form** — Typed signal-based form store (createForm/useForm) with sync/async validation and a thin Form element wrapper
+- **IconButton** — Square, icon-only button with a required accessible label
+- **Input** — Text input field with optional label, hint, and error state
+- **InputGroup** — Prefix/suffix addon wrapper for Input; InputGroupAddon renders inline icons/units inside the field border; ButtonGroup collapses adjacent button borders
+- **Label** — Accessible caption for a form control
+- **MultiSelect** — Searchable multi-value select with popover listbox
+- **NativeSelect** — A styled native <select> that keeps platform form/keyboard behavior with a custom chevron and focus ring
+- **NumberInput** — Numeric input with stepper buttons, clamping, precision, and locale formatting
+- **OtpInput** — Segmented one-time code input
+- **PasswordInput** — Password input with reveal toggle and optional strength meter
+- **Radio** — Single choice from a set, grouped with RadioGroup
+- **RadioCard** — Selectable card backed by a native radio input. Use RadioCardGroup for single-select groups.
+- **RatingGroup** — Star rating input with accessible radio group pattern
+- **Search** — Search input with debounced search callback and clear button
+- **SegmentedControl** — Mutually exclusive toggle group
+- **Select** — Native select menu styled to match the design system
+- **Slider** — Range input for selecting a value within bounds
+- **Swap** — Animated toggle between two icon/content states with rotate or flip transition
+- **TagsInput** — Free-form multi-value chip input
+- **Textarea** — Multi-line text input with optional label, hint, and error state
+- **Tile** — A selectable card with radio (single) or checkbox (multi) semantics, toggled by click or keyboard
+- **TimePicker** — Native time input wrapper with label, hint, error, and size variants
+- **Toggle** — On/off switch built as an accessible button
+- **ToggleGroup** — A set of toggle buttons for single or multiple selection
+
+### Display
+
+- **Alert** — Highlights a short, important message inline
+- **Avatar** — Displays a user image with initials fallback
+- **Badge** — Small status label or category indicator
+- **Blockquote** — Quoted passage with optional attribution footer
+- **Card** — Container for grouping related content
+- **Carousel** — Scroll-snap slide deck with previous/next controls and dot indicators
+- **ChatBubble** — Message bubble for chat and messaging UIs with avatar, name, and timestamp support
+- **Code** — Inline code span for identifiers, commands, and short snippets
+- **CodeSnippet** — Displays code (inline, single-line, or multi-line) with an optional copy button, lightweight built-in syntax highlighting for bash/css/js/ts, and an optional terminal-window look
+- **Collapsible** — A single disclosure region toggled open and closed by its trigger
+- **ConsoleApp** — Carbon-parity console shell: ShellHeader + icon-rail SideNav + HeaderPanel notifications/switcher + collapsible aside + main content.
+- **ContainedList** — Labelled list of rows inside a bordered container
+- **DashboardCharts** — Dashboard layout with KPI tiles, line chart, bar chart, and pie chart.
+- **DataList** — Key-value pairs rendered as a description list
+- **DataTable** — Signal-driven data table with client/server sort, filter, pagination, multi-selection, expandable rows, and CSS content-visibility row containment for large datasets
+- **EmptyDashboard** — Dashboard page showing an empty state with a call-to-action button.
+- **EmptyState** — Placeholder for views that have no data to display
+- **Heading** — Section heading with semantic level decoupled from visual size
+- **Item** — Generic content row primitive with media, content, and action regions
+- **Kbd** — Displays a keyboard key or shortcut
+- **List** — Styled unordered or ordered list with ListItem
+- **LoginPage** — Authentication login page with email and password form.
+- **NotificationCenter** — A list of notification alerts with a mark-all-read action.
+- **PageWithBreadcrumb** — A centered content page with a breadcrumb navigation and page header.
+- **Prose** — Wrapper that styles raw descendant HTML — headings, lists, code, quotes, tables
+- **Separator** — Visual or semantic divider between content
+- **SettingsFormPage** — Settings page with profile form inside a two-column settings layout.
+- **SidebarApp** — Full app shell with collapsible side navigation and top header.
+- **Skeleton** — Animated loading placeholder that mirrors the shape of pending content
+- **Stat** — Displays a key metric with optional delta, trend direction and help text
+- **StatsCards** — Grid of KPI stat cards with trend badges.
+- **Status** — Colored dot with a label communicating the state of a system or entity
+- **StructuredList** — Tabular row list for scannable data, optionally single-selectable
+- **Tag** — Compact chip for labeling, categorizing, or filtering content
+- **Text** — Body text with size, weight, and muted variants
+- **Timeline** — Ordered sequence of events with status markers and a connector line
+- **TreeView** — Hierarchical, expandable tree of nodes with keyboard navigation and selection
+- **UsersTablePage** — Full users management page with table, search, and invite action.
+- **VisuallyHidden** — Hides content visually while keeping it available to screen readers
+
+### Overlay
+
+- **AlertDialog** — Confirmation dialog requiring explicit user action; no light-dismiss
+- **CommandMenu** — Cmd+K command palette with fuzzy search over grouped commands
+- **ContextMenu** — Right-click context menu anchored at pointer coordinates via CSS custom properties
+- **Drawer** — Edge-anchored dialog panel that slides in from a screen edge with CSS-only enter/exit motion
+- **Dropdown** — Menu of actions revealed from a trigger
+- **HoverCard** — Hover-triggered popover with configurable open/close delay
+- **Menu** — Dropdown menu with keyboard navigation, built on usePopover
+- **Modal** — Accessible dialog overlay using native <dialog> element
+- **OverflowMenu** — Kebab icon button revealing a menu of row-level actions
+- **Popover** — Anchored floating panel built on CSS Anchor Positioning + Popover API
+- **Sheet** — Slide-in panel from any edge, using popover=manual and @starting-style animations
+- **Toast** — Transient notification surfaced via the useToast hook
+- **Toggletip** — A click-triggered info popover for supplementary, selectable content
+- **Tooltip** — Contextual label shown on hover or focus
+
+### Navigation
+
+- **Accordion** — Vertically stacked, collapsible content sections
+- **Breadcrumb** — Shows the current page location within a navigation hierarchy
+- **Dock** — Fixed bottom navigation bar for mobile app shells with up to 5 items
+- **Header** — App top bar with brand, primary navigation links, and an actions slot
+- **HeaderPanel** — Non-modal panel anchored below the shell header at the inline-end edge — hosts notifications, app switcher, user settings
+- **Link** — Styled anchor for navigation, standalone or inline within prose
+- **Menubar** — Horizontal application menu bar with keyboard-navigable dropdown menus
+- **MenuButton** — A button that opens an anchored action menu of one-shot commands
+- **NavigationMenu** — Site navigation bar with links and dropdown flyout panels
+- **Pagination** — Controls for navigating paged data sets, with page size selection
+- **ProgressIndicator** — Shows progress through the steps of a multi-step flow
+- **ShellHeader** — Console application header: brand with prefix, dropdown nav menus, global icon actions, hamburger, skip-to-content
+- **SideNav** — Collapsible sidebar navigation with optional icons and one level of grouping
+- **SkipNav** — Skip link that jumps keyboard users past the navigation to the main content
+- **Steps** — Visual progress indicator for multi-step flows with horizontal and vertical orientations
+- **Switcher** — App/product switcher list — lives inside HeaderPanel, renders links with active indicator and optional dividers
+- **Tabs** — Switch between related panels of content
+
+### Layout
+
+- **AppShell** — Sticky-header + full-height side-nav + single-scroll-container layout with an animated, accessible nav toggle.
+- **AppShell** — Full-page application shell with persisted collapsible sidebar. Includes a signal-driven top progress bar with determinate progress, error state, and dismissible error strip.
+- **AspectRatio** — Constrains content to a fixed width-to-height ratio
+- **AuthLayout** — Centered card layout for authentication pages (login, register, forgot password).
+- **AutoGrid** — Media-query-free responsive grid — columns auto-fill based on available space.
+- **Center** — Horizontally centered container with a configurable max-width.
+- **Columns** — Equal-width multi-column layout that collapses to single column on narrow viewports.
+- **Cta** — Call-to-action band — quiet hairline-bordered section with title, description, and centered actions. Replace demo content before shipping.
+- **DashboardLayout** — Dashboard page layout with stats strip, main content area, and optional aside.
+- **FeatureGrid** — Feature section — AutoGrid of items with optional title, description, and icon slots. Icons are optional; the grid works text-only. Replace demo content before shipping.
+- **Grid** — CSS grid layout primitive with responsive column collapsing.
+- **Hero** — Page hero section — centered or split layout with eyebrow, title, description, actions and media slots. Replace demo content before shipping.
+- **Indicator** — Positions an overlay element (badge, dot, count) at a corner of its child
+- **Join** — Groups adjacent children into a seamless joined element by removing interior borders and radii
+- **Masonry** — Masonry layout — native CSS masonry where supported, multi-column fallback elsewhere (fallback orders items top-to-bottom per column).
+- **MediaMasonry** — Masonry gallery section — native CSS masonry where supported, multi-column fallback elsewhere (fallback orders tiles top-to-bottom per column). Tiles style themselves; section provides only the layout shell.
+- **PageFooter** — Site footer — AutoGrid of link groups with a brand/meta bottom row. Renders a <footer> element with a <nav aria-label="Footer"> wrapping the link columns.
+- **PageHeader** — Page-level header with title, description, breadcrumb, and actions slots.
+- **Resizable** — Two-pane splitter whose divider can be dragged or keyboard-nudged to reallocate space
+- **ScrollArea** — A scroll container with styled, slim scrollbars and overflow shadows
+- **Section** — Page-section shell with block padding, centered inner width, and stack gap.
+- **SettingsLayout** — Two-column settings page layout with a fixed-width menu and fluid content area.
+- **Spacer** — Fixed-height spacing block using design token steps.
+- **SplitView** — Resizable two-pane split layout with keyboard and pointer drag support.
+- **Stack** — Overlaps children in a CSS grid stack with a configurable offset to create a card-pile effect
+- **Stack** — Flex layout primitive for vertical or horizontal stacking with gap control.
+- **StatsBand** — KPI strip — horizontal band of stats with optional delta and inline sparkline trend. Wraps via AutoGrid on narrow containers. No visible heading; provide aria-label for accessibility.
+
+### Feedback
+
+- **InlineLoading** — Compact inline status indicator that pairs a label with a loading, success, or error state
+- **Notification** — Inline, actionable notification banner that surfaces a titled message with an optional recovery action
+- **Progress** — Horizontal bar showing the completion progress of a tracked operation
+- **ProgressBar** — Shows determinate or indeterminate progress of a task
+- **ProgressCircle** — Circular determinate progress indicator rendered as an SVG arc
+- **RadialProgress** — Circular progress indicator using conic-gradient, with percentage label and variant colors
+- **Spinner** — Indeterminate loading indicator
+
+### Charts
+
+- **AreaChart** — Area chart with optional stacking, multi-series support, and hover tooltip.
+- **BarChart** — Bar chart with vertical/horizontal orientation, grouped or stacked modes, and multi-series support.
+- **Boxplot** — Box-and-whisker plot with five-number summary and outlier dots per series.
+- **BubbleChart** — Bubble chart mapping x, y, and size dimensions; radius is area-proportional via sqrt scale.
+- **Bullet** — Bullet chart with background range bands, measure bar, and target tick.
+- **ComboChart** — Combination bar + line chart on shared or dual y-axes.
+- **Heatmap** — Two-dimensional heatmap with band scales and color-mix cell interpolation.
+- **Histogram** — Frequency histogram using Freedman–Diaconis binning with hover tooltips.
+- **Kpi** — KPI card showing a primary metric with optional delta indicator, icon, and sparkline.
+- **LineChart** — Time-series or numeric line chart with multi-series support, hover tooltip, and legend.
+- **Meter** — Progress meter in bar or gauge variant with threshold coloring.
+- **PieChart** — Pie or donut chart with hover segments and optional legend.
+- **Radar** — Radar / spider chart with polar grid rings, spokes, and multi-series polygon overlays.
+- **ScatterChart** — Scatter plot with variable point radius, multi-series, and hover tooltip.
+- **Sparkline** — Compact inline sparkline for embedding trend data in dashboards or KPI cards.
+- **Treemap** — Squarified treemap for visualizing part-to-whole hierarchical data.
+
+<!-- COMPONENT_INDEX:END -->

package/dist/types/packages/components/src/_all-metas.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentMeta } from '@cascivo/core';
-export declare const allMetas: ComponentMeta[];

package/dist/types/packages/components/src/accordion/accordion.d.ts

@@ -1,16 +0,0 @@
-import { type HTMLAttributes, type ReactNode } from 'react';
-export interface AccordionProps {
-    type?: 'single' | 'multiple';
-    defaultValue?: string | string[];
-    value?: string | string[];
-    onValueChange?: (value: string | string[]) => void;
-    className?: string;
-    children: ReactNode;
-}
-export declare function Accordion({ type, defaultValue, value, onValueChange, className, children, }: AccordionProps): import("react").JSX.Element;
-export interface AccordionItemProps extends HTMLAttributes<HTMLDivElement> {
-    value: string;
-}
-export declare function AccordionItem({ value, className, children, ...props }: AccordionItemProps): import("react").JSX.Element;
-export declare function AccordionTrigger(props: HTMLAttributes<HTMLButtonElement>): import("react").JSX.Element;
-export declare function AccordionContent(props: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;

package/dist/types/packages/components/src/accordion/accordion.meta.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentMeta } from '@cascivo/core';
-export declare const meta: ComponentMeta;

package/dist/types/packages/components/src/alert/alert.d.ts

@@ -1,13 +0,0 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-export interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
-    variant?: 'default' | 'info' | 'success' | 'warning' | 'destructive';
-    title?: string;
-    icon?: ReactNode;
-    dismissible?: boolean;
-    onDismiss?: () => void;
-    action?: {
-        label: string;
-        onClick: () => void;
-    };
-}
-export declare function Alert({ variant, title, icon, dismissible, onDismiss, action, className, children, ...props }: AlertProps): import("react").JSX.Element | null;

package/dist/types/packages/components/src/alert/alert.meta.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentMeta } from '@cascivo/core';
-export declare const meta: ComponentMeta;

package/dist/types/packages/components/src/alert-dialog/alert-dialog.d.ts

@@ -1,14 +0,0 @@
-export interface AlertDialogLabels {
-    confirm?: string;
-    cancel?: string;
-}
-export interface AlertDialogProps {
-    open: boolean;
-    title: string;
-    description: string;
-    onConfirm: () => void;
-    onCancel: () => void;
-    labels?: AlertDialogLabels;
-    variant?: 'destructive' | 'default';
-}
-export declare function AlertDialog({ open, title, description, onConfirm, onCancel, labels, variant, }: AlertDialogProps): import("react").JSX.Element;

package/dist/types/packages/components/src/alert-dialog/alert-dialog.meta.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentMeta } from '@cascivo/core';
-export declare const meta: ComponentMeta;

package/dist/types/packages/components/src/aspect-ratio/aspect-ratio.d.ts

@@ -1,7 +0,0 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-export interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {
-    /** Width-to-height ratio (e.g. 16 / 9). Defaults to 16/9. */
-    ratio?: number;
-    children?: ReactNode;
-}
-export declare function AspectRatio({ ratio, className, style, children, ...props }: AspectRatioProps): import("react").JSX.Element;

package/dist/types/packages/components/src/aspect-ratio/aspect-ratio.meta.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentMeta } from '@cascivo/core';
-export declare const meta: ComponentMeta;

package/dist/types/packages/components/src/avatar/avatar.d.ts

@@ -1,9 +0,0 @@
-import type { HTMLAttributes } from 'react';
-export interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {
-    src?: string;
-    alt?: string;
-    fallback?: string;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    status?: 'online' | 'offline' | 'busy';
-}
-export declare function Avatar({ src, alt, fallback, size, status, className, ...props }: AvatarProps): import("react").JSX.Element;

package/dist/types/packages/components/src/avatar/avatar.meta.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentMeta } from '@cascivo/core';
-export declare const meta: ComponentMeta;

package/dist/types/packages/components/src/badge/badge.d.ts

@@ -1,6 +0,0 @@
-import type { HTMLAttributes } from 'react';
-export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
-    variant?: 'default' | 'secondary' | 'success' | 'warning' | 'destructive' | 'outline';
-    size?: 'sm' | 'md';
-}
-export declare function Badge({ variant, size, className, children, ...props }: BadgeProps): import("react").JSX.Element;

package/dist/types/packages/components/src/badge/badge.meta.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentMeta } from '@cascivo/core';
-export declare const meta: ComponentMeta;

package/dist/types/packages/components/src/blockquote/blockquote.d.ts

@@ -1,5 +0,0 @@
-import type { HTMLAttributes } from 'react';
-export interface BlockquoteProps extends HTMLAttributes<HTMLQuoteElement> {
-    cite?: string;
-}
-export declare function Blockquote({ cite, className, children, ...props }: BlockquoteProps): import("react").JSX.Element;

package/dist/types/packages/components/src/blockquote/blockquote.meta.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentMeta } from '@cascivo/core';
-export declare const meta: ComponentMeta;

package/dist/types/packages/components/src/blocks/app-shell/app-shell.d.ts

@@ -1 +0,0 @@
-export declare function AppShell(): import("react").JSX.Element;

package/dist/types/packages/components/src/blocks/app-shell/app-shell.meta.d.ts

@@ -1,2 +0,0 @@
-import type { BlockMeta } from '../types';
-export declare const meta: BlockMeta;

package/dist/types/packages/components/src/blocks/auth-login/auth-login.d.ts

@@ -1 +0,0 @@
-export declare function AuthLogin(): import("react").JSX.Element;

package/dist/types/packages/components/src/blocks/auth-login/auth-login.meta.d.ts

@@ -1,2 +0,0 @@
-import type { BlockMeta } from '../types';
-export declare const meta: BlockMeta;

package/dist/types/packages/components/src/blocks/auth-signup/auth-signup.d.ts

@@ -1 +0,0 @@
-export declare function AuthSignup(): import("react").JSX.Element;

package/dist/types/packages/components/src/blocks/auth-signup/auth-signup.meta.d.ts

@@ -1,2 +0,0 @@
-import type { BlockMeta } from '../types';
-export declare const meta: BlockMeta;

package/dist/types/packages/components/src/blocks/dashboard-overview/dashboard-overview.d.ts

@@ -1 +0,0 @@
-export declare function DashboardOverview(): import("react").JSX.Element;

package/dist/types/packages/components/src/blocks/dashboard-overview/dashboard-overview.meta.d.ts

@@ -1,2 +0,0 @@
-import type { BlockMeta } from '../types';
-export declare const meta: BlockMeta;

package/dist/types/packages/components/src/blocks/dashboard-table/dashboard-table.d.ts

@@ -1,2 +0,0 @@
-import type React from 'react';
-export declare function DashboardTable(): React.JSX.Element;

package/dist/types/packages/components/src/blocks/dashboard-table/dashboard-table.meta.d.ts

@@ -1,2 +0,0 @@
-import type { BlockMeta } from '../types';
-export declare const meta: BlockMeta;

package/dist/types/packages/components/src/blocks/marketing-features/marketing-features.d.ts

@@ -1 +0,0 @@
-export declare function MarketingFeatures(): import("react").JSX.Element;

package/dist/types/packages/components/src/blocks/marketing-features/marketing-features.meta.d.ts

@@ -1,2 +0,0 @@
-import type { BlockMeta } from '../types';
-export declare const meta: BlockMeta;

package/dist/types/packages/components/src/blocks/marketing-hero/marketing-hero.d.ts

@@ -1 +0,0 @@
-export declare function MarketingHero(): import("react").JSX.Element;

package/dist/types/packages/components/src/blocks/marketing-hero/marketing-hero.meta.d.ts

@@ -1,2 +0,0 @@
-import type { BlockMeta } from '../types';
-export declare const meta: BlockMeta;

package/dist/types/packages/components/src/blocks/settings-profile/settings-profile.d.ts

@@ -1 +0,0 @@
-export declare function SettingsProfile(): import("react").JSX.Element;

package/dist/types/packages/components/src/blocks/settings-profile/settings-profile.meta.d.ts

@@ -1,2 +0,0 @@
-import type { BlockMeta } from '../types';
-export declare const meta: BlockMeta;

package/dist/types/packages/components/src/blocks/types.d.ts

@@ -1,12 +0,0 @@
-export type BlockCategory = 'auth' | 'dashboard' | 'marketing' | 'shell';
-export type BlockMeta = {
-    name: string;
-    displayName: string;
-    description: string;
-    category: BlockCategory;
-    tags: string[];
-    screenshot: {
-        light: string;
-        dark: string;
-    };
-};

package/dist/types/packages/components/src/breadcrumb/breadcrumb.d.ts

@@ -1,12 +0,0 @@
-export interface BreadcrumbItem {
-    label: string;
-    href?: string;
-}
-export interface BreadcrumbProps {
-    items: BreadcrumbItem[];
-    maxVisible?: number;
-    className?: string;
-    /** Accessible label for the nav landmark */
-    ariaLabel?: string;
-}
-export declare function Breadcrumb({ items, maxVisible, className, ariaLabel }: BreadcrumbProps): import("react").JSX.Element;

package/dist/types/packages/components/src/breadcrumb/breadcrumb.meta.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentMeta } from '@cascivo/core';
-export declare const meta: ComponentMeta;

package/dist/types/packages/components/src/button/button.d.ts

@@ -1,7 +0,0 @@
-import type { ButtonHTMLAttributes } from 'react';
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: 'primary' | 'secondary' | 'ghost' | 'destructive';
-    size?: 'sm' | 'md' | 'lg';
-    loading?: boolean;
-}
-export declare function Button({ variant, size, loading, className, disabled, children, ...props }: ButtonProps): import("react").JSX.Element;

package/dist/types/packages/components/src/button/button.meta.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentMeta } from '@cascivo/core';
-export declare const meta: ComponentMeta;

package/dist/types/packages/components/src/button-group/button-group.d.ts

@@ -1,9 +0,0 @@
-import { type HTMLAttributes } from 'react';
-export interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
-    orientation?: 'horizontal' | 'vertical';
-    size?: 'sm' | 'md' | 'lg';
-    /** Enable arrow-key roving focus across the group's focusable buttons. */
-    roving?: boolean;
-    loop?: boolean;
-}
-export declare const ButtonGroup: import("react").ForwardRefExoticComponent<ButtonGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/packages/components/src/button-group/button-group.meta.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentMeta } from '@cascivo/core';
-export declare const meta: ComponentMeta;

package/dist/types/packages/components/src/calendar/calendar.d.ts

@@ -1,35 +0,0 @@
-export interface CalendarLabels {
-    previousMonth?: string;
-    nextMonth?: string;
-}
-export interface CalendarProps {
-    value?: Date | null;
-    defaultValue?: Date;
-    onValueChange?: (date: Date) => void;
-    min?: Date;
-    max?: Date;
-    disabled?: (date: Date) => boolean;
-    locale?: string;
-    size?: 'sm' | 'md' | 'lg';
-    labels?: CalendarLabels;
-    className?: string;
-    /** Highlight predicate for range previews (date-range-picker). */
-    isInRange?: (date: Date) => boolean;
-    /** Range endpoint markers for styling. */
-    isRangeStart?: (date: Date) => boolean;
-    isRangeEnd?: (date: Date) => boolean;
-    /** Hover handler for range preview. */
-    onDayHover?: (date: Date | null) => void;
-    /** Controlled view month (0-11). When set, the calendar's displayed month is owned by the parent. */
-    month?: number;
-    /** Controlled view year. */
-    year?: number;
-    /** Called when the user navigates months (prev/next or keyboard). */
-    onViewChange?: (view: {
-        month: number;
-        year: number;
-    }) => void;
-    /** Hide the prev/next header nav (parent drives navigation). */
-    hideNav?: boolean;
-}
-export declare function Calendar({ value, defaultValue, onValueChange, min, max, disabled, locale: localeProp, size, labels, className, isInRange, isRangeStart, isRangeEnd, onDayHover, month, year, onViewChange, hideNav, }: CalendarProps): import("react").JSX.Element;

package/dist/types/packages/components/src/calendar/calendar.meta.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentMeta } from '@cascivo/core';
-export declare const meta: ComponentMeta;

package/dist/types/packages/components/src/card/card.d.ts

@@ -1,18 +0,0 @@
-import type { HTMLAttributes } from 'react';
-export interface CardProps extends HTMLAttributes<HTMLDivElement> {
-    variant?: 'default' | 'outlined' | 'elevated';
-    padding?: 'none' | 'sm' | 'md' | 'lg';
-}
-export declare function Card({ variant, padding, className, children, ...props }: CardProps): import("react").JSX.Element;
-export interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
-}
-export declare function CardHeader({ className, children, ...props }: CardHeaderProps): import("react").JSX.Element;
-export interface CardTitleProps extends HTMLAttributes<HTMLHeadingElement> {
-}
-export declare function CardTitle({ className, children, ...props }: CardTitleProps): import("react").JSX.Element;
-export interface CardContentProps extends HTMLAttributes<HTMLDivElement> {
-}
-export declare function CardContent({ className, children, ...props }: CardContentProps): import("react").JSX.Element;
-export interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
-}
-export declare function CardFooter({ className, children, ...props }: CardFooterProps): import("react").JSX.Element;

package/dist/types/packages/components/src/card/card.meta.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentMeta } from '@cascivo/core';
-export declare const meta: ComponentMeta;

package/dist/types/packages/components/src/carousel/carousel.d.ts

@@ -1,17 +0,0 @@
-import { type ReactNode } from 'react';
-export interface CarouselLabels {
-    region?: string;
-    previous?: string;
-    next?: string;
-}
-export interface CarouselProps {
-    children?: ReactNode;
-    slides?: ReactNode[];
-    index?: number;
-    defaultIndex?: number;
-    onIndexChange?: (index: number) => void;
-    loop?: boolean;
-    className?: string;
-    labels?: CarouselLabels;
-}
-export declare function Carousel({ children, slides, index, defaultIndex, onIndexChange, loop, className, labels, }: CarouselProps): import("react").JSX.Element;

package/dist/types/packages/components/src/carousel/carousel.meta.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentMeta } from '@cascivo/core';
-export declare const meta: ComponentMeta;