@jallall/oidea-ui 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/README.md +448 -0
  2. package/dist/components/app/action-item-list.d.ts +22 -0
  3. package/dist/components/app/activity-timeline.d.ts +20 -0
  4. package/dist/components/app/aging-bucket-bars.d.ts +16 -0
  5. package/dist/components/app/app-page-header.d.ts +10 -0
  6. package/dist/components/app/app-sidebar.d.ts +27 -0
  7. package/dist/components/app/app-surface.d.ts +13 -0
  8. package/dist/components/app/avatar-thumbnail.d.ts +9 -0
  9. package/dist/components/app/avatar-tile.d.ts +10 -0
  10. package/dist/components/app/charts/area-chart.d.ts +21 -0
  11. package/dist/components/app/charts/bar-chart.d.ts +21 -0
  12. package/dist/components/app/charts/donut-chart.d.ts +16 -0
  13. package/dist/components/app/charts/index.d.ts +4 -0
  14. package/dist/components/app/charts/sparkline.d.ts +11 -0
  15. package/dist/components/app/confirm-dialog.d.ts +12 -0
  16. package/dist/components/app/data-table-types.d.ts +19 -0
  17. package/dist/components/app/data-table.d.ts +31 -0
  18. package/dist/components/app/detail-drawer.d.ts +14 -0
  19. package/dist/components/app/drawer-field.d.ts +9 -0
  20. package/dist/components/app/drawer-section.d.ts +9 -0
  21. package/dist/components/app/empty-state.d.ts +14 -0
  22. package/dist/components/app/filter-bar.d.ts +13 -0
  23. package/dist/components/app/filter-chips.d.ts +18 -0
  24. package/dist/components/app/health-score-ring.d.ts +12 -0
  25. package/dist/components/app/hero-stat-card.d.ts +17 -0
  26. package/dist/components/app/period-selector.d.ts +9 -0
  27. package/dist/components/app/reference-combobox.d.ts +19 -0
  28. package/dist/components/app/router-shell.d.ts +11 -0
  29. package/dist/components/app/search-input.d.ts +11 -0
  30. package/dist/components/app/stat-card.d.ts +19 -0
  31. package/dist/components/app/status-badge.d.ts +13 -0
  32. package/dist/components/app/status-filter-popover.d.ts +12 -0
  33. package/dist/components/app/status-filter.d.ts +15 -0
  34. package/dist/components/app/step-indicator.d.ts +8 -0
  35. package/dist/components/app/submission-funnel.d.ts +14 -0
  36. package/dist/components/app/tabs-context.d.ts +7 -0
  37. package/dist/components/app/tabs-list.d.ts +9 -0
  38. package/dist/components/app/tabs-tab.d.ts +10 -0
  39. package/dist/components/app/tabs.d.ts +9 -0
  40. package/dist/components/app/trend-card.d.ts +21 -0
  41. package/dist/components/ui/alert.d.ts +9 -0
  42. package/dist/components/ui/avatar.d.ts +11 -0
  43. package/dist/components/ui/badge.d.ts +12 -0
  44. package/dist/components/ui/breadcrumb.d.ts +11 -0
  45. package/dist/components/ui/button.d.ts +10 -0
  46. package/dist/components/ui/calendar.d.ts +8 -0
  47. package/dist/components/ui/card.d.ts +9 -0
  48. package/dist/components/ui/chart.d.ts +44 -0
  49. package/dist/components/ui/checkbox.d.ts +4 -0
  50. package/dist/components/ui/collapsible.d.ts +5 -0
  51. package/dist/components/ui/command.d.ts +18 -0
  52. package/dist/components/ui/dialog.d.ts +17 -0
  53. package/dist/components/ui/dropdown-menu.d.ts +25 -0
  54. package/dist/components/ui/form.d.ts +23 -0
  55. package/dist/components/ui/input.d.ts +3 -0
  56. package/dist/components/ui/label.d.ts +4 -0
  57. package/dist/components/ui/pagination.d.ts +13 -0
  58. package/dist/components/ui/popover.d.ts +10 -0
  59. package/dist/components/ui/progress.d.ts +4 -0
  60. package/dist/components/ui/radio-group.d.ts +5 -0
  61. package/dist/components/ui/scroll-area.d.ts +5 -0
  62. package/dist/components/ui/select.d.ts +15 -0
  63. package/dist/components/ui/separator.d.ts +4 -0
  64. package/dist/components/ui/sheet.d.ts +14 -0
  65. package/dist/components/ui/sidebar.d.ts +69 -0
  66. package/dist/components/ui/skeleton.d.ts +2 -0
  67. package/dist/components/ui/sonner.d.ts +4 -0
  68. package/dist/components/ui/switch.d.ts +6 -0
  69. package/dist/components/ui/table.d.ts +10 -0
  70. package/dist/components/ui/tabs.d.ts +11 -0
  71. package/dist/components/ui/textarea.d.ts +3 -0
  72. package/dist/components/ui/toggle-group.d.ts +9 -0
  73. package/dist/components/ui/toggle.d.ts +9 -0
  74. package/dist/components/ui/tooltip.d.ts +7 -0
  75. package/dist/hooks/use-mobile.d.ts +1 -0
  76. package/dist/index.cjs +125 -0
  77. package/dist/index.cjs.map +1 -0
  78. package/dist/index.d.ts +72 -0
  79. package/dist/index.js +40933 -0
  80. package/dist/index.js.map +1 -0
  81. package/dist/lib/period.d.ts +14 -0
  82. package/dist/lib/utils.d.ts +2 -0
  83. package/dist/providers/query-provider.d.ts +11 -0
  84. package/dist/providers/router-provider.d.ts +6 -0
  85. package/dist/styles.css +3 -0
  86. package/package.json +103 -0
@@ -0,0 +1,11 @@
1
+ interface SparklineProps {
2
+ data: number[];
3
+ variant?: 'area' | 'line';
4
+ color?: string;
5
+ height?: number;
6
+ width?: number | string;
7
+ className?: string;
8
+ strokeWidth?: number;
9
+ }
10
+ export declare function Sparkline({ data, variant, color, height, width, className, strokeWidth, }: SparklineProps): import("react").JSX.Element;
11
+ export {};
@@ -0,0 +1,12 @@
1
+ import { ReactNode } from 'react';
2
+ export interface ConfirmDialogProps {
3
+ open: boolean;
4
+ onOpenChange: (open: boolean) => void;
5
+ title: ReactNode;
6
+ description?: ReactNode;
7
+ confirmLabel?: string;
8
+ cancelLabel?: string;
9
+ tone?: 'destructive' | 'default';
10
+ onConfirm: () => void;
11
+ }
12
+ export declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, tone, onConfirm, }: ConfirmDialogProps): import("react").JSX.Element;
@@ -0,0 +1,19 @@
1
+ import { ReactNode } from 'react';
2
+ export type DataTableAlign = 'left' | 'center' | 'right';
3
+ export interface DataTableColumn<TData> {
4
+ id: string;
5
+ header: ReactNode;
6
+ cell: (row: TData, rowIndex: number) => ReactNode;
7
+ sortAccessor?: (row: TData) => string | number | Date | null | undefined;
8
+ align?: DataTableAlign;
9
+ width?: string;
10
+ className?: string;
11
+ headerClassName?: string;
12
+ }
13
+ export type DataTableSortState = {
14
+ columnId: string;
15
+ direction: 'asc' | 'desc';
16
+ } | null;
17
+ export declare const DATA_TABLE_ALIGN_CLASS: Record<DataTableAlign, string>;
18
+ export declare const DATA_TABLE_DEFAULT_PAGE_SIZE_OPTIONS: number[];
19
+ export declare function defaultSearchAccessor<TData>(columns: DataTableColumn<TData>[], row: TData): string;
@@ -0,0 +1,31 @@
1
+ import { ReactNode } from 'react';
2
+ import { DataTableColumn } from './data-table-types';
3
+ export type { DataTableAlign, DataTableColumn } from './data-table-types';
4
+ interface DataTableProps<TData> {
5
+ columns: DataTableColumn<TData>[];
6
+ data: TData[];
7
+ rowKey: (row: TData, index: number) => string;
8
+ onRowClick?: (row: TData) => void;
9
+ empty?: ReactNode;
10
+ loading?: boolean;
11
+ skeletonRows?: number;
12
+ density?: 'comfortable' | 'compact';
13
+ className?: string;
14
+ caption?: string;
15
+ searchable?: boolean;
16
+ searchPlaceholder?: string;
17
+ searchAccessor?: (row: TData) => string;
18
+ searchValue?: string;
19
+ onSearchChange?: (next: string) => void;
20
+ paginated?: boolean;
21
+ defaultPageSize?: number;
22
+ pageSizeOptions?: number[];
23
+ toolbarActions?: ReactNode;
24
+ fillHeight?: boolean;
25
+ manualData?: boolean;
26
+ totalCount?: number;
27
+ hasMore?: boolean;
28
+ loadingMore?: boolean;
29
+ onLoadMore?: () => void;
30
+ }
31
+ export declare function DataTable<TData>({ columns, data, rowKey, onRowClick, empty, loading, skeletonRows, density, className, caption, searchable, searchPlaceholder, searchAccessor, searchValue, onSearchChange, paginated, defaultPageSize, pageSizeOptions, toolbarActions, fillHeight, manualData, totalCount, hasMore, loadingMore, onLoadMore, }: DataTableProps<TData>): import("react").JSX.Element;
@@ -0,0 +1,14 @@
1
+ import { ReactNode } from 'react';
2
+ interface DetailDrawerProps {
3
+ open: boolean;
4
+ onOpenChange: (open: boolean) => void;
5
+ title: string;
6
+ eyebrow?: string;
7
+ description?: string;
8
+ side?: 'right' | 'left';
9
+ size?: 'sm' | 'md' | 'lg';
10
+ footer?: ReactNode;
11
+ children: ReactNode;
12
+ }
13
+ export declare function DetailDrawer({ open, onOpenChange, title, eyebrow, description, side, size, footer, children, }: DetailDrawerProps): import("react").JSX.Element;
14
+ export {};
@@ -0,0 +1,9 @@
1
+ import { ReactNode } from 'react';
2
+ interface DrawerFieldProps {
3
+ label: string;
4
+ value: ReactNode;
5
+ helper?: string;
6
+ className?: string;
7
+ }
8
+ export declare function DrawerField({ label, value, helper, className }: DrawerFieldProps): import("react").JSX.Element;
9
+ export {};
@@ -0,0 +1,9 @@
1
+ import { ReactNode } from 'react';
2
+ interface DrawerSectionProps {
3
+ title?: string;
4
+ description?: string;
5
+ children: ReactNode;
6
+ className?: string;
7
+ }
8
+ export declare function DrawerSection({ title, description, children, className, }: DrawerSectionProps): import("react").JSX.Element;
9
+ export {};
@@ -0,0 +1,14 @@
1
+ import { ComponentType, ReactNode } from 'react';
2
+ interface EmptyStateProps {
3
+ icon?: ComponentType<{
4
+ className?: string;
5
+ }>;
6
+ title: string;
7
+ description?: string;
8
+ action?: ReactNode;
9
+ secondary?: ReactNode;
10
+ className?: string;
11
+ compact?: boolean;
12
+ }
13
+ export declare function EmptyState({ icon: Icon, title, description, action, secondary, className, compact, }: EmptyStateProps): import("react").JSX.Element;
14
+ export {};
@@ -0,0 +1,13 @@
1
+ import { ReactNode } from 'react';
2
+ interface FilterBarProps {
3
+ search?: string;
4
+ onSearchChange?: (next: string) => void;
5
+ searchPlaceholder?: string;
6
+ chips?: ReactNode;
7
+ period?: ReactNode;
8
+ actions?: ReactNode;
9
+ className?: string;
10
+ density?: 'default' | 'compact';
11
+ }
12
+ export declare function FilterBar({ search, onSearchChange, searchPlaceholder, chips, period, actions, className, density, }: FilterBarProps): import("react").JSX.Element;
13
+ export {};
@@ -0,0 +1,18 @@
1
+ export interface FilterChipOption {
2
+ id: string;
3
+ label: string;
4
+ count?: number;
5
+ icon?: React.ComponentType<{
6
+ className?: string;
7
+ }>;
8
+ }
9
+ interface FilterChipsProps {
10
+ options: FilterChipOption[];
11
+ selected: string[];
12
+ onChange: (next: string[]) => void;
13
+ className?: string;
14
+ allowClear?: boolean;
15
+ size?: 'sm' | 'md';
16
+ }
17
+ export declare function FilterChips({ options, selected, onChange, className, allowClear, size, }: FilterChipsProps): import("react").JSX.Element;
18
+ export {};
@@ -0,0 +1,12 @@
1
+ interface HealthScoreRingProps {
2
+ value: number;
3
+ max?: number;
4
+ label?: string;
5
+ caption?: string;
6
+ size?: number;
7
+ thickness?: number;
8
+ tone?: 'auto' | 'success' | 'warning' | 'critical' | 'neutral';
9
+ className?: string;
10
+ }
11
+ export declare function HealthScoreRing({ value, max, label, caption, size, thickness, tone, className, }: HealthScoreRingProps): import("react").JSX.Element;
12
+ export {};
@@ -0,0 +1,17 @@
1
+ import { ComponentType } from 'react';
2
+ export type HeroStatTone = 'dark' | 'gold';
3
+ interface HeroStatCardProps {
4
+ tone: HeroStatTone;
5
+ icon: ComponentType<{
6
+ className?: string;
7
+ }>;
8
+ label: string;
9
+ value: string;
10
+ currency: string;
11
+ subtitle?: string;
12
+ delta?: number | null;
13
+ deltaLabel?: string;
14
+ className?: string;
15
+ }
16
+ export declare function HeroStatCard({ tone, icon: Icon, label, value, currency, subtitle, delta, deltaLabel, className, }: HeroStatCardProps): import("react").JSX.Element;
17
+ export {};
@@ -0,0 +1,9 @@
1
+ import { PeriodRange } from '../../lib/period';
2
+ interface PeriodSelectorProps {
3
+ value: PeriodRange;
4
+ onChange: (range: PeriodRange) => void;
5
+ className?: string;
6
+ align?: 'start' | 'center' | 'end';
7
+ }
8
+ export declare function PeriodSelector({ value, onChange, className, align, }: PeriodSelectorProps): import("react").JSX.Element;
9
+ export {};
@@ -0,0 +1,19 @@
1
+ export interface ReferenceComboboxOption {
2
+ value: string;
3
+ label: string;
4
+ helper?: string;
5
+ }
6
+ interface ReferenceComboboxProps {
7
+ value: string;
8
+ onValueChange: (value: string) => void;
9
+ options: ReferenceComboboxOption[];
10
+ placeholder: string;
11
+ searchPlaceholder?: string;
12
+ emptyText?: string;
13
+ disabled?: boolean;
14
+ id?: string;
15
+ searchValue?: string;
16
+ onSearchValueChange?: (value: string) => void;
17
+ }
18
+ export declare function ReferenceCombobox({ value, onValueChange, options, placeholder, searchPlaceholder, emptyText, disabled, id, searchValue, onSearchValueChange, }: ReferenceComboboxProps): import("react").JSX.Element;
19
+ export {};
@@ -0,0 +1,11 @@
1
+ import { ReactNode } from 'react';
2
+ import { AppSidebarProps } from './app-sidebar';
3
+ export interface RouterShellProps {
4
+ sidebar: AppSidebarProps;
5
+ children: ReactNode;
6
+ defaultSidebarOpen?: boolean;
7
+ header?: ReactNode;
8
+ showSidebarTrigger?: boolean;
9
+ }
10
+ /** Responsive page shell for content rendered by a TanStack route. */
11
+ export declare function RouterShell({ sidebar, children, defaultSidebarOpen, header, showSidebarTrigger, }: RouterShellProps): import("react").JSX.Element;
@@ -0,0 +1,11 @@
1
+ interface SearchInputProps {
2
+ value: string;
3
+ onChange: (next: string) => void;
4
+ placeholder?: string;
5
+ className?: string;
6
+ size?: 'sm' | 'md';
7
+ autoFocus?: boolean;
8
+ disabled?: boolean;
9
+ }
10
+ export declare const SearchInput: import('react').ForwardRefExoticComponent<SearchInputProps & import('react').RefAttributes<HTMLInputElement>>;
11
+ export {};
@@ -0,0 +1,19 @@
1
+ import { ComponentType, ReactNode } from 'react';
2
+ export type StatTone = 'neutral' | 'success' | 'warning' | 'critical';
3
+ interface StatCardProps {
4
+ label: string;
5
+ value: ReactNode;
6
+ delta?: {
7
+ value: string;
8
+ direction?: 'up' | 'down' | 'flat';
9
+ };
10
+ helper?: string;
11
+ icon?: ComponentType<{
12
+ className?: string;
13
+ }>;
14
+ tone?: StatTone;
15
+ className?: string;
16
+ children?: ReactNode;
17
+ }
18
+ export declare function StatCard({ label, value, delta, helper, icon: Icon, tone, className, children, }: StatCardProps): import("react").JSX.Element;
19
+ export {};
@@ -0,0 +1,13 @@
1
+ import { CSSProperties, ReactNode } from 'react';
2
+ export type StatusTone = 'success' | 'warning' | 'gold' | 'danger' | 'neutral' | 'muted' | 'info';
3
+ export interface StatusBadgeProps {
4
+ tone?: StatusTone;
5
+ /** Any valid CSS color. Overrides the semantic tone colors. */
6
+ color?: string;
7
+ size?: 'xs' | 'sm' | 'md' | 'lg';
8
+ dot?: boolean;
9
+ children: ReactNode;
10
+ className?: string;
11
+ style?: CSSProperties;
12
+ }
13
+ export declare function StatusBadge({ tone, color, size, dot, children, className, style, }: StatusBadgeProps): import("react").JSX.Element;
@@ -0,0 +1,12 @@
1
+ import { StatusFilterOption } from './status-filter';
2
+ interface StatusFilterPopoverProps<T extends string = string> {
3
+ options: StatusFilterOption<T>[];
4
+ selected: T[];
5
+ onChange: (next: T[]) => void;
6
+ label?: string;
7
+ triggerLabel?: string;
8
+ align?: 'start' | 'center' | 'end';
9
+ className?: string;
10
+ }
11
+ export declare function StatusFilterPopover<T extends string = string>({ options, selected, onChange, label, triggerLabel, align, className, }: StatusFilterPopoverProps<T>): import("react").JSX.Element;
12
+ export {};
@@ -0,0 +1,15 @@
1
+ export interface StatusFilterOption<T extends string = string> {
2
+ id: T;
3
+ label: string;
4
+ /** Class string applied to the pill when this option is selected — typically the same tonal style used for the status pill in the data column. */
5
+ toneClass: string;
6
+ }
7
+ interface StatusFilterProps<T extends string = string> {
8
+ options: StatusFilterOption<T>[];
9
+ selected: T[];
10
+ onChange: (next: T[]) => void;
11
+ label?: string;
12
+ className?: string;
13
+ }
14
+ export declare function StatusFilter<T extends string = string>({ options, selected, onChange, label, className, }: StatusFilterProps<T>): import("react").JSX.Element;
15
+ export {};
@@ -0,0 +1,8 @@
1
+ interface StepIndicatorProps {
2
+ steps: string[];
3
+ currentStep: number;
4
+ className?: string;
5
+ size?: 'sm' | 'md';
6
+ }
7
+ export declare function StepIndicator({ steps, currentStep, className, size, }: StepIndicatorProps): import("react").JSX.Element;
8
+ export {};
@@ -0,0 +1,14 @@
1
+ export interface FunnelStage {
2
+ id: string;
3
+ label: string;
4
+ value: number;
5
+ helper?: string;
6
+ tone?: 'neutral' | 'success' | 'warning' | 'critical';
7
+ }
8
+ interface SubmissionFunnelProps {
9
+ stages: FunnelStage[];
10
+ className?: string;
11
+ formatValue?: (v: number) => string;
12
+ }
13
+ export declare function SubmissionFunnel({ stages, className, formatValue, }: SubmissionFunnelProps): import("react").JSX.Element;
14
+ export {};
@@ -0,0 +1,7 @@
1
+ export interface TabsContextValue {
2
+ value: string;
3
+ onChange: (v: string) => void;
4
+ indicatorId: string;
5
+ }
6
+ export declare const TabsContext: import('react').Context<TabsContextValue | null>;
7
+ export declare function useTabsCtx(): TabsContextValue;
@@ -0,0 +1,9 @@
1
+ import { ReactNode } from 'react';
2
+ interface TabsListProps {
3
+ children: ReactNode;
4
+ className?: string;
5
+ align?: 'start' | 'center' | 'end';
6
+ actions?: ReactNode;
7
+ }
8
+ export declare function TabsList({ children, className, align, actions, }: TabsListProps): import("react").JSX.Element;
9
+ export {};
@@ -0,0 +1,10 @@
1
+ import { ReactNode } from 'react';
2
+ interface TabsTabProps {
3
+ value: string;
4
+ children: ReactNode;
5
+ count?: number;
6
+ disabled?: boolean;
7
+ className?: string;
8
+ }
9
+ export declare function TabsTab({ value, children, count, disabled, className }: TabsTabProps): import("react").JSX.Element;
10
+ export {};
@@ -0,0 +1,9 @@
1
+ import { ReactNode } from 'react';
2
+ interface TabsProps {
3
+ value: string;
4
+ onChange: (v: string) => void;
5
+ children: ReactNode;
6
+ className?: string;
7
+ }
8
+ export declare function Tabs({ value, onChange, children, className }: TabsProps): import("react").JSX.Element;
9
+ export {};
@@ -0,0 +1,21 @@
1
+ import { ComponentType, ReactNode } from 'react';
2
+ export type TrendTone = 'neutral' | 'success' | 'warning' | 'critical';
3
+ interface TrendCardProps {
4
+ label: string;
5
+ value: ReactNode;
6
+ delta?: {
7
+ value: string;
8
+ direction?: 'up' | 'down' | 'flat';
9
+ };
10
+ helper?: string;
11
+ icon?: ComponentType<{
12
+ className?: string;
13
+ }>;
14
+ tone?: TrendTone;
15
+ data: number[];
16
+ variant?: 'area' | 'line';
17
+ sparkHeight?: number;
18
+ className?: string;
19
+ }
20
+ export declare function TrendCard({ label, value, delta, helper, icon: Icon, tone, data, variant, sparkHeight, className, }: TrendCardProps): import("react").JSX.Element;
21
+ export {};
@@ -0,0 +1,9 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import * as React from "react";
3
+ declare const alertVariants: (props?: ({
4
+ variant?: "default" | "destructive" | null | undefined;
5
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
6
+ declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
7
+ declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
8
+ declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
9
+ export { Alert, AlertTitle, AlertDescription };
@@ -0,0 +1,11 @@
1
+ import { Avatar as AvatarPrimitive } from 'radix-ui';
2
+ import * as React from "react";
3
+ declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
4
+ size?: "default" | "sm" | "lg";
5
+ }): React.JSX.Element;
6
+ declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): React.JSX.Element;
7
+ declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): React.JSX.Element;
8
+ declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
9
+ declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
10
+ declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
11
+ export { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount, };
@@ -0,0 +1,12 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import * as React from "react";
3
+ declare const badgeVariants: (props?: ({
4
+ variant?: "default" | "destructive" | "link" | "secondary" | "outline" | "ghost" | null | undefined;
5
+ size?: "sm" | "lg" | "xs" | "md" | null | undefined;
6
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
+ declare function Badge({ className, variant, size, color, asChild, style, ...props }: React.ComponentProps<"span"> & Omit<React.ComponentProps<"span">, "color"> & VariantProps<typeof badgeVariants> & {
8
+ asChild?: boolean;
9
+ /** Any valid CSS color. Overrides the selected variant's colors. */
10
+ color?: string;
11
+ }): React.JSX.Element;
12
+ export { Badge, badgeVariants };
@@ -0,0 +1,11 @@
1
+ import * as React from "react";
2
+ declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): React.JSX.Element;
3
+ declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): React.JSX.Element;
4
+ declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
5
+ declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
6
+ asChild?: boolean;
7
+ }): React.JSX.Element;
8
+ declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
9
+ declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
10
+ declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
11
+ export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
@@ -0,0 +1,10 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import * as React from "react";
3
+ declare const buttonVariants: (props?: ({
4
+ variant?: "default" | "destructive" | "link" | "secondary" | "outline" | "ghost" | null | undefined;
5
+ size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
6
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
+ declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
8
+ asChild?: boolean;
9
+ }): React.JSX.Element;
10
+ export { Button, buttonVariants };
@@ -0,0 +1,8 @@
1
+ import { DayPicker, DayButton } from 'react-day-picker';
2
+ import { Button } from './button';
3
+ import * as React from "react";
4
+ declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
5
+ buttonVariant?: React.ComponentProps<typeof Button>["variant"];
6
+ }): React.JSX.Element;
7
+ declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): React.JSX.Element;
8
+ export { Calendar, CalendarDayButton };
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ declare function Card({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
3
+ declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
4
+ declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
5
+ declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
6
+ declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
7
+ declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
8
+ declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
9
+ export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
@@ -0,0 +1,44 @@
1
+ import { TooltipValueType } from 'recharts';
2
+ import * as React from "react";
3
+ import * as RechartsPrimitive from "recharts";
4
+ declare const THEMES: {
5
+ readonly light: "";
6
+ readonly dark: ".dark";
7
+ };
8
+ type TooltipNameType = number | string;
9
+ export type ChartConfig = Record<string, {
10
+ label?: React.ReactNode;
11
+ icon?: React.ComponentType;
12
+ } & ({
13
+ color?: string;
14
+ theme?: never;
15
+ } | {
16
+ color?: never;
17
+ theme: Record<keyof typeof THEMES, string>;
18
+ })>;
19
+ declare function ChartContainer({ id, className, children, config, initialDimension, ...props }: React.ComponentProps<"div"> & {
20
+ config: ChartConfig;
21
+ children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
22
+ initialDimension?: {
23
+ width: number;
24
+ height: number;
25
+ };
26
+ }): React.JSX.Element;
27
+ declare const ChartStyle: ({ id, config }: {
28
+ id: string;
29
+ config: ChartConfig;
30
+ }) => React.JSX.Element | null;
31
+ declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
32
+ declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<"div"> & {
33
+ hideLabel?: boolean;
34
+ hideIndicator?: boolean;
35
+ indicator?: "line" | "dot" | "dashed";
36
+ nameKey?: string;
37
+ labelKey?: string;
38
+ } & Omit<RechartsPrimitive.DefaultTooltipContentProps<TooltipValueType, TooltipNameType>, "accessibilityLayer">): React.JSX.Element | null;
39
+ declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
40
+ declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & {
41
+ hideIcon?: boolean;
42
+ nameKey?: string;
43
+ } & RechartsPrimitive.DefaultLegendContentProps): React.JSX.Element | null;
44
+ export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };
@@ -0,0 +1,4 @@
1
+ import { Checkbox as CheckboxPrimitive } from 'radix-ui';
2
+ import * as React from "react";
3
+ declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): React.JSX.Element;
4
+ export { Checkbox };
@@ -0,0 +1,5 @@
1
+ import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
2
+ declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react").JSX.Element;
3
+ declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react").JSX.Element;
4
+ declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react").JSX.Element;
5
+ export { Collapsible, CollapsibleTrigger, CollapsibleContent };
@@ -0,0 +1,18 @@
1
+ import { Command as CommandPrimitive } from 'cmdk';
2
+ import { Dialog } from './dialog';
3
+ import * as React from "react";
4
+ declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): React.JSX.Element;
5
+ declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
6
+ title?: string;
7
+ description?: string;
8
+ className?: string;
9
+ showCloseButton?: boolean;
10
+ }): React.JSX.Element;
11
+ declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): React.JSX.Element;
12
+ declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): React.JSX.Element;
13
+ declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element;
14
+ declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): React.JSX.Element;
15
+ declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): React.JSX.Element;
16
+ declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): React.JSX.Element;
17
+ declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
18
+ export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
@@ -0,0 +1,17 @@
1
+ import { Dialog as DialogPrimitive } from 'radix-ui';
2
+ import * as React from "react";
3
+ declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
4
+ declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
5
+ declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
6
+ declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
7
+ declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
8
+ declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
9
+ showCloseButton?: boolean;
10
+ }): React.JSX.Element;
11
+ declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
12
+ declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
13
+ showCloseButton?: boolean;
14
+ }): React.JSX.Element;
15
+ declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
16
+ declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
17
+ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
@@ -0,0 +1,25 @@
1
+ import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
2
+ import * as React from "react";
3
+ declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
4
+ declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
5
+ declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
6
+ declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): React.JSX.Element;
7
+ declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
8
+ declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
9
+ inset?: boolean;
10
+ variant?: "default" | "destructive";
11
+ }): React.JSX.Element;
12
+ declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): React.JSX.Element;
13
+ declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
14
+ declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): React.JSX.Element;
15
+ declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
16
+ inset?: boolean;
17
+ }): React.JSX.Element;
18
+ declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
19
+ declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
20
+ declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
21
+ declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
22
+ inset?: boolean;
23
+ }): React.JSX.Element;
24
+ declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React.JSX.Element;
25
+ export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };