pala-ui-core 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 (8) hide show
  1. package/README.md +164 -0
  2. package/dist/index.cjs +928 -0
  3. package/dist/index.d.cts +122 -0
  4. package/dist/index.d.ts +122 -0
  5. package/dist/index.js +869 -0
  6. package/package.json +52 -0
  7. package/src/styles.css +57 -0
  8. package/src/tokens.css +25 -0
package/dist/index.d.cts ADDED
@@ -0,0 +1,122 @@
1
+ import * as react from 'react';
2
+ import { ClassValue } from 'clsx';
3
+
4
+ declare function ButtonPrimary({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
5
+ declare function ButtonSecondary({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
6
+ declare function ButtonAccent({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
7
+ declare function ButtonSuccess({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
8
+ declare function ButtonDestructive({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
9
+ declare function ButtonWarning({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
10
+ declare function ButtonOutline({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
11
+ declare function ButtonGhost({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
12
+ declare function ButtonLink({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
13
+ declare function ButtonWithIconLeft({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
14
+ declare function ButtonWithIconRight({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
15
+ declare function ButtonBlock({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
16
+ declare function ButtonSplit({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
17
+ declare function ButtonIcon({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
18
+ declare function ButtonLoading({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
19
+ declare function ButtonDisabledPrimary({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
20
+ declare function ButtonSmall({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
21
+ declare function ButtonLarge({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
22
+ declare function ButtonGroup({ options, value, onChange }: {
23
+ options: string[];
24
+ value: string;
25
+ onChange: (v: string) => void;
26
+ }): react.JSX.Element;
27
+ declare const disabledVariants: readonly [{
28
+ readonly label: "Primary";
29
+ readonly cls: "bg-primary/60 text-[#1A1A1A]";
30
+ }, {
31
+ readonly label: "Secondary";
32
+ readonly cls: "border border-border/60 bg-card/60 text-foreground-primary/60";
33
+ }, {
34
+ readonly label: "Accent";
35
+ readonly cls: "bg-accent/60 text-[#1A1A1A]/60";
36
+ }, {
37
+ readonly label: "Success";
38
+ readonly cls: "bg-success/60 text-white/60";
39
+ }, {
40
+ readonly label: "Destructive";
41
+ readonly cls: "bg-error/60 text-white/60";
42
+ }, {
43
+ readonly label: "Warning";
44
+ readonly cls: "bg-warning/60 text-[#1A1A1A]/60";
45
+ }, {
46
+ readonly label: "Outline";
47
+ readonly cls: "border-2 border-primary/40 text-primary/60";
48
+ }, {
49
+ readonly label: "Ghost";
50
+ readonly cls: "text-foreground-primary/50";
51
+ }];
52
+
53
+ declare function ProgressBar({ value }: {
54
+ value?: number;
55
+ }): react.JSX.Element;
56
+ declare function Divider(): react.JSX.Element;
57
+ declare function Avatar({ size, initials }: {
58
+ size?: "sm" | "md" | "lg";
59
+ initials?: string;
60
+ }): react.JSX.Element;
61
+ declare function Accordion(): react.JSX.Element;
62
+ declare function StatCard({ label, value }: {
63
+ label?: string;
64
+ value?: string;
65
+ }): react.JSX.Element;
66
+ declare function JobCard(): react.JSX.Element;
67
+ declare function CandidateCard(): react.JSX.Element;
68
+
69
+ declare function Alert({ type, message }: {
70
+ type: "info" | "success" | "error" | "warning";
71
+ message: string;
72
+ }): react.JSX.Element;
73
+ declare function ToastSuccess(): react.JSX.Element;
74
+ declare function SnackbarDefault(): react.JSX.Element;
75
+ declare function SnackbarAction(): react.JSX.Element;
76
+ declare function ModalDialog({ type, onClose }: {
77
+ type?: "confirm" | "success";
78
+ onClose?: () => void;
79
+ }): react.JSX.Element;
80
+ declare function LoaderSpinner(): react.JSX.Element;
81
+ declare function LoaderDots(): react.JSX.Element;
82
+ declare function SkeletonBlock(): react.JSX.Element;
83
+
84
+ declare function InputField({ className, ...props }: React.InputHTMLAttributes<HTMLInputElement>): react.JSX.Element;
85
+ declare function TextareaField({ className, ...props }: React.TextareaHTMLAttributes<HTMLTextAreaElement>): react.JSX.Element;
86
+ declare function ToggleSwitch(): react.JSX.Element;
87
+ declare function RadioGroup(): react.JSX.Element;
88
+ declare function CheckboxInput(): react.JSX.Element;
89
+ declare function DropdownTrigger(): react.JSX.Element;
90
+ declare function DropdownMenu(): react.JSX.Element;
91
+ declare function FileUpload(): react.JSX.Element;
92
+ declare function DatePickerTrigger(): react.JSX.Element;
93
+
94
+ declare function NavItem(): react.JSX.Element;
95
+ declare function NavItemActive(): react.JSX.Element;
96
+ declare function TabBar(): react.JSX.Element;
97
+ declare function Breadcrumbs(): react.JSX.Element;
98
+ declare function Pagination(): react.JSX.Element;
99
+ declare function SidebarNav(): react.JSX.Element;
100
+
101
+ declare function SkillsChips(): react.JSX.Element;
102
+ declare function Rating({ value, max }: {
103
+ value?: number;
104
+ max?: number;
105
+ }): react.JSX.Element;
106
+ declare function AppTracker(): react.JSX.Element;
107
+ declare function InterviewCard(): react.JSX.Element;
108
+ declare function EmptyState(): react.JSX.Element;
109
+
110
+ declare function cn(...inputs: ClassValue[]): string;
111
+
112
+ interface Palette {
113
+ id: string;
114
+ name: string;
115
+ description: string;
116
+ swatch: string;
117
+ tokens: Record<string, string>;
118
+ }
119
+ declare const defaultPaletteId = "ocean";
120
+ declare const palettes: Palette[];
121
+
122
+ export { Accordion, Alert, AppTracker, Avatar, Breadcrumbs, ButtonAccent, ButtonBlock, ButtonDestructive, ButtonDisabledPrimary, ButtonGhost, ButtonGroup, ButtonIcon, ButtonLarge, ButtonLink, ButtonLoading, ButtonOutline, ButtonPrimary, ButtonSecondary, ButtonSmall, ButtonSplit, ButtonSuccess, ButtonWarning, ButtonWithIconLeft, ButtonWithIconRight, CandidateCard, CheckboxInput, DatePickerTrigger, Divider, DropdownMenu, DropdownTrigger, EmptyState, FileUpload, InputField, InterviewCard, JobCard, LoaderDots, LoaderSpinner, ModalDialog, NavItem, NavItemActive, Pagination, type Palette, ProgressBar, RadioGroup, Rating, SidebarNav, SkeletonBlock, SkillsChips, SnackbarAction, SnackbarDefault, StatCard, TabBar, TextareaField, ToastSuccess, ToggleSwitch, cn, defaultPaletteId, disabledVariants, palettes };
package/dist/index.d.ts ADDED
@@ -0,0 +1,122 @@
1
+ import * as react from 'react';
2
+ import { ClassValue } from 'clsx';
3
+
4
+ declare function ButtonPrimary({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
5
+ declare function ButtonSecondary({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
6
+ declare function ButtonAccent({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
7
+ declare function ButtonSuccess({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
8
+ declare function ButtonDestructive({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
9
+ declare function ButtonWarning({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
10
+ declare function ButtonOutline({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
11
+ declare function ButtonGhost({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
12
+ declare function ButtonLink({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
13
+ declare function ButtonWithIconLeft({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
14
+ declare function ButtonWithIconRight({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
15
+ declare function ButtonBlock({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
16
+ declare function ButtonSplit({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
17
+ declare function ButtonIcon({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
18
+ declare function ButtonLoading({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
19
+ declare function ButtonDisabledPrimary({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
20
+ declare function ButtonSmall({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
21
+ declare function ButtonLarge({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
22
+ declare function ButtonGroup({ options, value, onChange }: {
23
+ options: string[];
24
+ value: string;
25
+ onChange: (v: string) => void;
26
+ }): react.JSX.Element;
27
+ declare const disabledVariants: readonly [{
28
+ readonly label: "Primary";
29
+ readonly cls: "bg-primary/60 text-[#1A1A1A]";
30
+ }, {
31
+ readonly label: "Secondary";
32
+ readonly cls: "border border-border/60 bg-card/60 text-foreground-primary/60";
33
+ }, {
34
+ readonly label: "Accent";
35
+ readonly cls: "bg-accent/60 text-[#1A1A1A]/60";
36
+ }, {
37
+ readonly label: "Success";
38
+ readonly cls: "bg-success/60 text-white/60";
39
+ }, {
40
+ readonly label: "Destructive";
41
+ readonly cls: "bg-error/60 text-white/60";
42
+ }, {
43
+ readonly label: "Warning";
44
+ readonly cls: "bg-warning/60 text-[#1A1A1A]/60";
45
+ }, {
46
+ readonly label: "Outline";
47
+ readonly cls: "border-2 border-primary/40 text-primary/60";
48
+ }, {
49
+ readonly label: "Ghost";
50
+ readonly cls: "text-foreground-primary/50";
51
+ }];
52
+
53
+ declare function ProgressBar({ value }: {
54
+ value?: number;
55
+ }): react.JSX.Element;
56
+ declare function Divider(): react.JSX.Element;
57
+ declare function Avatar({ size, initials }: {
58
+ size?: "sm" | "md" | "lg";
59
+ initials?: string;
60
+ }): react.JSX.Element;
61
+ declare function Accordion(): react.JSX.Element;
62
+ declare function StatCard({ label, value }: {
63
+ label?: string;
64
+ value?: string;
65
+ }): react.JSX.Element;
66
+ declare function JobCard(): react.JSX.Element;
67
+ declare function CandidateCard(): react.JSX.Element;
68
+
69
+ declare function Alert({ type, message }: {
70
+ type: "info" | "success" | "error" | "warning";
71
+ message: string;
72
+ }): react.JSX.Element;
73
+ declare function ToastSuccess(): react.JSX.Element;
74
+ declare function SnackbarDefault(): react.JSX.Element;
75
+ declare function SnackbarAction(): react.JSX.Element;
76
+ declare function ModalDialog({ type, onClose }: {
77
+ type?: "confirm" | "success";
78
+ onClose?: () => void;
79
+ }): react.JSX.Element;
80
+ declare function LoaderSpinner(): react.JSX.Element;
81
+ declare function LoaderDots(): react.JSX.Element;
82
+ declare function SkeletonBlock(): react.JSX.Element;
83
+
84
+ declare function InputField({ className, ...props }: React.InputHTMLAttributes<HTMLInputElement>): react.JSX.Element;
85
+ declare function TextareaField({ className, ...props }: React.TextareaHTMLAttributes<HTMLTextAreaElement>): react.JSX.Element;
86
+ declare function ToggleSwitch(): react.JSX.Element;
87
+ declare function RadioGroup(): react.JSX.Element;
88
+ declare function CheckboxInput(): react.JSX.Element;
89
+ declare function DropdownTrigger(): react.JSX.Element;
90
+ declare function DropdownMenu(): react.JSX.Element;
91
+ declare function FileUpload(): react.JSX.Element;
92
+ declare function DatePickerTrigger(): react.JSX.Element;
93
+
94
+ declare function NavItem(): react.JSX.Element;
95
+ declare function NavItemActive(): react.JSX.Element;
96
+ declare function TabBar(): react.JSX.Element;
97
+ declare function Breadcrumbs(): react.JSX.Element;
98
+ declare function Pagination(): react.JSX.Element;
99
+ declare function SidebarNav(): react.JSX.Element;
100
+
101
+ declare function SkillsChips(): react.JSX.Element;
102
+ declare function Rating({ value, max }: {
103
+ value?: number;
104
+ max?: number;
105
+ }): react.JSX.Element;
106
+ declare function AppTracker(): react.JSX.Element;
107
+ declare function InterviewCard(): react.JSX.Element;
108
+ declare function EmptyState(): react.JSX.Element;
109
+
110
+ declare function cn(...inputs: ClassValue[]): string;
111
+
112
+ interface Palette {
113
+ id: string;
114
+ name: string;
115
+ description: string;
116
+ swatch: string;
117
+ tokens: Record<string, string>;
118
+ }
119
+ declare const defaultPaletteId = "ocean";
120
+ declare const palettes: Palette[];
121
+
122
+ export { Accordion, Alert, AppTracker, Avatar, Breadcrumbs, ButtonAccent, ButtonBlock, ButtonDestructive, ButtonDisabledPrimary, ButtonGhost, ButtonGroup, ButtonIcon, ButtonLarge, ButtonLink, ButtonLoading, ButtonOutline, ButtonPrimary, ButtonSecondary, ButtonSmall, ButtonSplit, ButtonSuccess, ButtonWarning, ButtonWithIconLeft, ButtonWithIconRight, CandidateCard, CheckboxInput, DatePickerTrigger, Divider, DropdownMenu, DropdownTrigger, EmptyState, FileUpload, InputField, InterviewCard, JobCard, LoaderDots, LoaderSpinner, ModalDialog, NavItem, NavItemActive, Pagination, type Palette, ProgressBar, RadioGroup, Rating, SidebarNav, SkeletonBlock, SkillsChips, SnackbarAction, SnackbarDefault, StatCard, TabBar, TextareaField, ToastSuccess, ToggleSwitch, cn, defaultPaletteId, disabledVariants, palettes };