@sikka/hawa 0.2.38 → 0.2.41-next

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 (10) hide show
  1. package/README.md +65 -65
  2. package/dist/index.css +2451 -0
  3. package/dist/index.d.mts +299 -3
  4. package/dist/index.d.ts +299 -3
  5. package/dist/index.js +1931 -0
  6. package/dist/index.mjs +1832 -0
  7. package/package.json +73 -153
  8. package/dist/index.cjs.js +0 -8
  9. package/dist/index.esm.js +0 -8
  10. package/dist/tailwind.css +0 -3966
package/dist/index.d.mts CHANGED
@@ -1,5 +1,301 @@
1
- import React from 'react';
1
+ import * as class_variance_authority_types from 'class-variance-authority/types';
2
+ import * as React from 'react';
3
+ import React__default, { FC, ReactNode } from 'react';
4
+ import { VariantProps } from 'class-variance-authority';
5
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
6
+ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
7
+ import * as ToastPrimitives from '@radix-ui/react-toast';
8
+ import * as SwitchPrimitives from '@radix-ui/react-switch';
9
+ import * as LabelPrimitive from '@radix-ui/react-label';
10
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
11
+ import * as SliderPrimitive from '@radix-ui/react-slider';
12
+ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
2
13
 
3
- declare const Dummy: () => React.JSX.Element;
14
+ declare const buttonVariants: (props?: ({
15
+ variant?: "link" | "default" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "neoBrutalism" | null | undefined;
16
+ size?: "xs" | "sm" | "lg" | "xl" | "default" | "heightless" | "icon" | "smallIcon" | null | undefined;
17
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
18
+ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
19
+ asChild?: boolean;
20
+ isLoading?: boolean;
21
+ }
22
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
4
23
 
5
- export { Dummy };
24
+ declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
25
+ declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
26
+ declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
27
+ persist?: boolean | undefined;
28
+ } & React.RefAttributes<HTMLDivElement>>;
29
+ declare const DialogHeader: {
30
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
31
+ displayName: string;
32
+ };
33
+ declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
34
+ declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
35
+ declare const DialogFooter: {
36
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
37
+ displayName: string;
38
+ };
39
+
40
+ interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
41
+ clickable?: boolean;
42
+ }
43
+ declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
44
+ declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
45
+ declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
46
+ declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
47
+ declare const CardContent: React.ForwardRefExoticComponent<{
48
+ headless?: boolean | undefined;
49
+ } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
50
+ declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
51
+
52
+ type LoadingTypes = {
53
+ /** Specifies the size of the loading component.*/
54
+ size?: "button" | "xs" | "sm" | "normal" | "lg" | "xl";
55
+ /** Determines the design of the loading animation.*/
56
+ design?: "spinner" | "dots-bounce" | "dots-pulse" | "pulse" | "spinner-dots";
57
+ /** Specifies the color of the loading component. By default it will inherit the value of <span className="inline-code">--primary</span> global CSS variable*/
58
+ color?: string;
59
+ };
60
+ declare const Loading: FC<LoadingTypes>;
61
+
62
+ interface TBreadcrumb {
63
+ /** The array of crumbs, each one with a label and a href link */
64
+ breadcrumbLinks: {
65
+ label: string;
66
+ href: string;
67
+ }[];
68
+ /** The separator between each crumb, can be character or React Node. The default is ">" */
69
+ separator?: string | ReactNode;
70
+ }
71
+ declare const Breadcrumb: FC<TBreadcrumb>;
72
+
73
+ type TooltipTypes = {
74
+ /** Controls the open state of the tooltip. */
75
+ open?: any;
76
+ /** Specifies the side where the tooltip will appear. */
77
+ side?: "top" | "right" | "bottom" | "left";
78
+ /** Content to be displayed within the tooltip. */
79
+ content?: any;
80
+ /** Elements to which the tooltip is anchored. */
81
+ children?: any;
82
+ /** Sets the default open state of the tooltip. */
83
+ defaultOpen?: any;
84
+ /** Event handler for open state changes. */
85
+ onOpenChange?: any;
86
+ /** Duration of the delay before the tooltip appears. */
87
+ delayDuration?: any;
88
+ };
89
+ declare const Tooltip: React__default.FunctionComponent<TooltipTypes>;
90
+
91
+ type CodeBlockTypes = {
92
+ /** Sets the theme color of the code block.*/
93
+ color?: "dark" | "light";
94
+ /** Specifies the programming language for syntax highlighting.*/
95
+ language?: string;
96
+ /** Defines the width of the code block.*/
97
+ width?: "full" | "md" | "sm";
98
+ /** Array of tabs each containing a title and code content.*/
99
+ tabs?: {
100
+ title: string;
101
+ code: string;
102
+ }[];
103
+ /** Name of the file being displayed. */
104
+ fileName?: string;
105
+ /** Code content to be displayed within the code block.*/
106
+ code?: string;
107
+ };
108
+ declare const CodeBlock: FC<CodeBlockTypes>;
109
+
110
+ type TCheckBoxTypes = {
111
+ id: string;
112
+ label?: any;
113
+ sublabel?: any;
114
+ helperText?: any;
115
+ };
116
+ type HawaCheckboxProps = TCheckBoxTypes & React.ComponentProps<typeof CheckboxElement>;
117
+ declare const Checkbox: React.FC<HawaCheckboxProps>;
118
+ declare const CheckboxElement: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
119
+
120
+ declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
121
+ declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
122
+ declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
123
+ variant?: "default" | "destructive" | null | undefined;
124
+ severity?: "none" | "error" | "info" | "warning" | "success" | null | undefined;
125
+ } & class_variance_authority_types.ClassProp) | undefined) => string> & {
126
+ severity?: "none" | "error" | "info" | "warning" | "success" | undefined;
127
+ direction?: "rtl" | "ltr" | undefined;
128
+ } & React.RefAttributes<HTMLLIElement>>;
129
+ declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
130
+ declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
131
+ declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
132
+ declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
133
+ type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
134
+ type ToastActionElement = React.ReactElement<typeof ToastAction>;
135
+
136
+ type ToasterProps = {
137
+ direction?: "ltr" | "rtl";
138
+ };
139
+ declare function Toaster(props: ToasterProps): React__default.JSX.Element;
140
+
141
+ interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
142
+ size?: "default" | "sm" | "lg";
143
+ label?: string;
144
+ }
145
+ declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
146
+
147
+ type RadioTypes = {
148
+ orientation?: "vertical" | "horizontal";
149
+ design?: "default" | "tabs" | "cards" | "bordered";
150
+ options?: {
151
+ value: any;
152
+ label: any;
153
+ disabled?: any;
154
+ sublabel?: any;
155
+ icon?: any;
156
+ }[];
157
+ width?: "default" | "full";
158
+ onChangeTab?: any;
159
+ defaultValue?: any;
160
+ };
161
+ declare const Radio: FC<RadioTypes>;
162
+
163
+ interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
164
+ className?: string;
165
+ animation?: "pulse" | "shimmer";
166
+ }
167
+ declare function Skeleton({ className, animation, ...props }: SkeletonProps): React__default.JSX.Element;
168
+
169
+ type TChipTypes = {
170
+ /** The text inside the chip */
171
+ label: string;
172
+ /** The small icon before the chip label */
173
+ icon?: JSX.Element;
174
+ /** The color of the chip, must be a tailwind color */
175
+ color?: string;
176
+ /** The size of the chip */
177
+ size?: "small" | "normal" | "large";
178
+ /** Enable/Disable the dot before the label of the chip */
179
+ dot?: boolean;
180
+ /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
181
+ dotType?: "available" | "unavailable";
182
+ variant?: "default" | "outline";
183
+ };
184
+ declare const Chip: FC<TChipTypes>;
185
+
186
+ declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
187
+
188
+ type AlertTypes = {
189
+ severity?: "info" | "warning" | "error" | "success";
190
+ /** The title of the alert placed above the text of the alert. Can be used alone */
191
+ title?: any;
192
+ /** The text of the alert placed below the title of the alert. Can be used alone */
193
+ text: any;
194
+ /** The duration for the alert to stay on the screen */
195
+ duration?: number;
196
+ variant?: "normal" | "solid" | "top-accent" | "left-accent" | "right-accent" | "bottom-accent";
197
+ direction?: "rtl" | "ltr";
198
+ actions?: [
199
+ {
200
+ label: string;
201
+ onClick: any;
202
+ variant: "outline" | "link" | "default" | "destructive" | "secondary" | "ghost";
203
+ }
204
+ ];
205
+ persistant?: boolean;
206
+ icon?: any;
207
+ className?: any;
208
+ };
209
+ declare const Alert: React__default.FunctionComponent<AlertTypes>;
210
+
211
+ declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
212
+ interface PopoverProps {
213
+ side?: "top" | "right" | "bottom" | "left";
214
+ align?: "start" | "center" | "end";
215
+ trigger: React.ReactNode;
216
+ children: React.ReactNode;
217
+ className?: string;
218
+ sideOffset?: number;
219
+ disableTrigger?: any;
220
+ open?: boolean;
221
+ }
222
+ type HawaPopoverTypes = PopoverProps & React.ComponentProps<typeof PopoverPrimitive.Root>;
223
+ declare const Popover: React.FC<HawaPopoverTypes>;
224
+
225
+ interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
226
+ }
227
+ declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
228
+
229
+ declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
230
+
231
+ type ExtendedDropdownMenuContentProps = Partial<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>> & {};
232
+ type ExtendedDropdownMenuTriggerProps = Partial<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>> & {};
233
+ type SubItem = {
234
+ label?: string;
235
+ value?: any;
236
+ icon?: any;
237
+ action?: () => void;
238
+ highlighted?: boolean;
239
+ disabled?: boolean;
240
+ };
241
+ type MenuItemType = {
242
+ icon?: any;
243
+ label?: string;
244
+ value?: any;
245
+ end?: any;
246
+ presist?: boolean;
247
+ itemType?: "separator" | "label" | string;
248
+ action?: () => void;
249
+ highlighted?: boolean;
250
+ subitems?: SubItem[];
251
+ disabled?: boolean;
252
+ };
253
+ interface DropdownMenuProps {
254
+ trigger?: any;
255
+ items?: MenuItemType[];
256
+ direction?: "rtl" | "ltr";
257
+ className?: ExtendedDropdownMenuContentProps["className"];
258
+ triggerClassname?: ExtendedDropdownMenuTriggerProps["className"];
259
+ sideOffset?: ExtendedDropdownMenuContentProps["sideOffset"];
260
+ side?: ExtendedDropdownMenuContentProps["side"];
261
+ align?: ExtendedDropdownMenuContentProps["align"];
262
+ alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
263
+ width?: "default" | "sm" | "lg" | "parent";
264
+ size?: "default" | "sm";
265
+ onItemSelect?: any;
266
+ }
267
+ declare const DropdownMenu: React.FC<DropdownMenuProps>;
268
+
269
+ type PinInputTypes = {
270
+ /** Label text to display for the Pin Input */
271
+ label?: string;
272
+ /** Icon element to be displayed next to the Pin Input */
273
+ icon?: JSX.Element;
274
+ /** Number of digits in the Pin Input */
275
+ digits: number;
276
+ /** Width of the Pin Input - either 'normal' or 'full' */
277
+ width?: "normal" | "full";
278
+ /** Function to get the value of pins */
279
+ getPins?: (pins: string[]) => void;
280
+ };
281
+ declare const PinInput: FC<PinInputTypes>;
282
+
283
+ type ImageCardTypes = {
284
+ children: any;
285
+ align?: any;
286
+ bottomElement?: any;
287
+ inCardActions?: any;
288
+ cardImage?: string;
289
+ title?: string;
290
+ subtitle?: string;
291
+ blank?: boolean;
292
+ };
293
+ declare const ActionCard: FC<ImageCardTypes>;
294
+
295
+ type StoreButtonsTypes = {
296
+ store: "apple" | "google";
297
+ mode: "dark" | "light";
298
+ };
299
+ declare const AppStores: FC<StoreButtonsTypes>;
300
+
301
+ export { ActionCard, Alert, AppStores, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CodeBlock, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, Label, Loading, MenuItemType, PinInput, Popover, PopoverContent, Radio, Skeleton, Slider, SubItem, Switch, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, buttonVariants };
package/dist/index.d.ts CHANGED
@@ -1,5 +1,301 @@
1
- import React from 'react';
1
+ import * as class_variance_authority_types from 'class-variance-authority/types';
2
+ import * as React from 'react';
3
+ import React__default, { FC, ReactNode } from 'react';
4
+ import { VariantProps } from 'class-variance-authority';
5
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
6
+ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
7
+ import * as ToastPrimitives from '@radix-ui/react-toast';
8
+ import * as SwitchPrimitives from '@radix-ui/react-switch';
9
+ import * as LabelPrimitive from '@radix-ui/react-label';
10
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
11
+ import * as SliderPrimitive from '@radix-ui/react-slider';
12
+ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
2
13
 
3
- declare const Dummy: () => React.JSX.Element;
14
+ declare const buttonVariants: (props?: ({
15
+ variant?: "link" | "default" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "neoBrutalism" | null | undefined;
16
+ size?: "xs" | "sm" | "lg" | "xl" | "default" | "heightless" | "icon" | "smallIcon" | null | undefined;
17
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
18
+ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
19
+ asChild?: boolean;
20
+ isLoading?: boolean;
21
+ }
22
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
4
23
 
5
- export { Dummy };
24
+ declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
25
+ declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
26
+ declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
27
+ persist?: boolean | undefined;
28
+ } & React.RefAttributes<HTMLDivElement>>;
29
+ declare const DialogHeader: {
30
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
31
+ displayName: string;
32
+ };
33
+ declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
34
+ declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
35
+ declare const DialogFooter: {
36
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
37
+ displayName: string;
38
+ };
39
+
40
+ interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
41
+ clickable?: boolean;
42
+ }
43
+ declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
44
+ declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
45
+ declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
46
+ declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
47
+ declare const CardContent: React.ForwardRefExoticComponent<{
48
+ headless?: boolean | undefined;
49
+ } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
50
+ declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
51
+
52
+ type LoadingTypes = {
53
+ /** Specifies the size of the loading component.*/
54
+ size?: "button" | "xs" | "sm" | "normal" | "lg" | "xl";
55
+ /** Determines the design of the loading animation.*/
56
+ design?: "spinner" | "dots-bounce" | "dots-pulse" | "pulse" | "spinner-dots";
57
+ /** Specifies the color of the loading component. By default it will inherit the value of <span className="inline-code">--primary</span> global CSS variable*/
58
+ color?: string;
59
+ };
60
+ declare const Loading: FC<LoadingTypes>;
61
+
62
+ interface TBreadcrumb {
63
+ /** The array of crumbs, each one with a label and a href link */
64
+ breadcrumbLinks: {
65
+ label: string;
66
+ href: string;
67
+ }[];
68
+ /** The separator between each crumb, can be character or React Node. The default is ">" */
69
+ separator?: string | ReactNode;
70
+ }
71
+ declare const Breadcrumb: FC<TBreadcrumb>;
72
+
73
+ type TooltipTypes = {
74
+ /** Controls the open state of the tooltip. */
75
+ open?: any;
76
+ /** Specifies the side where the tooltip will appear. */
77
+ side?: "top" | "right" | "bottom" | "left";
78
+ /** Content to be displayed within the tooltip. */
79
+ content?: any;
80
+ /** Elements to which the tooltip is anchored. */
81
+ children?: any;
82
+ /** Sets the default open state of the tooltip. */
83
+ defaultOpen?: any;
84
+ /** Event handler for open state changes. */
85
+ onOpenChange?: any;
86
+ /** Duration of the delay before the tooltip appears. */
87
+ delayDuration?: any;
88
+ };
89
+ declare const Tooltip: React__default.FunctionComponent<TooltipTypes>;
90
+
91
+ type CodeBlockTypes = {
92
+ /** Sets the theme color of the code block.*/
93
+ color?: "dark" | "light";
94
+ /** Specifies the programming language for syntax highlighting.*/
95
+ language?: string;
96
+ /** Defines the width of the code block.*/
97
+ width?: "full" | "md" | "sm";
98
+ /** Array of tabs each containing a title and code content.*/
99
+ tabs?: {
100
+ title: string;
101
+ code: string;
102
+ }[];
103
+ /** Name of the file being displayed. */
104
+ fileName?: string;
105
+ /** Code content to be displayed within the code block.*/
106
+ code?: string;
107
+ };
108
+ declare const CodeBlock: FC<CodeBlockTypes>;
109
+
110
+ type TCheckBoxTypes = {
111
+ id: string;
112
+ label?: any;
113
+ sublabel?: any;
114
+ helperText?: any;
115
+ };
116
+ type HawaCheckboxProps = TCheckBoxTypes & React.ComponentProps<typeof CheckboxElement>;
117
+ declare const Checkbox: React.FC<HawaCheckboxProps>;
118
+ declare const CheckboxElement: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
119
+
120
+ declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
121
+ declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
122
+ declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
123
+ variant?: "default" | "destructive" | null | undefined;
124
+ severity?: "none" | "error" | "info" | "warning" | "success" | null | undefined;
125
+ } & class_variance_authority_types.ClassProp) | undefined) => string> & {
126
+ severity?: "none" | "error" | "info" | "warning" | "success" | undefined;
127
+ direction?: "rtl" | "ltr" | undefined;
128
+ } & React.RefAttributes<HTMLLIElement>>;
129
+ declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
130
+ declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
131
+ declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
132
+ declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
133
+ type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
134
+ type ToastActionElement = React.ReactElement<typeof ToastAction>;
135
+
136
+ type ToasterProps = {
137
+ direction?: "ltr" | "rtl";
138
+ };
139
+ declare function Toaster(props: ToasterProps): React__default.JSX.Element;
140
+
141
+ interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
142
+ size?: "default" | "sm" | "lg";
143
+ label?: string;
144
+ }
145
+ declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
146
+
147
+ type RadioTypes = {
148
+ orientation?: "vertical" | "horizontal";
149
+ design?: "default" | "tabs" | "cards" | "bordered";
150
+ options?: {
151
+ value: any;
152
+ label: any;
153
+ disabled?: any;
154
+ sublabel?: any;
155
+ icon?: any;
156
+ }[];
157
+ width?: "default" | "full";
158
+ onChangeTab?: any;
159
+ defaultValue?: any;
160
+ };
161
+ declare const Radio: FC<RadioTypes>;
162
+
163
+ interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
164
+ className?: string;
165
+ animation?: "pulse" | "shimmer";
166
+ }
167
+ declare function Skeleton({ className, animation, ...props }: SkeletonProps): React__default.JSX.Element;
168
+
169
+ type TChipTypes = {
170
+ /** The text inside the chip */
171
+ label: string;
172
+ /** The small icon before the chip label */
173
+ icon?: JSX.Element;
174
+ /** The color of the chip, must be a tailwind color */
175
+ color?: string;
176
+ /** The size of the chip */
177
+ size?: "small" | "normal" | "large";
178
+ /** Enable/Disable the dot before the label of the chip */
179
+ dot?: boolean;
180
+ /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
181
+ dotType?: "available" | "unavailable";
182
+ variant?: "default" | "outline";
183
+ };
184
+ declare const Chip: FC<TChipTypes>;
185
+
186
+ declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
187
+
188
+ type AlertTypes = {
189
+ severity?: "info" | "warning" | "error" | "success";
190
+ /** The title of the alert placed above the text of the alert. Can be used alone */
191
+ title?: any;
192
+ /** The text of the alert placed below the title of the alert. Can be used alone */
193
+ text: any;
194
+ /** The duration for the alert to stay on the screen */
195
+ duration?: number;
196
+ variant?: "normal" | "solid" | "top-accent" | "left-accent" | "right-accent" | "bottom-accent";
197
+ direction?: "rtl" | "ltr";
198
+ actions?: [
199
+ {
200
+ label: string;
201
+ onClick: any;
202
+ variant: "outline" | "link" | "default" | "destructive" | "secondary" | "ghost";
203
+ }
204
+ ];
205
+ persistant?: boolean;
206
+ icon?: any;
207
+ className?: any;
208
+ };
209
+ declare const Alert: React__default.FunctionComponent<AlertTypes>;
210
+
211
+ declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
212
+ interface PopoverProps {
213
+ side?: "top" | "right" | "bottom" | "left";
214
+ align?: "start" | "center" | "end";
215
+ trigger: React.ReactNode;
216
+ children: React.ReactNode;
217
+ className?: string;
218
+ sideOffset?: number;
219
+ disableTrigger?: any;
220
+ open?: boolean;
221
+ }
222
+ type HawaPopoverTypes = PopoverProps & React.ComponentProps<typeof PopoverPrimitive.Root>;
223
+ declare const Popover: React.FC<HawaPopoverTypes>;
224
+
225
+ interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
226
+ }
227
+ declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
228
+
229
+ declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
230
+
231
+ type ExtendedDropdownMenuContentProps = Partial<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>> & {};
232
+ type ExtendedDropdownMenuTriggerProps = Partial<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>> & {};
233
+ type SubItem = {
234
+ label?: string;
235
+ value?: any;
236
+ icon?: any;
237
+ action?: () => void;
238
+ highlighted?: boolean;
239
+ disabled?: boolean;
240
+ };
241
+ type MenuItemType = {
242
+ icon?: any;
243
+ label?: string;
244
+ value?: any;
245
+ end?: any;
246
+ presist?: boolean;
247
+ itemType?: "separator" | "label" | string;
248
+ action?: () => void;
249
+ highlighted?: boolean;
250
+ subitems?: SubItem[];
251
+ disabled?: boolean;
252
+ };
253
+ interface DropdownMenuProps {
254
+ trigger?: any;
255
+ items?: MenuItemType[];
256
+ direction?: "rtl" | "ltr";
257
+ className?: ExtendedDropdownMenuContentProps["className"];
258
+ triggerClassname?: ExtendedDropdownMenuTriggerProps["className"];
259
+ sideOffset?: ExtendedDropdownMenuContentProps["sideOffset"];
260
+ side?: ExtendedDropdownMenuContentProps["side"];
261
+ align?: ExtendedDropdownMenuContentProps["align"];
262
+ alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
263
+ width?: "default" | "sm" | "lg" | "parent";
264
+ size?: "default" | "sm";
265
+ onItemSelect?: any;
266
+ }
267
+ declare const DropdownMenu: React.FC<DropdownMenuProps>;
268
+
269
+ type PinInputTypes = {
270
+ /** Label text to display for the Pin Input */
271
+ label?: string;
272
+ /** Icon element to be displayed next to the Pin Input */
273
+ icon?: JSX.Element;
274
+ /** Number of digits in the Pin Input */
275
+ digits: number;
276
+ /** Width of the Pin Input - either 'normal' or 'full' */
277
+ width?: "normal" | "full";
278
+ /** Function to get the value of pins */
279
+ getPins?: (pins: string[]) => void;
280
+ };
281
+ declare const PinInput: FC<PinInputTypes>;
282
+
283
+ type ImageCardTypes = {
284
+ children: any;
285
+ align?: any;
286
+ bottomElement?: any;
287
+ inCardActions?: any;
288
+ cardImage?: string;
289
+ title?: string;
290
+ subtitle?: string;
291
+ blank?: boolean;
292
+ };
293
+ declare const ActionCard: FC<ImageCardTypes>;
294
+
295
+ type StoreButtonsTypes = {
296
+ store: "apple" | "google";
297
+ mode: "dark" | "light";
298
+ };
299
+ declare const AppStores: FC<StoreButtonsTypes>;
300
+
301
+ export { ActionCard, Alert, AppStores, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CodeBlock, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, Label, Loading, MenuItemType, PinInput, Popover, PopoverContent, Radio, Skeleton, Slider, SubItem, Switch, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, buttonVariants };