@sikka/hawa 0.2.43-next → 0.2.45-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.
- package/dist/index.css +128 -0
- package/dist/index.d.mts +102 -1
- package/dist/index.d.ts +102 -1
- package/dist/index.js +618 -148
- package/dist/index.mjs +545 -118
- package/package.json +5 -2
package/dist/index.css
CHANGED
|
@@ -768,6 +768,9 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
768
768
|
.hawa-ml-auto {
|
|
769
769
|
margin-left: auto;
|
|
770
770
|
}
|
|
771
|
+
.hawa-mr-2 {
|
|
772
|
+
margin-right: 0.5rem;
|
|
773
|
+
}
|
|
771
774
|
.hawa-mr-3 {
|
|
772
775
|
margin-right: 0.75rem;
|
|
773
776
|
}
|
|
@@ -789,6 +792,9 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
789
792
|
.hawa-mt-3 {
|
|
790
793
|
margin-top: 0.75rem;
|
|
791
794
|
}
|
|
795
|
+
.hawa-mt-4 {
|
|
796
|
+
margin-top: 1rem;
|
|
797
|
+
}
|
|
792
798
|
.hawa-block {
|
|
793
799
|
display: block;
|
|
794
800
|
}
|
|
@@ -822,6 +828,9 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
822
828
|
.hawa-h-2 {
|
|
823
829
|
height: 0.5rem;
|
|
824
830
|
}
|
|
831
|
+
.hawa-h-2\.5 {
|
|
832
|
+
height: 0.625rem;
|
|
833
|
+
}
|
|
825
834
|
.hawa-h-20 {
|
|
826
835
|
height: 5rem;
|
|
827
836
|
}
|
|
@@ -861,6 +870,12 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
861
870
|
.hawa-h-\[16px\] {
|
|
862
871
|
height: 16px;
|
|
863
872
|
}
|
|
873
|
+
.hawa-h-\[2\.38rem\] {
|
|
874
|
+
height: 2.38rem;
|
|
875
|
+
}
|
|
876
|
+
.hawa-h-\[200px\] {
|
|
877
|
+
height: 200px;
|
|
878
|
+
}
|
|
864
879
|
.hawa-h-\[20px\] {
|
|
865
880
|
height: 20px;
|
|
866
881
|
}
|
|
@@ -895,6 +910,9 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
895
910
|
.hawa-h-screen {
|
|
896
911
|
height: 100vh;
|
|
897
912
|
}
|
|
913
|
+
.hawa-max-h-\[300px\] {
|
|
914
|
+
max-height: 300px;
|
|
915
|
+
}
|
|
898
916
|
.hawa-max-h-fit {
|
|
899
917
|
max-height: -moz-fit-content;
|
|
900
918
|
max-height: fit-content;
|
|
@@ -926,6 +944,9 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
926
944
|
.hawa-w-2 {
|
|
927
945
|
width: 0.5rem;
|
|
928
946
|
}
|
|
947
|
+
.hawa-w-2\.5 {
|
|
948
|
+
width: 0.625rem;
|
|
949
|
+
}
|
|
929
950
|
.hawa-w-20 {
|
|
930
951
|
width: 5rem;
|
|
931
952
|
}
|
|
@@ -986,6 +1007,9 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
986
1007
|
.hawa-w-\[26px\] {
|
|
987
1008
|
width: 26px;
|
|
988
1009
|
}
|
|
1010
|
+
.hawa-w-\[350px\] {
|
|
1011
|
+
width: 350px;
|
|
1012
|
+
}
|
|
989
1013
|
.hawa-w-\[37px\] {
|
|
990
1014
|
width: 37px;
|
|
991
1015
|
}
|
|
@@ -1136,6 +1160,9 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
1136
1160
|
-moz-user-select: none;
|
|
1137
1161
|
user-select: none;
|
|
1138
1162
|
}
|
|
1163
|
+
.hawa-grid-cols-1 {
|
|
1164
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
1165
|
+
}
|
|
1139
1166
|
.hawa-flex-row {
|
|
1140
1167
|
flex-direction: row;
|
|
1141
1168
|
}
|
|
@@ -1229,6 +1256,12 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
1229
1256
|
.hawa-overflow-x-auto {
|
|
1230
1257
|
overflow-x: auto;
|
|
1231
1258
|
}
|
|
1259
|
+
.hawa-overflow-y-auto {
|
|
1260
|
+
overflow-y: auto;
|
|
1261
|
+
}
|
|
1262
|
+
.hawa-overflow-x-hidden {
|
|
1263
|
+
overflow-x: hidden;
|
|
1264
|
+
}
|
|
1232
1265
|
.hawa-overflow-y-scroll {
|
|
1233
1266
|
overflow-y: scroll;
|
|
1234
1267
|
}
|
|
@@ -1241,6 +1274,9 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
1241
1274
|
.hawa-rounded {
|
|
1242
1275
|
border-radius: var(--radius);
|
|
1243
1276
|
}
|
|
1277
|
+
.hawa-rounded-\[inherit\] {
|
|
1278
|
+
border-radius: inherit;
|
|
1279
|
+
}
|
|
1244
1280
|
.hawa-rounded-full {
|
|
1245
1281
|
border-radius: 9999px;
|
|
1246
1282
|
}
|
|
@@ -1309,6 +1345,15 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
1309
1345
|
.hawa-border-b-2 {
|
|
1310
1346
|
border-bottom-width: 2px;
|
|
1311
1347
|
}
|
|
1348
|
+
.hawa-border-l {
|
|
1349
|
+
border-left-width: 1px;
|
|
1350
|
+
}
|
|
1351
|
+
.hawa-border-l-0 {
|
|
1352
|
+
border-left-width: 0px;
|
|
1353
|
+
}
|
|
1354
|
+
.hawa-border-t {
|
|
1355
|
+
border-top-width: 1px;
|
|
1356
|
+
}
|
|
1312
1357
|
.hawa-border-dashed {
|
|
1313
1358
|
border-style: dashed;
|
|
1314
1359
|
}
|
|
@@ -1344,6 +1389,12 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
1344
1389
|
.hawa-border-transparent {
|
|
1345
1390
|
border-color: transparent;
|
|
1346
1391
|
}
|
|
1392
|
+
.hawa-border-l-transparent {
|
|
1393
|
+
border-left-color: transparent;
|
|
1394
|
+
}
|
|
1395
|
+
.hawa-border-t-transparent {
|
|
1396
|
+
border-top-color: transparent;
|
|
1397
|
+
}
|
|
1347
1398
|
.hawa-bg-background {
|
|
1348
1399
|
background-color: hsl(var(--background));
|
|
1349
1400
|
}
|
|
@@ -1365,6 +1416,9 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
1365
1416
|
--tw-bg-opacity: 1;
|
|
1366
1417
|
background-color: rgb(191 219 254 / var(--tw-bg-opacity));
|
|
1367
1418
|
}
|
|
1419
|
+
.hawa-bg-border {
|
|
1420
|
+
background-color: hsl(var(--border));
|
|
1421
|
+
}
|
|
1368
1422
|
.hawa-bg-card {
|
|
1369
1423
|
background-color: hsl(var(--card));
|
|
1370
1424
|
}
|
|
@@ -1501,6 +1555,9 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
1501
1555
|
.hawa-p-6 {
|
|
1502
1556
|
padding: 1.5rem;
|
|
1503
1557
|
}
|
|
1558
|
+
.hawa-p-\[1px\] {
|
|
1559
|
+
padding: 1px;
|
|
1560
|
+
}
|
|
1504
1561
|
.hawa-px-0 {
|
|
1505
1562
|
padding-left: 0px;
|
|
1506
1563
|
padding-right: 0px;
|
|
@@ -1569,6 +1626,10 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
1569
1626
|
padding-top: 1rem;
|
|
1570
1627
|
padding-bottom: 1rem;
|
|
1571
1628
|
}
|
|
1629
|
+
.hawa-py-6 {
|
|
1630
|
+
padding-top: 1.5rem;
|
|
1631
|
+
padding-bottom: 1.5rem;
|
|
1632
|
+
}
|
|
1572
1633
|
.hawa-pb-0 {
|
|
1573
1634
|
padding-bottom: 0px;
|
|
1574
1635
|
}
|
|
@@ -1670,6 +1731,9 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
1670
1731
|
.hawa-font-medium {
|
|
1671
1732
|
font-weight: 500;
|
|
1672
1733
|
}
|
|
1734
|
+
.hawa-font-normal {
|
|
1735
|
+
font-weight: 400;
|
|
1736
|
+
}
|
|
1673
1737
|
.hawa-font-semibold {
|
|
1674
1738
|
font-weight: 600;
|
|
1675
1739
|
}
|
|
@@ -2224,6 +2288,9 @@ body {
|
|
|
2224
2288
|
.focus-visible\:hawa-ring-ring:focus-visible {
|
|
2225
2289
|
--tw-ring-color: hsl(var(--ring));
|
|
2226
2290
|
}
|
|
2291
|
+
.focus-visible\:hawa-ring-offset-0:focus-visible {
|
|
2292
|
+
--tw-ring-offset-width: 0px;
|
|
2293
|
+
}
|
|
2227
2294
|
.focus-visible\:hawa-ring-offset-2:focus-visible {
|
|
2228
2295
|
--tw-ring-offset-width: 2px;
|
|
2229
2296
|
}
|
|
@@ -2360,6 +2427,12 @@ body {
|
|
|
2360
2427
|
.hawa-peer:disabled ~ .peer-disabled\:hawa-opacity-70 {
|
|
2361
2428
|
opacity: 0.7;
|
|
2362
2429
|
}
|
|
2430
|
+
.aria-selected\:hawa-bg-accent[aria-selected="true"] {
|
|
2431
|
+
background-color: hsl(var(--accent));
|
|
2432
|
+
}
|
|
2433
|
+
.aria-selected\:hawa-text-accent-foreground[aria-selected="true"] {
|
|
2434
|
+
color: hsl(var(--accent-foreground));
|
|
2435
|
+
}
|
|
2363
2436
|
.data-\[disabled\]\:hawa-pointer-events-none[data-disabled] {
|
|
2364
2437
|
pointer-events: none;
|
|
2365
2438
|
}
|
|
@@ -2557,6 +2630,9 @@ body {
|
|
|
2557
2630
|
--tw-text-opacity: 1;
|
|
2558
2631
|
color: rgb(22 101 52 / var(--tw-text-opacity));
|
|
2559
2632
|
}
|
|
2633
|
+
:is(.hawa-dark .dark\:hawa-text-muted-foreground) {
|
|
2634
|
+
color: hsl(var(--muted-foreground));
|
|
2635
|
+
}
|
|
2560
2636
|
:is(.hawa-dark .dark\:hawa-text-red-500) {
|
|
2561
2637
|
--tw-text-opacity: 1;
|
|
2562
2638
|
color: rgb(239 68 68 / var(--tw-text-opacity));
|
|
@@ -2607,6 +2683,10 @@ body {
|
|
|
2607
2683
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color);
|
|
2608
2684
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
2609
2685
|
}
|
|
2686
|
+
:is(.hawa-dark .dark\:focus\:hawa-ring-blue-500:focus) {
|
|
2687
|
+
--tw-ring-opacity: 1;
|
|
2688
|
+
--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
|
|
2689
|
+
}
|
|
2610
2690
|
:is(.hawa-dark .hawa-peer:checked ~ .dark\:peer-checked\:hawa-text-primary) {
|
|
2611
2691
|
color: hsl(var(--primary));
|
|
2612
2692
|
}
|
|
@@ -2681,3 +2761,51 @@ body {
|
|
|
2681
2761
|
max-width: 420px;
|
|
2682
2762
|
}
|
|
2683
2763
|
}
|
|
2764
|
+
.\[\&_\[cmdk-group-heading\]\]\:hawa-px-2 [cmdk-group-heading] {
|
|
2765
|
+
padding-left: 0.5rem;
|
|
2766
|
+
padding-right: 0.5rem;
|
|
2767
|
+
}
|
|
2768
|
+
.\[\&_\[cmdk-group-heading\]\]\:hawa-py-1\.5 [cmdk-group-heading] {
|
|
2769
|
+
padding-top: 0.375rem;
|
|
2770
|
+
padding-bottom: 0.375rem;
|
|
2771
|
+
}
|
|
2772
|
+
.\[\&_\[cmdk-group-heading\]\]\:hawa-text-xs [cmdk-group-heading] {
|
|
2773
|
+
font-size: 0.75rem;
|
|
2774
|
+
line-height: 1rem;
|
|
2775
|
+
}
|
|
2776
|
+
.\[\&_\[cmdk-group-heading\]\]\:hawa-font-medium [cmdk-group-heading] {
|
|
2777
|
+
font-weight: 500;
|
|
2778
|
+
}
|
|
2779
|
+
.\[\&_\[cmdk-group-heading\]\]\:hawa-text-muted-foreground [cmdk-group-heading] {
|
|
2780
|
+
color: hsl(var(--muted-foreground));
|
|
2781
|
+
}
|
|
2782
|
+
.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:hawa-pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] {
|
|
2783
|
+
padding-top: 0px;
|
|
2784
|
+
}
|
|
2785
|
+
.\[\&_\[cmdk-group\]\]\:hawa-px-2 [cmdk-group] {
|
|
2786
|
+
padding-left: 0.5rem;
|
|
2787
|
+
padding-right: 0.5rem;
|
|
2788
|
+
}
|
|
2789
|
+
.\[\&_\[cmdk-input-wrapper\]_svg\]\:hawa-h-5 [cmdk-input-wrapper] svg {
|
|
2790
|
+
height: 1.25rem;
|
|
2791
|
+
}
|
|
2792
|
+
.\[\&_\[cmdk-input-wrapper\]_svg\]\:hawa-w-5 [cmdk-input-wrapper] svg {
|
|
2793
|
+
width: 1.25rem;
|
|
2794
|
+
}
|
|
2795
|
+
.\[\&_\[cmdk-input\]\]\:hawa-h-12 [cmdk-input] {
|
|
2796
|
+
height: 3rem;
|
|
2797
|
+
}
|
|
2798
|
+
.\[\&_\[cmdk-item\]\]\:hawa-px-2 [cmdk-item] {
|
|
2799
|
+
padding-left: 0.5rem;
|
|
2800
|
+
padding-right: 0.5rem;
|
|
2801
|
+
}
|
|
2802
|
+
.\[\&_\[cmdk-item\]\]\:hawa-py-3 [cmdk-item] {
|
|
2803
|
+
padding-top: 0.75rem;
|
|
2804
|
+
padding-bottom: 0.75rem;
|
|
2805
|
+
}
|
|
2806
|
+
.\[\&_\[cmdk-item\]_svg\]\:hawa-h-5 [cmdk-item] svg {
|
|
2807
|
+
height: 1.25rem;
|
|
2808
|
+
}
|
|
2809
|
+
.\[\&_\[cmdk-item\]_svg\]\:hawa-w-5 [cmdk-item] svg {
|
|
2810
|
+
width: 1.25rem;
|
|
2811
|
+
}
|
package/dist/index.d.mts
CHANGED
|
@@ -3,6 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import React__default, { FC, ReactNode, ChangeEvent, RefObject, PropsWithRef } from 'react';
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
6
|
+
import { DialogProps } from '@radix-ui/react-dialog';
|
|
6
7
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
7
8
|
import * as ToastPrimitives from '@radix-ui/react-toast';
|
|
8
9
|
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
@@ -11,6 +12,7 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
|
11
12
|
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
12
13
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
13
14
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
15
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
14
16
|
|
|
15
17
|
declare const buttonVariants: (props?: ({
|
|
16
18
|
variant?: "link" | "default" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "neoBrutalism" | null | undefined;
|
|
@@ -222,6 +224,7 @@ interface PopoverProps {
|
|
|
222
224
|
}
|
|
223
225
|
type HawaPopoverTypes = PopoverProps & React.ComponentProps<typeof PopoverPrimitive.Root>;
|
|
224
226
|
declare const Popover: React.FC<HawaPopoverTypes>;
|
|
227
|
+
declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
225
228
|
|
|
226
229
|
interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
227
230
|
}
|
|
@@ -400,4 +403,102 @@ declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsL
|
|
|
400
403
|
declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
401
404
|
declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
402
405
|
|
|
403
|
-
|
|
406
|
+
declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
407
|
+
orientation?: "horizontal" | "vertical" | undefined;
|
|
408
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
409
|
+
declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
410
|
+
|
|
411
|
+
type IconProps = React__default.HTMLAttributes<SVGElement>;
|
|
412
|
+
declare const Logos: {
|
|
413
|
+
logo: (props: IconProps) => React__default.JSX.Element;
|
|
414
|
+
mail: (props: IconProps) => React__default.JSX.Element;
|
|
415
|
+
phone: (props: IconProps) => React__default.JSX.Element;
|
|
416
|
+
twitter: (props: IconProps) => React__default.JSX.Element;
|
|
417
|
+
microsoft: (props: IconProps) => React__default.JSX.Element;
|
|
418
|
+
gitHub: (props: IconProps) => React__default.JSX.Element;
|
|
419
|
+
radix: (props: IconProps) => React__default.JSX.Element;
|
|
420
|
+
aria: (props: IconProps) => React__default.JSX.Element;
|
|
421
|
+
npm: (props: IconProps) => React__default.JSX.Element;
|
|
422
|
+
yarn: (props: IconProps) => React__default.JSX.Element;
|
|
423
|
+
pnpm: (props: IconProps) => React__default.JSX.Element;
|
|
424
|
+
react: (props: IconProps) => React__default.JSX.Element;
|
|
425
|
+
tailwind: (props: IconProps) => React__default.JSX.Element;
|
|
426
|
+
google: (props: IconProps) => React__default.JSX.Element;
|
|
427
|
+
apple: (props: IconProps) => React__default.JSX.Element;
|
|
428
|
+
paypal: (props: IconProps) => React__default.JSX.Element;
|
|
429
|
+
spinner: (props: IconProps) => React__default.JSX.Element;
|
|
430
|
+
};
|
|
431
|
+
|
|
432
|
+
declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
433
|
+
children?: React.ReactNode;
|
|
434
|
+
} & React.HTMLAttributes<HTMLDivElement> & {
|
|
435
|
+
label?: string | undefined;
|
|
436
|
+
shouldFilter?: boolean | undefined;
|
|
437
|
+
filter?: ((value: string, search: string) => number) | undefined;
|
|
438
|
+
value?: string | undefined;
|
|
439
|
+
onValueChange?: ((value: string) => void) | undefined;
|
|
440
|
+
loop?: boolean | undefined;
|
|
441
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
442
|
+
interface CommandDialogProps extends DialogProps {
|
|
443
|
+
}
|
|
444
|
+
declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => React.JSX.Element;
|
|
445
|
+
declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange"> & {
|
|
446
|
+
value?: string | undefined;
|
|
447
|
+
onValueChange?: ((search: string) => void) | undefined;
|
|
448
|
+
} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
449
|
+
declare const CommandList: React.ForwardRefExoticComponent<Omit<{
|
|
450
|
+
children?: React.ReactNode;
|
|
451
|
+
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
452
|
+
declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
453
|
+
children?: React.ReactNode;
|
|
454
|
+
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
455
|
+
declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
456
|
+
children?: React.ReactNode;
|
|
457
|
+
} & Omit<React.HTMLAttributes<HTMLDivElement>, "heading" | "value"> & {
|
|
458
|
+
heading?: React.ReactNode;
|
|
459
|
+
value?: string | undefined;
|
|
460
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
461
|
+
declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement> & {
|
|
462
|
+
alwaysRender?: boolean | undefined;
|
|
463
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
464
|
+
declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
465
|
+
children?: React.ReactNode;
|
|
466
|
+
} & Omit<React.HTMLAttributes<HTMLDivElement>, "disabled" | "value" | "onSelect"> & {
|
|
467
|
+
disabled?: boolean | undefined;
|
|
468
|
+
onSelect?: ((value: string) => void) | undefined;
|
|
469
|
+
value?: string | undefined;
|
|
470
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
471
|
+
declare const CommandShortcut: {
|
|
472
|
+
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
|
|
473
|
+
displayName: string;
|
|
474
|
+
};
|
|
475
|
+
|
|
476
|
+
type SelectTypes = {
|
|
477
|
+
label?: string;
|
|
478
|
+
options?: {
|
|
479
|
+
value: any;
|
|
480
|
+
label: any;
|
|
481
|
+
}[];
|
|
482
|
+
isCreatable?: boolean;
|
|
483
|
+
isClearable?: boolean;
|
|
484
|
+
isMulti?: boolean;
|
|
485
|
+
isSearchable?: boolean;
|
|
486
|
+
onChange?: any;
|
|
487
|
+
helperText?: any;
|
|
488
|
+
onInputChange?: any;
|
|
489
|
+
native?: any;
|
|
490
|
+
width?: "full" | "small";
|
|
491
|
+
value?: any;
|
|
492
|
+
children?: any;
|
|
493
|
+
getOptionLabel?: any;
|
|
494
|
+
disabled?: boolean;
|
|
495
|
+
defaultValue?: any;
|
|
496
|
+
isLoading?: any;
|
|
497
|
+
texts?: {
|
|
498
|
+
noOptions?: string;
|
|
499
|
+
createLabel?: string;
|
|
500
|
+
};
|
|
501
|
+
};
|
|
502
|
+
declare const Select: FC<SelectTypes>;
|
|
503
|
+
|
|
504
|
+
export { ActionCard, Alert, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CodeBlock, ColorPicker, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, FileDropzone, Input, Label, Loading, Logos, MenuItemType, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, Radio, ScrollArea, ScrollBar, Select, Skeleton, Slider, SubItem, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, buttonVariants };
|
package/dist/index.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import React__default, { FC, ReactNode, ChangeEvent, RefObject, PropsWithRef } from 'react';
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
6
|
+
import { DialogProps } from '@radix-ui/react-dialog';
|
|
6
7
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
7
8
|
import * as ToastPrimitives from '@radix-ui/react-toast';
|
|
8
9
|
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
@@ -11,6 +12,7 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
|
11
12
|
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
12
13
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
13
14
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
15
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
14
16
|
|
|
15
17
|
declare const buttonVariants: (props?: ({
|
|
16
18
|
variant?: "link" | "default" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "neoBrutalism" | null | undefined;
|
|
@@ -222,6 +224,7 @@ interface PopoverProps {
|
|
|
222
224
|
}
|
|
223
225
|
type HawaPopoverTypes = PopoverProps & React.ComponentProps<typeof PopoverPrimitive.Root>;
|
|
224
226
|
declare const Popover: React.FC<HawaPopoverTypes>;
|
|
227
|
+
declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
225
228
|
|
|
226
229
|
interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
227
230
|
}
|
|
@@ -400,4 +403,102 @@ declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsL
|
|
|
400
403
|
declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
401
404
|
declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
402
405
|
|
|
403
|
-
|
|
406
|
+
declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
407
|
+
orientation?: "horizontal" | "vertical" | undefined;
|
|
408
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
409
|
+
declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
410
|
+
|
|
411
|
+
type IconProps = React__default.HTMLAttributes<SVGElement>;
|
|
412
|
+
declare const Logos: {
|
|
413
|
+
logo: (props: IconProps) => React__default.JSX.Element;
|
|
414
|
+
mail: (props: IconProps) => React__default.JSX.Element;
|
|
415
|
+
phone: (props: IconProps) => React__default.JSX.Element;
|
|
416
|
+
twitter: (props: IconProps) => React__default.JSX.Element;
|
|
417
|
+
microsoft: (props: IconProps) => React__default.JSX.Element;
|
|
418
|
+
gitHub: (props: IconProps) => React__default.JSX.Element;
|
|
419
|
+
radix: (props: IconProps) => React__default.JSX.Element;
|
|
420
|
+
aria: (props: IconProps) => React__default.JSX.Element;
|
|
421
|
+
npm: (props: IconProps) => React__default.JSX.Element;
|
|
422
|
+
yarn: (props: IconProps) => React__default.JSX.Element;
|
|
423
|
+
pnpm: (props: IconProps) => React__default.JSX.Element;
|
|
424
|
+
react: (props: IconProps) => React__default.JSX.Element;
|
|
425
|
+
tailwind: (props: IconProps) => React__default.JSX.Element;
|
|
426
|
+
google: (props: IconProps) => React__default.JSX.Element;
|
|
427
|
+
apple: (props: IconProps) => React__default.JSX.Element;
|
|
428
|
+
paypal: (props: IconProps) => React__default.JSX.Element;
|
|
429
|
+
spinner: (props: IconProps) => React__default.JSX.Element;
|
|
430
|
+
};
|
|
431
|
+
|
|
432
|
+
declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
433
|
+
children?: React.ReactNode;
|
|
434
|
+
} & React.HTMLAttributes<HTMLDivElement> & {
|
|
435
|
+
label?: string | undefined;
|
|
436
|
+
shouldFilter?: boolean | undefined;
|
|
437
|
+
filter?: ((value: string, search: string) => number) | undefined;
|
|
438
|
+
value?: string | undefined;
|
|
439
|
+
onValueChange?: ((value: string) => void) | undefined;
|
|
440
|
+
loop?: boolean | undefined;
|
|
441
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
442
|
+
interface CommandDialogProps extends DialogProps {
|
|
443
|
+
}
|
|
444
|
+
declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => React.JSX.Element;
|
|
445
|
+
declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange"> & {
|
|
446
|
+
value?: string | undefined;
|
|
447
|
+
onValueChange?: ((search: string) => void) | undefined;
|
|
448
|
+
} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
449
|
+
declare const CommandList: React.ForwardRefExoticComponent<Omit<{
|
|
450
|
+
children?: React.ReactNode;
|
|
451
|
+
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
452
|
+
declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
453
|
+
children?: React.ReactNode;
|
|
454
|
+
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
455
|
+
declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
456
|
+
children?: React.ReactNode;
|
|
457
|
+
} & Omit<React.HTMLAttributes<HTMLDivElement>, "heading" | "value"> & {
|
|
458
|
+
heading?: React.ReactNode;
|
|
459
|
+
value?: string | undefined;
|
|
460
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
461
|
+
declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement> & {
|
|
462
|
+
alwaysRender?: boolean | undefined;
|
|
463
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
464
|
+
declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
465
|
+
children?: React.ReactNode;
|
|
466
|
+
} & Omit<React.HTMLAttributes<HTMLDivElement>, "disabled" | "value" | "onSelect"> & {
|
|
467
|
+
disabled?: boolean | undefined;
|
|
468
|
+
onSelect?: ((value: string) => void) | undefined;
|
|
469
|
+
value?: string | undefined;
|
|
470
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
471
|
+
declare const CommandShortcut: {
|
|
472
|
+
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
|
|
473
|
+
displayName: string;
|
|
474
|
+
};
|
|
475
|
+
|
|
476
|
+
type SelectTypes = {
|
|
477
|
+
label?: string;
|
|
478
|
+
options?: {
|
|
479
|
+
value: any;
|
|
480
|
+
label: any;
|
|
481
|
+
}[];
|
|
482
|
+
isCreatable?: boolean;
|
|
483
|
+
isClearable?: boolean;
|
|
484
|
+
isMulti?: boolean;
|
|
485
|
+
isSearchable?: boolean;
|
|
486
|
+
onChange?: any;
|
|
487
|
+
helperText?: any;
|
|
488
|
+
onInputChange?: any;
|
|
489
|
+
native?: any;
|
|
490
|
+
width?: "full" | "small";
|
|
491
|
+
value?: any;
|
|
492
|
+
children?: any;
|
|
493
|
+
getOptionLabel?: any;
|
|
494
|
+
disabled?: boolean;
|
|
495
|
+
defaultValue?: any;
|
|
496
|
+
isLoading?: any;
|
|
497
|
+
texts?: {
|
|
498
|
+
noOptions?: string;
|
|
499
|
+
createLabel?: string;
|
|
500
|
+
};
|
|
501
|
+
};
|
|
502
|
+
declare const Select: FC<SelectTypes>;
|
|
503
|
+
|
|
504
|
+
export { ActionCard, Alert, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CodeBlock, ColorPicker, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, FileDropzone, Input, Label, Loading, Logos, MenuItemType, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, Radio, ScrollArea, ScrollBar, Select, Skeleton, Slider, SubItem, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, buttonVariants };
|