@clidey/ux 0.1.0 → 0.2.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 (4) hide show
  1. package/dist/index.d.ts +216 -1
  2. package/package.json +2 -2
  3. package/dist/styles.css +0 -120
  4. package/dist/vite.svg +0 -1
package/dist/index.d.ts CHANGED
@@ -1 +1,216 @@
1
- export {}
1
+ import { ClassProp } from 'class-variance-authority/types';
2
+ import { ClassValue } from 'clsx';
3
+ import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
4
+ import { Drawer as Drawer_2 } from 'vaul';
5
+ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
6
+ import { JSX } from 'react/jsx-runtime';
7
+ import * as LabelPrimitive from '@radix-ui/react-label';
8
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
9
+ import * as React_2 from 'react';
10
+ import * as TabsPrimitive from '@radix-ui/react-tabs';
11
+ import { ToasterProps } from 'sonner';
12
+ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
13
+ import { VariantProps } from 'class-variance-authority';
14
+
15
+ export declare function Badge({ className, variant, asChild, ...props }: React_2.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
16
+ asChild?: boolean;
17
+ }): JSX.Element;
18
+
19
+ declare const badgeVariants: (props?: ({
20
+ variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
21
+ } & ClassProp) | undefined) => string;
22
+
23
+ export declare function Breadcrumb({ ...props }: React_2.ComponentProps<"nav">): JSX.Element;
24
+
25
+ export declare function BreadcrumbItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
26
+
27
+ export declare function BreadcrumbLink({ asChild, className, ...props }: React_2.ComponentProps<"a"> & {
28
+ asChild?: boolean;
29
+ }): JSX.Element;
30
+
31
+ export declare function BreadcrumbList({ className, ...props }: React_2.ComponentProps<"ol">): JSX.Element;
32
+
33
+ export declare function BreadcrumbPage({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
34
+
35
+ export declare function BreadcrumbSeparator({ children, className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
36
+
37
+ export declare function Button({ className, variant, size, asChild, ...props }: React_2.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
38
+ asChild?: boolean;
39
+ }): JSX.Element;
40
+
41
+ declare const buttonVariants: (props?: ({
42
+ variant?: "default" | "secondary" | "destructive" | "outline" | "link" | "ghost" | null | undefined;
43
+ size?: "default" | "sm" | "lg" | "icon" | null | undefined;
44
+ } & ClassProp) | undefined) => string;
45
+
46
+ export declare function Card({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
47
+
48
+ export declare function CardContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
49
+
50
+ export declare function CardDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
51
+
52
+ export declare function CardFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
53
+
54
+ export declare function CardHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
55
+
56
+ export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
57
+
58
+ export declare function cn(...inputs: ClassValue[]): string;
59
+
60
+ export declare function ContextMenu({ ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Root>): JSX.Element;
61
+
62
+ export declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): JSX.Element;
63
+
64
+ export declare function ContextMenuContent({ className, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Content>): JSX.Element;
65
+
66
+ export declare function ContextMenuItem({ className, inset, variant, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Item> & {
67
+ inset?: boolean;
68
+ variant?: "default" | "destructive";
69
+ }): JSX.Element;
70
+
71
+ export declare function ContextMenuLabel({ className, inset, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Label> & {
72
+ inset?: boolean;
73
+ }): JSX.Element;
74
+
75
+ export declare function ContextMenuRadioGroup({ ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): JSX.Element;
76
+
77
+ export declare function ContextMenuRadioItem({ className, children, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): JSX.Element;
78
+
79
+ export declare function ContextMenuSeparator({ className, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Separator>): JSX.Element;
80
+
81
+ export declare function ContextMenuShortcut({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
82
+
83
+ export declare function ContextMenuSub({ ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Sub>): JSX.Element;
84
+
85
+ export declare function ContextMenuSubContent({ className, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.SubContent>): JSX.Element;
86
+
87
+ export declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
88
+ inset?: boolean;
89
+ }): JSX.Element;
90
+
91
+ export declare function ContextMenuTrigger({ ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Trigger>): JSX.Element;
92
+
93
+ export declare function Drawer({ ...props }: React_2.ComponentProps<typeof Drawer_2.Root>): JSX.Element;
94
+
95
+ export declare function DrawerClose({ ...props }: React_2.ComponentProps<typeof Drawer_2.Close>): JSX.Element;
96
+
97
+ export declare function DrawerContent({ className, children, ...props }: React_2.ComponentProps<typeof Drawer_2.Content>): JSX.Element;
98
+
99
+ export declare function DrawerDescription({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Description>): JSX.Element;
100
+
101
+ export declare function DrawerFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
102
+
103
+ export declare function DrawerHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
104
+
105
+ export declare function DrawerTitle({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Title>): JSX.Element;
106
+
107
+ export declare function DrawerTrigger({ ...props }: React_2.ComponentProps<typeof Drawer_2.Trigger>): JSX.Element;
108
+
109
+ export declare function DropdownMenu({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Root>): JSX.Element;
110
+
111
+ export declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): JSX.Element;
112
+
113
+ export declare function DropdownMenuContent({ className, sideOffset, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Content>): JSX.Element;
114
+
115
+ export declare function DropdownMenuItem({ className, inset, variant, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
116
+ inset?: boolean;
117
+ variant?: "default" | "destructive";
118
+ }): JSX.Element;
119
+
120
+ export declare function DropdownMenuLabel({ className, inset, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
121
+ inset?: boolean;
122
+ }): JSX.Element;
123
+
124
+ export declare function DropdownMenuRadioGroup({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): JSX.Element;
125
+
126
+ export declare function DropdownMenuRadioItem({ className, children, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): JSX.Element;
127
+
128
+ export declare function DropdownMenuSeparator({ className, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Separator>): JSX.Element;
129
+
130
+ export declare function DropdownMenuShortcut({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
131
+
132
+ export declare function DropdownMenuSub({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Sub>): JSX.Element;
133
+
134
+ export declare function DropdownMenuSubContent({ className, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): JSX.Element;
135
+
136
+ export declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
137
+ inset?: boolean;
138
+ }): JSX.Element;
139
+
140
+ export declare function DropdownMenuTrigger({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): JSX.Element;
141
+
142
+ export declare function Input({ className, type, ...props }: React_2.ComponentProps<"input">): JSX.Element;
143
+
144
+ export declare function Label({ className, ...props }: React_2.ComponentProps<typeof LabelPrimitive.Root>): JSX.Element;
145
+
146
+ export declare function ModeToggle(): JSX.Element;
147
+
148
+ export declare function Pagination({ className, ...props }: React_2.ComponentProps<"nav">): JSX.Element;
149
+
150
+ export declare function PaginationContent({ className, ...props }: React_2.ComponentProps<"ul">): JSX.Element;
151
+
152
+ export declare function PaginationEllipsis({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
153
+
154
+ export declare function PaginationItem({ ...props }: React_2.ComponentProps<"li">): JSX.Element;
155
+
156
+ export declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): JSX.Element;
157
+
158
+ declare type PaginationLinkProps = {
159
+ isActive?: boolean;
160
+ } & Pick<React_2.ComponentProps<typeof Button>, "size"> & React_2.ComponentProps<"a">;
161
+
162
+ export declare function PaginationNext({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX.Element;
163
+
164
+ export declare function PaginationPrevious({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX.Element;
165
+
166
+ export declare function Popover({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Root>): JSX.Element;
167
+
168
+ export declare function PopoverContent({ className, align, sideOffset, ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Content>): JSX.Element;
169
+
170
+ export declare function PopoverTrigger({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Trigger>): JSX.Element;
171
+
172
+ export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
173
+
174
+ export declare function Table({ className, ...props }: React_2.ComponentProps<"table">): JSX.Element;
175
+
176
+ export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX.Element;
177
+
178
+ export declare function TableCaption({ className, ...props }: React_2.ComponentProps<"caption">): JSX.Element;
179
+
180
+ export declare function TableCell({ className, ...props }: React_2.ComponentProps<"td">): JSX.Element;
181
+
182
+ export declare function TableHead({ className, ...props }: React_2.ComponentProps<"th">): JSX.Element;
183
+
184
+ export declare function TableHeader({ className, ...props }: React_2.ComponentProps<"thead">): JSX.Element;
185
+
186
+ export declare function TableRow({ className, ...props }: React_2.ComponentProps<"tr">): JSX.Element;
187
+
188
+ export declare function Tabs({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Root>): JSX.Element;
189
+
190
+ export declare function TabsContent({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Content>): JSX.Element;
191
+
192
+ export declare function TabsList({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.List>): JSX.Element;
193
+
194
+ export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Trigger>): JSX.Element;
195
+
196
+ declare type Theme = "dark" | "light" | "system";
197
+
198
+ export declare function ThemeProvider({ children, defaultTheme, storageKey, ...props }: ThemeProviderProps): JSX.Element;
199
+
200
+ declare type ThemeProviderProps = {
201
+ children: React.ReactNode;
202
+ defaultTheme?: Theme;
203
+ storageKey?: string;
204
+ };
205
+
206
+ export declare const Toaster: ({ ...props }: ToasterProps) => JSX.Element;
207
+
208
+ export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Root>): JSX.Element;
209
+
210
+ export declare function TooltipContent({ className, sideOffset, children, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Content>): JSX.Element;
211
+
212
+ export declare function TooltipProvider({ delayDuration, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Provider>): JSX.Element;
213
+
214
+ export declare function TooltipTrigger({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Trigger>): JSX.Element;
215
+
216
+ export { }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@clidey/ux",
3
3
  "private": false,
4
- "version": "0.1.0",
4
+ "version": "0.2.0",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
7
7
  "module": "./dist/index.js",
@@ -21,7 +21,7 @@
21
21
  "scripts": {
22
22
  "dev": "vite",
23
23
  "build": "tsc -b && vite build",
24
- "build:lib": "tsc && vite build --config vite.lib.config.ts && cp src/index.css dist/styles.css",
24
+ "build:lib": "vite build --config vite.lib.config.ts",
25
25
  "lint": "eslint .",
26
26
  "preview": "vite preview",
27
27
  "prepublishOnly": "npm run build:lib"
package/dist/styles.css DELETED
@@ -1,120 +0,0 @@
1
- @import "tailwindcss";
2
- @import "tw-animate-css";
3
-
4
- @custom-variant dark (&:is(.dark *));
5
-
6
- @theme inline {
7
- --radius-sm: calc(var(--radius) - 4px);
8
- --radius-md: calc(var(--radius) - 2px);
9
- --radius-lg: var(--radius);
10
- --radius-xl: calc(var(--radius) + 4px);
11
- --color-background: var(--background);
12
- --color-foreground: var(--foreground);
13
- --color-card: var(--card);
14
- --color-card-foreground: var(--card-foreground);
15
- --color-popover: var(--popover);
16
- --color-popover-foreground: var(--popover-foreground);
17
- --color-primary: var(--primary);
18
- --color-primary-foreground: var(--primary-foreground);
19
- --color-secondary: var(--secondary);
20
- --color-secondary-foreground: var(--secondary-foreground);
21
- --color-muted: var(--muted);
22
- --color-muted-foreground: var(--muted-foreground);
23
- --color-accent: var(--accent);
24
- --color-accent-foreground: var(--accent-foreground);
25
- --color-destructive: var(--destructive);
26
- --color-border: var(--border);
27
- --color-input: var(--input);
28
- --color-ring: var(--ring);
29
- --color-chart-1: var(--chart-1);
30
- --color-chart-2: var(--chart-2);
31
- --color-chart-3: var(--chart-3);
32
- --color-chart-4: var(--chart-4);
33
- --color-chart-5: var(--chart-5);
34
- --color-sidebar: var(--sidebar);
35
- --color-sidebar-foreground: var(--sidebar-foreground);
36
- --color-sidebar-primary: var(--sidebar-primary);
37
- --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
38
- --color-sidebar-accent: var(--sidebar-accent);
39
- --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
40
- --color-sidebar-border: var(--sidebar-border);
41
- --color-sidebar-ring: var(--sidebar-ring);
42
- }
43
-
44
- :root {
45
- --radius: 0.625rem;
46
- --background: oklch(1 0 0);
47
- --foreground: oklch(0.145 0 0);
48
- --card: oklch(1 0 0);
49
- --card-foreground: oklch(0.145 0 0);
50
- --popover: oklch(1 0 0);
51
- --popover-foreground: oklch(0.145 0 0);
52
- --primary: oklch(0.205 0 0);
53
- --primary-foreground: oklch(0.985 0 0);
54
- --secondary: oklch(0.97 0 0);
55
- --secondary-foreground: oklch(0.205 0 0);
56
- --muted: oklch(0.97 0 0);
57
- --muted-foreground: oklch(0.556 0 0);
58
- --accent: oklch(0.97 0 0);
59
- --accent-foreground: oklch(0.205 0 0);
60
- --destructive: oklch(0.577 0.245 27.325);
61
- --border: oklch(0.922 0 0);
62
- --input: oklch(0.922 0 0);
63
- --ring: oklch(0.708 0 0);
64
- --chart-1: oklch(0.646 0.222 41.116);
65
- --chart-2: oklch(0.6 0.118 184.704);
66
- --chart-3: oklch(0.398 0.07 227.392);
67
- --chart-4: oklch(0.828 0.189 84.429);
68
- --chart-5: oklch(0.769 0.188 70.08);
69
- --sidebar: oklch(0.985 0 0);
70
- --sidebar-foreground: oklch(0.145 0 0);
71
- --sidebar-primary: oklch(0.205 0 0);
72
- --sidebar-primary-foreground: oklch(0.985 0 0);
73
- --sidebar-accent: oklch(0.97 0 0);
74
- --sidebar-accent-foreground: oklch(0.205 0 0);
75
- --sidebar-border: oklch(0.922 0 0);
76
- --sidebar-ring: oklch(0.708 0 0);
77
- }
78
-
79
- .dark {
80
- --background: oklch(0.145 0 0);
81
- --foreground: oklch(0.985 0 0);
82
- --card: oklch(0.205 0 0);
83
- --card-foreground: oklch(0.985 0 0);
84
- --popover: oklch(0.205 0 0);
85
- --popover-foreground: oklch(0.985 0 0);
86
- --primary: oklch(0.922 0 0);
87
- --primary-foreground: oklch(0.205 0 0);
88
- --secondary: oklch(0.269 0 0);
89
- --secondary-foreground: oklch(0.985 0 0);
90
- --muted: oklch(0.269 0 0);
91
- --muted-foreground: oklch(0.708 0 0);
92
- --accent: oklch(0.269 0 0);
93
- --accent-foreground: oklch(0.985 0 0);
94
- --destructive: oklch(0.704 0.191 22.216);
95
- --border: oklch(1 0 0 / 10%);
96
- --input: oklch(1 0 0 / 15%);
97
- --ring: oklch(0.556 0 0);
98
- --chart-1: oklch(0.488 0.243 264.376);
99
- --chart-2: oklch(0.696 0.17 162.48);
100
- --chart-3: oklch(0.769 0.188 70.08);
101
- --chart-4: oklch(0.627 0.265 303.9);
102
- --chart-5: oklch(0.645 0.246 16.439);
103
- --sidebar: oklch(0.205 0 0);
104
- --sidebar-foreground: oklch(0.985 0 0);
105
- --sidebar-primary: oklch(0.488 0.243 264.376);
106
- --sidebar-primary-foreground: oklch(0.985 0 0);
107
- --sidebar-accent: oklch(0.269 0 0);
108
- --sidebar-accent-foreground: oklch(0.985 0 0);
109
- --sidebar-border: oklch(1 0 0 / 10%);
110
- --sidebar-ring: oklch(0.556 0 0);
111
- }
112
-
113
- @layer base {
114
- * {
115
- @apply border-border outline-ring/50;
116
- }
117
- body {
118
- @apply bg-background text-foreground;
119
- }
120
- }
package/dist/vite.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>