@deckai/deck-ui 0.0.4 → 0.0.6

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.
@@ -1,49 +1,36 @@
1
1
  import * as React from 'react';
2
2
  import React__default, { ButtonHTMLAttributes, SVGProps, HTMLAttributes } from 'react';
3
3
  import { IconName } from '@deckai/icons';
4
- import { I as IconColors, C as Colors, T as TextColorVariant, P as PrimaryShades, S as SecondaryShades, a as TertiaryShades, b as Typography } from '../tailwind-BOs_0iUp.js';
4
+ import { C as Colors, T as TextColorVariant, P as PrimaryShades, S as SecondaryShades, a as TertiaryShades, b as Typography, I as IconColors } from '../tailwind-BOs_0iUp.js';
5
5
  import { IconName as IconName$1 } from '@deckai/icons/src/types/icon-names';
6
6
  import * as SwitchPrimitive from '@radix-ui/react-switch';
7
7
 
8
- interface TooltipProps {
9
- content: React.ReactNode;
10
- children: React.ReactNode;
11
- side?: "top" | "right" | "bottom" | "left";
12
- align?: "start" | "center" | "end";
13
- className?: string;
14
- delayDuration?: number;
15
- }
16
- declare const Tooltip: ({ content, children, side, align, className, delayDuration }: TooltipProps) => React.JSX.Element;
8
+ type OptionProps = {
9
+ label: string;
10
+ value: string;
11
+ onChange?: (value: string) => void;
12
+ };
13
+ declare const Option: ({ value, label, onChange }: OptionProps) => React__default.JSX.Element;
17
14
 
18
- type ProfileCardProps = {
19
- profileImage: string;
15
+ type NavbarItemProps = {
16
+ iconName: IconName;
17
+ label: string;
18
+ onClick?: () => void;
20
19
  };
21
- declare const ProfileCard: ({ profileImage }: ProfileCardProps) => React__default.JSX.Element;
20
+ declare const NavbarItem: ({ label, iconName, onClick, ...props }: NavbarItemProps) => React__default.JSX.Element;
21
+
22
+ type NavbarProps = {
23
+ searchOptions: OptionProps[];
24
+ onSearchChange: (value: string) => void;
25
+ navbarItems: NavbarItemProps[];
26
+ onLogoClick?: () => void;
27
+ onProfileClick?: () => void;
28
+ };
29
+ declare const Navbar: ({ searchOptions, onSearchChange, navbarItems, onLogoClick, onProfileClick }: NavbarProps) => React__default.JSX.Element;
22
30
 
23
31
  type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;
24
32
  declare const Pressable: React__default.FC<PressableProps>;
25
33
 
26
- type IconProps = {
27
- name: IconName;
28
- /** @default 24 */
29
- size?: number | string;
30
- /** @default primary */
31
- color?: IconColors;
32
- title?: string;
33
- className?: string;
34
- style?: React__default.CSSProperties;
35
- } & Omit<SVGProps<SVGSVGElement>, "aria-hidden" | "aria-label">;
36
- declare const Icon: React__default.ForwardRefExoticComponent<Omit<{
37
- name: IconName;
38
- /** @default 24 */
39
- size?: number | string;
40
- /** @default primary */
41
- color?: IconColors;
42
- title?: string;
43
- className?: string;
44
- style?: React__default.CSSProperties;
45
- } & Omit<React__default.SVGProps<SVGSVGElement>, "aria-hidden" | "aria-label"> & Pick<PressableProps, "onClick">, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
46
-
47
34
  type TextElement = "p" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "strong" | "em" | "blockquote" | "pre" | "code" | "small" | "label" | "a";
48
35
  type HTMLPropsMap = {
49
36
  p: React__default.HTMLAttributes<HTMLParagraphElement>;
@@ -82,30 +69,36 @@ type TextProps<T extends TextElement = "p"> = {
82
69
  children: React__default.ReactNode;
83
70
  weight?: Weight;
84
71
  } & HTMLPropsMap[T];
85
- declare const Text: React__default.ForwardRefExoticComponent<TextProps<TextElement> & React__default.RefAttributes<HTMLElement | HTMLSpanElement | HTMLParagraphElement | HTMLHeadingElement | HTMLQuoteElement | HTMLPreElement | HTMLLabelElement | HTMLAnchorElement>>;
72
+ declare const Text: React__default.ForwardRefExoticComponent<TextProps<TextElement> & React__default.RefAttributes<HTMLElement | HTMLParagraphElement | HTMLSpanElement | HTMLHeadingElement | HTMLQuoteElement | HTMLPreElement | HTMLLabelElement | HTMLAnchorElement>>;
86
73
 
87
- type OptionProps = {
88
- label: string;
89
- value: string;
90
- onChange?: (value: string) => void;
91
- };
92
- declare const Option: ({ value, label, onChange }: OptionProps) => React__default.JSX.Element;
93
-
94
- type NavbarItemProps = {
95
- iconName: IconName;
96
- label: string;
97
- onClick?: () => void;
98
- };
99
- declare const NavbarItem: ({ label, iconName, onClick, ...props }: NavbarItemProps) => React__default.JSX.Element;
74
+ type LinkProps = {
75
+ href: string;
76
+ children: React__default.ReactNode;
77
+ className?: string;
78
+ style?: React__default.CSSProperties;
79
+ } & Pick<TextProps, "variant" | "color"> & React__default.AnchorHTMLAttributes<HTMLAnchorElement>;
80
+ declare const Link: ({ children, color, variant, href, className, ...props }: LinkProps) => React__default.JSX.Element;
100
81
 
101
- type NavbarProps = {
102
- searchOptions: OptionProps[];
103
- onSearchChange: (value: string) => void;
104
- navbarItems: NavbarItemProps[];
105
- onLogoClick?: () => void;
106
- onProfileClick?: () => void;
107
- };
108
- declare const Navbar: ({ searchOptions, onSearchChange, navbarItems, onLogoClick, onProfileClick }: NavbarProps) => React__default.JSX.Element;
82
+ type IconProps = {
83
+ name: IconName;
84
+ /** @default 24 */
85
+ size?: number | string;
86
+ /** @default primary */
87
+ color?: IconColors;
88
+ title?: string;
89
+ className?: string;
90
+ style?: React__default.CSSProperties;
91
+ } & Omit<SVGProps<SVGSVGElement>, "aria-hidden" | "aria-label">;
92
+ declare const Icon: React__default.ForwardRefExoticComponent<Omit<{
93
+ name: IconName;
94
+ /** @default 24 */
95
+ size?: number | string;
96
+ /** @default primary */
97
+ color?: IconColors;
98
+ title?: string;
99
+ className?: string;
100
+ style?: React__default.CSSProperties;
101
+ } & Omit<React__default.SVGProps<SVGSVGElement>, "aria-hidden" | "aria-label"> & Pick<PressableProps, "onClick">, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
109
102
 
110
103
  type BreadcrumbItem = {
111
104
  label: string;
@@ -119,32 +112,15 @@ type BreadcrumbsProps = {
119
112
  };
120
113
  declare const Breadcrumbs: React__default.ForwardRefExoticComponent<BreadcrumbsProps & React__default.RefAttributes<HTMLElement>>;
121
114
 
122
- type ContactItemProps = {
123
- iconName: IconName$1;
124
- children: React__default.ReactNode;
125
- href: string;
126
- } & Omit<HTMLAttributes<HTMLAnchorElement>, "color">;
127
- declare const ContactItem: ({ iconName, children, href, ...linkProps }: ContactItemProps) => React__default.JSX.Element;
128
-
129
- type AboutCardProps = {
130
- interests: string[];
131
- contactItems: ContactItemProps[];
132
- };
133
- declare const AboutCard: ({ interests, contactItems }: AboutCardProps) => React__default.JSX.Element;
134
-
135
- type LinkProps = {
136
- href: string;
137
- children: React__default.ReactNode;
115
+ interface TooltipProps {
116
+ content: React.ReactNode;
117
+ children: React.ReactNode;
118
+ side?: "top" | "right" | "bottom" | "left";
119
+ align?: "start" | "center" | "end";
138
120
  className?: string;
139
- style?: React__default.CSSProperties;
140
- } & Pick<TextProps, "variant" | "color"> & React__default.AnchorHTMLAttributes<HTMLAnchorElement>;
141
- declare const Link: ({ children, color, variant, href, className, ...props }: LinkProps) => React__default.JSX.Element;
142
-
143
- type AvatarProps = {
144
- src: string;
145
- size?: number | string;
146
- } & Pick<React__default.ComponentProps<typeof Pressable>, "onClick">;
147
- declare const Avatar: ({ src, size, onClick, ...props }: AvatarProps) => React__default.JSX.Element;
121
+ delayDuration?: number;
122
+ }
123
+ declare const Tooltip: ({ content, children, side, align, className, delayDuration }: TooltipProps) => React.JSX.Element;
148
124
 
149
125
  type ComboboxProps = {
150
126
  options: OptionProps[];
@@ -177,11 +153,29 @@ declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.Switc
177
153
  description?: string;
178
154
  } & React.RefAttributes<HTMLButtonElement>>;
179
155
 
180
- type InputProps = {
181
- className?: string;
182
- end?: React.ReactNode;
183
- } & React.InputHTMLAttributes<HTMLInputElement>;
184
- declare const Input: ({ className, end, ...props }: InputProps) => React.JSX.Element;
156
+ type ProfileCardProps = {
157
+ profileImage: string;
158
+ };
159
+ declare const ProfileCard: ({ profileImage }: ProfileCardProps) => React__default.JSX.Element;
160
+
161
+ type ContactItemProps = {
162
+ iconName: IconName$1;
163
+ children: React__default.ReactNode;
164
+ href: string;
165
+ } & Omit<HTMLAttributes<HTMLAnchorElement>, "color">;
166
+ declare const ContactItem: ({ iconName, children, href, ...linkProps }: ContactItemProps) => React__default.JSX.Element;
167
+
168
+ type AboutCardProps = {
169
+ interests: string[];
170
+ contactItems: ContactItemProps[];
171
+ };
172
+ declare const AboutCard: ({ interests, contactItems }: AboutCardProps) => React__default.JSX.Element;
173
+
174
+ type AvatarProps = {
175
+ src: string;
176
+ size?: number | string;
177
+ } & Pick<React__default.ComponentProps<typeof Pressable>, "onClick">;
178
+ declare const Avatar: ({ src, size, onClick, ...props }: AvatarProps) => React__default.JSX.Element;
185
179
 
186
180
  type LogoProps = {
187
181
  /** @default 76 */
@@ -225,4 +219,10 @@ declare const Button: React.ForwardRefExoticComponent<{
225
219
  end?: React.ReactNode;
226
220
  } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
227
221
 
222
+ type InputProps = {
223
+ className?: string;
224
+ end?: React.ReactNode;
225
+ } & React.InputHTMLAttributes<HTMLInputElement>;
226
+ declare const Input: ({ className, end, ...props }: InputProps) => React.JSX.Element;
227
+
228
228
  export { AboutCard, type AboutCardProps, Avatar, type AvatarProps, Badge, type BadgeProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Combobox, type ComboboxProps, ContactItem, type ContactItemProps, Icon, type IconProps, Input, type InputProps, Link, type LinkProps, Logo, type LogoProps, Navbar, NavbarItem, type NavbarItemProps, type NavbarProps, Option, type OptionProps, Pressable, type PressableProps, ProfileCard, type ProfileCardProps, SocialCard, type SocialCardProps, Switch, type SwitchProps, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps };