@nextsparkjs/ui 0.1.0-beta.1

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 (7) hide show
  1. package/dist/index.d.ts +195 -0
  2. package/dist/index.js +754 -0
  3. package/dist/index.js.map +1 -0
  4. package/dist/index.native.d.ts +456 -0
  5. package/dist/index.native.js +2371 -0
  6. package/dist/index.native.js.map +1 -0
  7. package/package.json +65 -0
package/dist/index.d.ts ADDED
@@ -0,0 +1,195 @@
1
+ import * as class_variance_authority_types from 'class-variance-authority/types';
2
+ import * as React from 'react';
3
+ import { VariantProps } from 'class-variance-authority';
4
+ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
5
+ import * as SwitchPrimitives from '@radix-ui/react-switch';
6
+ import * as react_jsx_runtime from 'react/jsx-runtime';
7
+ import * as LabelPrimitive from '@radix-ui/react-label';
8
+ import * as AvatarPrimitive from '@radix-ui/react-avatar';
9
+ import * as SeparatorPrimitive from '@radix-ui/react-separator';
10
+ import * as ProgressPrimitive from '@radix-ui/react-progress';
11
+ import * as TabsPrimitive from '@radix-ui/react-tabs';
12
+ import * as AccordionPrimitive from '@radix-ui/react-accordion';
13
+ import * as SliderPrimitive from '@radix-ui/react-slider';
14
+ import { ClassValue } from 'clsx';
15
+
16
+ declare const buttonVariants: (props?: ({
17
+ variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
18
+ size?: "default" | "sm" | "lg" | "icon" | null | undefined;
19
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
20
+ interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
21
+ asChild?: boolean;
22
+ }
23
+ declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
24
+
25
+ /**
26
+ * Input Component - Web version
27
+ * Matches @nextsparkjs/core implementation
28
+ */
29
+
30
+ interface InputProps extends React.ComponentProps<"input"> {
31
+ }
32
+ declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
33
+
34
+ /**
35
+ * Textarea Component - Web version
36
+ * Matches @nextsparkjs/core implementation
37
+ */
38
+
39
+ interface TextareaProps extends React.ComponentProps<"textarea"> {
40
+ }
41
+ declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
42
+
43
+ interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
44
+ }
45
+ declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
46
+
47
+ interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
48
+ }
49
+ declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
50
+
51
+ interface LabelProps extends React.ComponentProps<typeof LabelPrimitive.Root> {
52
+ }
53
+ declare function Label({ className, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
54
+
55
+ declare const badgeVariants: (props?: ({
56
+ variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
57
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
58
+ interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
59
+ }
60
+ declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
61
+
62
+ type AvatarSize = "sm" | "default" | "lg" | "xl";
63
+ interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> {
64
+ }
65
+ declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
66
+ interface AvatarImageProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> {
67
+ }
68
+ declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
69
+ interface AvatarFallbackProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback> {
70
+ }
71
+ declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;
72
+ declare function getInitials(name?: string | null): string;
73
+
74
+ /**
75
+ * Card Component - Web version
76
+ * Matches @nextsparkjs/core implementation
77
+ */
78
+
79
+ interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
80
+ }
81
+ declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
82
+ interface PressableCardProps extends React.HTMLAttributes<HTMLDivElement> {
83
+ onClick?: () => void;
84
+ }
85
+ declare const PressableCard: React.ForwardRefExoticComponent<PressableCardProps & React.RefAttributes<HTMLDivElement>>;
86
+ interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
87
+ }
88
+ declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
89
+ interface CardTitleProps extends React.HTMLAttributes<HTMLDivElement> {
90
+ }
91
+ declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLDivElement>>;
92
+ interface CardDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
93
+ }
94
+ declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLDivElement>>;
95
+ interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
96
+ }
97
+ declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
98
+ interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
99
+ }
100
+ declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
101
+
102
+ interface SeparatorProps extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {
103
+ }
104
+ declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
105
+
106
+ /**
107
+ * Skeleton Component - Web version
108
+ * Optimized for INP (Interaction to Next Paint)
109
+ *
110
+ * Performance optimizations:
111
+ * - CSS containment isolates layout/paint calculations
112
+ * - content-visibility:auto skips rendering for off-screen elements
113
+ * - GPU-accelerated opacity animation with will-change hint
114
+ * - Respects prefers-reduced-motion for accessibility
115
+ */
116
+
117
+ interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
118
+ }
119
+ declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
120
+ /**
121
+ * SkeletonContainer - Wraps multiple skeletons with content-visibility optimization
122
+ * Use this for lists or grids of skeleton items to improve rendering performance
123
+ */
124
+ declare const SkeletonContainer: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
125
+ /**
126
+ * SkeletonText - Optimized skeleton for text content
127
+ * Pre-sized for common text patterns to reduce layout shift
128
+ */
129
+ interface SkeletonTextProps extends React.HTMLAttributes<HTMLDivElement> {
130
+ lines?: number;
131
+ }
132
+ declare const SkeletonText: React.ForwardRefExoticComponent<SkeletonTextProps & React.RefAttributes<HTMLDivElement>>;
133
+ declare const SkeletonTitle: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
134
+ declare const SkeletonAvatar: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
135
+ declare const SkeletonCard: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
136
+
137
+ interface DialogProps {
138
+ open?: boolean;
139
+ onOpenChange?: (open: boolean) => void;
140
+ children?: React.ReactNode;
141
+ }
142
+ declare function Dialog({ open, onOpenChange, children, }: DialogProps): react_jsx_runtime.JSX.Element;
143
+ declare namespace Dialog {
144
+ var displayName: string;
145
+ }
146
+ interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {
147
+ }
148
+ declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
149
+ interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
150
+ }
151
+ declare const DialogHeader: React.ForwardRefExoticComponent<DialogHeaderProps & React.RefAttributes<HTMLDivElement>>;
152
+ interface DialogTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
153
+ }
154
+ declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
155
+ interface DialogDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
156
+ }
157
+ declare const DialogDescription: React.ForwardRefExoticComponent<DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
158
+ interface DialogBodyProps extends React.HTMLAttributes<HTMLDivElement> {
159
+ }
160
+ declare const DialogBody: React.ForwardRefExoticComponent<DialogBodyProps & React.RefAttributes<HTMLDivElement>>;
161
+ interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
162
+ }
163
+ declare const DialogFooter: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;
164
+ interface DialogCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
165
+ asChild?: boolean;
166
+ }
167
+ declare const DialogClose: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
168
+
169
+ type ProgressProps = React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>;
170
+ declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
171
+
172
+ type TabsProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>;
173
+ declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
174
+ type TabsListProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
175
+ declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
176
+ type TabsTriggerProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>;
177
+ declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
178
+ type TabsContentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;
179
+ declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
180
+
181
+ type AccordionProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
182
+ declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
183
+ type AccordionItemProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>;
184
+ declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
185
+ type AccordionTriggerProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>;
186
+ declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
187
+ type AccordionContentProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>;
188
+ declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
189
+
190
+ type SliderProps = React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>;
191
+ declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
192
+
193
+ declare function cn(...inputs: ClassValue[]): string;
194
+
195
+ export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarSize, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxProps, Dialog, DialogBody, type DialogBodyProps, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogTitle, type DialogTitleProps, Input, type InputProps, Label, type LabelProps, PressableCard, type PressableCardProps, Progress, type ProgressProps, Separator, type SeparatorProps, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonContainer, type SkeletonProps, SkeletonText, type SkeletonTextProps, SkeletonTitle, Slider, type SliderProps, Switch, type SwitchProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, badgeVariants, buttonVariants, cn, getInitials };