@sikka/hawa 0.2.42-next → 0.2.44-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 (6) hide show
  1. package/dist/index.css +154 -13
  2. package/dist/index.d.mts +70 -2
  3. package/dist/index.d.ts +70 -2
  4. package/dist/index.js +356 -0
  5. package/dist/index.mjs +343 -0
  6. package/package.json +4 -1
package/dist/index.css CHANGED
@@ -388,7 +388,7 @@ video {
388
388
  :root {
389
389
  --background: 0 0% 100%;
390
390
  --foreground: 240 10% 3.9%;
391
- --card: 210 50% 98%;
391
+ --card: 0 0% 100%;
392
392
  --card-foreground: 240 10% 3.9%;
393
393
  --popover: 0 0% 100%;
394
394
  --popover-foreground: 240 10% 3.9%;
@@ -402,24 +402,17 @@ video {
402
402
  --accent-foreground: 240 5.9% 10%;
403
403
  --destructive: 0 84.2% 60.2%;
404
404
  --destructive-foreground: 0 0% 98%;
405
- --info: 209 62% 50%;
406
- --info-foreground: 0 0% 98%;
407
- --success: 148 48% 43%;
408
- --success-foreground: 0 0% 98%;
409
- --warning: 24 75% 50%;
410
- --warning-foreground: 0 0% 98%;
411
- --error: 0 84.2% 60.2%;
412
- --error-foreground: 0 0% 98%;
413
405
  --border: 240 5.9% 90%;
414
406
  --input: 240 5.9% 90%;
415
- --ring: 240 5% 64.9%;
416
- --radius: 0.5rem;
407
+ --ring: 240 5.9% 10%;
408
+ --radius: 0.1rem;
417
409
  --radius-inner: calc(var(--radius) - calc(var(--radius) / 3));
418
410
  }
411
+
419
412
  .dark {
420
413
  --background: 240 10% 3.9%;
421
414
  --foreground: 0 0% 98%;
422
- --card: 0 0% 2%;
415
+ --card: 240 10% 3.9%;
423
416
  --card-foreground: 0 0% 98%;
424
417
  --popover: 240 10% 3.9%;
425
418
  --popover-foreground: 0 0% 98%;
@@ -432,7 +425,7 @@ video {
432
425
  --accent: 240 3.7% 15.9%;
433
426
  --accent-foreground: 0 0% 98%;
434
427
  --destructive: 0 62.8% 30.6%;
435
- --destructive-foreground: 0 85.7% 97.3%;
428
+ --destructive-foreground: 0 0% 98%;
436
429
  --border: 240 3.7% 15.9%;
437
430
  --input: 240 3.7% 15.9%;
438
431
  --ring: 240 4.9% 83.9%;
@@ -673,6 +666,9 @@ input[type="number"]::-webkit-inner-spin-button,
673
666
  .hawa-left-2 {
674
667
  left: 0.5rem;
675
668
  }
669
+ .hawa-left-3 {
670
+ left: 0.75rem;
671
+ }
676
672
  .hawa-left-4 {
677
673
  left: 1rem;
678
674
  }
@@ -682,6 +678,9 @@ input[type="number"]::-webkit-inner-spin-button,
682
678
  .hawa-right-0 {
683
679
  right: 0px;
684
680
  }
681
+ .hawa-right-1 {
682
+ right: 0.25rem;
683
+ }
685
684
  .hawa-right-2 {
686
685
  right: 0.5rem;
687
686
  }
@@ -691,12 +690,21 @@ input[type="number"]::-webkit-inner-spin-button,
691
690
  .hawa-top-0 {
692
691
  top: 0px;
693
692
  }
693
+ .hawa-top-1\/2 {
694
+ top: 50%;
695
+ }
694
696
  .hawa-top-2 {
695
697
  top: 0.5rem;
696
698
  }
697
699
  .hawa-top-4 {
698
700
  top: 1rem;
699
701
  }
702
+ .hawa-top-\[22px\] {
703
+ top: 22px;
704
+ }
705
+ .hawa-top-\[41px\] {
706
+ top: 41px;
707
+ }
700
708
  .hawa-top-\[50\%\] {
701
709
  top: 50%;
702
710
  }
@@ -733,6 +741,9 @@ input[type="number"]::-webkit-inner-spin-button,
733
741
  .hawa--mt-1 {
734
742
  margin-top: -0.25rem;
735
743
  }
744
+ .hawa-mb-0 {
745
+ margin-bottom: 0px;
746
+ }
736
747
  .hawa-mb-1 {
737
748
  margin-bottom: 0.25rem;
738
749
  }
@@ -745,6 +756,9 @@ input[type="number"]::-webkit-inner-spin-button,
745
756
  .hawa-mb-4 {
746
757
  margin-bottom: 1rem;
747
758
  }
759
+ .hawa-mb-5 {
760
+ margin-bottom: 1.25rem;
761
+ }
748
762
  .hawa-ml-2 {
749
763
  margin-left: 0.5rem;
750
764
  }
@@ -760,6 +774,9 @@ input[type="number"]::-webkit-inner-spin-button,
760
774
  .hawa-mr-8 {
761
775
  margin-right: 2rem;
762
776
  }
777
+ .hawa-mt-0 {
778
+ margin-top: 0px;
779
+ }
763
780
  .hawa-mt-1 {
764
781
  margin-top: 0.25rem;
765
782
  }
@@ -805,6 +822,9 @@ input[type="number"]::-webkit-inner-spin-button,
805
822
  .hawa-h-2 {
806
823
  height: 0.5rem;
807
824
  }
825
+ .hawa-h-2\.5 {
826
+ height: 0.625rem;
827
+ }
808
828
  .hawa-h-20 {
809
829
  height: 5rem;
810
830
  }
@@ -838,9 +858,15 @@ input[type="number"]::-webkit-inner-spin-button,
838
858
  .hawa-h-9 {
839
859
  height: 2.25rem;
840
860
  }
861
+ .hawa-h-\[0\.8px\] {
862
+ height: 0.8px;
863
+ }
841
864
  .hawa-h-\[16px\] {
842
865
  height: 16px;
843
866
  }
867
+ .hawa-h-\[200px\] {
868
+ height: 200px;
869
+ }
844
870
  .hawa-h-\[20px\] {
845
871
  height: 20px;
846
872
  }
@@ -856,6 +882,9 @@ input[type="number"]::-webkit-inner-spin-button,
856
882
  .hawa-h-\[30px\] {
857
883
  height: 30px;
858
884
  }
885
+ .hawa-h-\[38px\] {
886
+ height: 38px;
887
+ }
859
888
  .hawa-h-auto {
860
889
  height: auto;
861
890
  }
@@ -872,6 +901,10 @@ input[type="number"]::-webkit-inner-spin-button,
872
901
  .hawa-h-screen {
873
902
  height: 100vh;
874
903
  }
904
+ .hawa-max-h-fit {
905
+ max-height: -moz-fit-content;
906
+ max-height: fit-content;
907
+ }
875
908
  .hawa-max-h-screen {
876
909
  max-height: 100vh;
877
910
  }
@@ -899,6 +932,9 @@ input[type="number"]::-webkit-inner-spin-button,
899
932
  .hawa-w-2 {
900
933
  width: 0.5rem;
901
934
  }
935
+ .hawa-w-2\.5 {
936
+ width: 0.625rem;
937
+ }
902
938
  .hawa-w-20 {
903
939
  width: 5rem;
904
940
  }
@@ -959,6 +995,9 @@ input[type="number"]::-webkit-inner-spin-button,
959
995
  .hawa-w-\[26px\] {
960
996
  width: 26px;
961
997
  }
998
+ .hawa-w-\[350px\] {
999
+ width: 350px;
1000
+ }
962
1001
  .hawa-w-\[37px\] {
963
1002
  width: 37px;
964
1003
  }
@@ -990,6 +1029,9 @@ input[type="number"]::-webkit-inner-spin-button,
990
1029
  .hawa-max-w-2xl {
991
1030
  max-width: 42rem;
992
1031
  }
1032
+ .hawa-max-w-2xs {
1033
+ max-width: 250px;
1034
+ }
993
1035
  .hawa-max-w-4xl {
994
1036
  max-width: 56rem;
995
1037
  }
@@ -1032,6 +1074,10 @@ input[type="number"]::-webkit-inner-spin-button,
1032
1074
  --tw-translate-x: -0.125rem;
1033
1075
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1034
1076
  }
1077
+ .hawa--translate-y-1\/2 {
1078
+ --tw-translate-y: -50%;
1079
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1080
+ }
1035
1081
  .hawa-translate-x-0 {
1036
1082
  --tw-translate-x: 0px;
1037
1083
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1207,6 +1253,9 @@ input[type="number"]::-webkit-inner-spin-button,
1207
1253
  .hawa-rounded {
1208
1254
  border-radius: var(--radius);
1209
1255
  }
1256
+ .hawa-rounded-\[inherit\] {
1257
+ border-radius: inherit;
1258
+ }
1210
1259
  .hawa-rounded-full {
1211
1260
  border-radius: 9999px;
1212
1261
  }
@@ -1275,6 +1324,12 @@ input[type="number"]::-webkit-inner-spin-button,
1275
1324
  .hawa-border-b-2 {
1276
1325
  border-bottom-width: 2px;
1277
1326
  }
1327
+ .hawa-border-l {
1328
+ border-left-width: 1px;
1329
+ }
1330
+ .hawa-border-t {
1331
+ border-top-width: 1px;
1332
+ }
1278
1333
  .hawa-border-dashed {
1279
1334
  border-style: dashed;
1280
1335
  }
@@ -1307,6 +1362,15 @@ input[type="number"]::-webkit-inner-spin-button,
1307
1362
  .hawa-border-primary {
1308
1363
  border-color: hsl(var(--primary));
1309
1364
  }
1365
+ .hawa-border-transparent {
1366
+ border-color: transparent;
1367
+ }
1368
+ .hawa-border-l-transparent {
1369
+ border-left-color: transparent;
1370
+ }
1371
+ .hawa-border-t-transparent {
1372
+ border-top-color: transparent;
1373
+ }
1310
1374
  .hawa-bg-background {
1311
1375
  background-color: hsl(var(--background));
1312
1376
  }
@@ -1328,6 +1392,9 @@ input[type="number"]::-webkit-inner-spin-button,
1328
1392
  --tw-bg-opacity: 1;
1329
1393
  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
1330
1394
  }
1395
+ .hawa-bg-border {
1396
+ background-color: hsl(var(--border));
1397
+ }
1331
1398
  .hawa-bg-card {
1332
1399
  background-color: hsl(var(--card));
1333
1400
  }
@@ -1464,6 +1531,9 @@ input[type="number"]::-webkit-inner-spin-button,
1464
1531
  .hawa-p-6 {
1465
1532
  padding: 1.5rem;
1466
1533
  }
1534
+ .hawa-p-\[1px\] {
1535
+ padding: 1px;
1536
+ }
1467
1537
  .hawa-px-0 {
1468
1538
  padding-left: 0px;
1469
1539
  padding-right: 0px;
@@ -1541,6 +1611,9 @@ input[type="number"]::-webkit-inner-spin-button,
1541
1611
  .hawa-pl-0 {
1542
1612
  padding-left: 0px;
1543
1613
  }
1614
+ .hawa-pl-10 {
1615
+ padding-left: 2.5rem;
1616
+ }
1544
1617
  .hawa-pl-2 {
1545
1618
  padding-left: 0.5rem;
1546
1619
  }
@@ -1904,6 +1977,60 @@ input[type="number"]::-webkit-inner-spin-button,
1904
1977
  body {
1905
1978
  font-family: "IBM Plex Sans Arabic", sans-serif;
1906
1979
  }
1980
+ /*
1981
+ @layer base {
1982
+ :root {
1983
+ --background: 0 0% 100%;
1984
+ --foreground: 240 10% 3.9%;
1985
+ --card: 210 50% 98%;
1986
+ --card-foreground: 240 10% 3.9%;
1987
+ --popover: 0 0% 100%;
1988
+ --popover-foreground: 240 10% 3.9%;
1989
+ --primary: 240 5.9% 10%;
1990
+ --primary-foreground: 0 0% 98%;
1991
+ --secondary: 240 4.8% 95.9%;
1992
+ --secondary-foreground: 240 5.9% 10%;
1993
+ --muted: 240 4.8% 95.9%;
1994
+ --muted-foreground: 240 3.8% 46.1%;
1995
+ --accent: 240 4.8% 95.9%;
1996
+ --accent-foreground: 240 5.9% 10%;
1997
+ --destructive: 0 84.2% 60.2%;
1998
+ --destructive-foreground: 0 0% 98%;
1999
+ --info: 209 62% 50%;
2000
+ --info-foreground: 0 0% 98%;
2001
+ --success: 148 48% 43%;
2002
+ --success-foreground: 0 0% 98%;
2003
+ --warning: 24 75% 50%;
2004
+ --warning-foreground: 0 0% 98%;
2005
+ --error: 0 84.2% 60.2%;
2006
+ --error-foreground: 0 0% 98%;
2007
+ --border: 240 5.9% 90%;
2008
+ --input: 240 5.9% 90%;
2009
+ --ring: 240 5% 64.9%;
2010
+ --radius: 0.5rem;
2011
+ }
2012
+ .dark {
2013
+ --background: 240 10% 3.9%;
2014
+ --foreground: 0 0% 98%;
2015
+ --card: 0 0% 2%;
2016
+ --card-foreground: 0 0% 98%;
2017
+ --popover: 240 10% 3.9%;
2018
+ --popover-foreground: 0 0% 98%;
2019
+ --primary: 0 0% 98%;
2020
+ --primary-foreground: 240 5.9% 10%;
2021
+ --secondary: 240 3.7% 15.9%;
2022
+ --secondary-foreground: 0 0% 98%;
2023
+ --muted: 240 3.7% 15.9%;
2024
+ --muted-foreground: 240 5% 64.9%;
2025
+ --accent: 240 3.7% 15.9%;
2026
+ --accent-foreground: 0 0% 98%;
2027
+ --destructive: 0 62.8% 30.6%;
2028
+ --destructive-foreground: 0 85.7% 97.3%;
2029
+ --border: 240 3.7% 15.9%;
2030
+ --input: 240 3.7% 15.9%;
2031
+ --ring: 240 4.9% 83.9%;
2032
+ }
2033
+ } */
1907
2034
  .placeholder\:hawa-text-muted-foreground::-moz-placeholder {
1908
2035
  color: hsl(var(--muted-foreground));
1909
2036
  }
@@ -2289,6 +2416,9 @@ body {
2289
2416
  --tw-translate-x: var(--radix-toast-swipe-move-x);
2290
2417
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2291
2418
  }
2419
+ .data-\[state\=active\]\:hawa-bg-primary[data-state=active] {
2420
+ background-color: hsl(var(--primary));
2421
+ }
2292
2422
  .data-\[state\=checked\]\:hawa-bg-primary[data-state=checked] {
2293
2423
  background-color: hsl(var(--primary));
2294
2424
  }
@@ -2298,6 +2428,9 @@ body {
2298
2428
  .data-\[state\=open\]\:hawa-bg-accent[data-state=open] {
2299
2429
  background-color: hsl(var(--accent));
2300
2430
  }
2431
+ .data-\[state\=active\]\:hawa-text-primary-foreground[data-state=active] {
2432
+ color: hsl(var(--primary-foreground));
2433
+ }
2301
2434
  .data-\[state\=checked\]\:hawa-text-primary-foreground[data-state=checked] {
2302
2435
  color: hsl(var(--primary-foreground));
2303
2436
  }
@@ -2307,6 +2440,11 @@ body {
2307
2440
  .data-\[disabled\]\:hawa-opacity-50[data-disabled] {
2308
2441
  opacity: 0.5;
2309
2442
  }
2443
+ .data-\[state\=active\]\:hawa-shadow-sm[data-state=active] {
2444
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2445
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2446
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2447
+ }
2310
2448
  .data-\[swipe\=move\]\:hawa-transition-none[data-swipe=move] {
2311
2449
  transition-property: none;
2312
2450
  }
@@ -2389,6 +2527,9 @@ body {
2389
2527
  --tw-border-opacity: 1;
2390
2528
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
2391
2529
  }
2530
+ :is(.hawa-dark .dark\:hawa-border-primary\/10) {
2531
+ border-color: hsl(var(--primary) / 0.1);
2532
+ }
2392
2533
  :is(.hawa-dark .dark\:hawa-bg-background) {
2393
2534
  background-color: hsl(var(--background));
2394
2535
  }
package/dist/index.d.mts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as class_variance_authority_types from 'class-variance-authority/types';
2
2
  import * as React from 'react';
3
- import React__default, { FC, ReactNode, ChangeEvent, RefObject } from 'react';
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
6
  import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
@@ -10,6 +10,8 @@ import * as LabelPrimitive from '@radix-ui/react-label';
10
10
  import * as PopoverPrimitive from '@radix-ui/react-popover';
11
11
  import * as SliderPrimitive from '@radix-ui/react-slider';
12
12
  import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
13
+ import * as TabsPrimitive from '@radix-ui/react-tabs';
14
+ import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
13
15
 
14
16
  declare const buttonVariants: (props?: ({
15
17
  variant?: "link" | "default" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "neoBrutalism" | null | undefined;
@@ -359,4 +361,70 @@ type BackToTopTypes = {
359
361
  };
360
362
  declare const BackToTop: FC<BackToTopTypes>;
361
363
 
362
- export { ActionCard, Alert, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CodeBlock, ColorPicker, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, FileDropzone, Label, Loading, MenuItemType, PhoneInput, PinInput, Popover, PopoverContent, Radio, Skeleton, Slider, SubItem, Switch, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, buttonVariants };
364
+ type TextFieldTypes = {
365
+ isLoading?: boolean;
366
+ margin?: "none" | "normal" | "large";
367
+ width?: "small" | "normal" | "full";
368
+ /** The label of the input field */
369
+ label?: any;
370
+ /** Disable/Enable multiple line text input field */
371
+ multiline?: boolean;
372
+ /** The small red text under the input field to show validation or a hint. */
373
+ helperText?: any;
374
+ /** The value of the input field */
375
+ value?: any;
376
+ props?: PropsWithRef<"input">;
377
+ /** The type of input field. Same as the types of the HTML input element */
378
+ type?: any;
379
+ /** The placeholder of the input field */
380
+ placeholder?: any;
381
+ defaultValue?: any;
382
+ name?: any;
383
+ inputProps?: any;
384
+ onChange?: any;
385
+ ref?: any;
386
+ /** The icon inside the input field */
387
+ icon?: any;
388
+ /** Boolean to enable/disable editing the input field and using it as a text field */
389
+ preview?: boolean;
390
+ autoComplete?: any;
391
+ maxLength?: any;
392
+ className?: any;
393
+ iconInside?: React__default.ReactNode;
394
+ };
395
+ declare const Input: FC<TextFieldTypes>;
396
+
397
+ declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
398
+ orientation?: "horizontal" | "vertical" | undefined;
399
+ } & React.RefAttributes<HTMLDivElement>>;
400
+ declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
401
+ declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
402
+ declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
403
+
404
+ declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
405
+ orientation?: "horizontal" | "vertical" | undefined;
406
+ } & React.RefAttributes<HTMLDivElement>>;
407
+ declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
408
+
409
+ type IconProps = React__default.HTMLAttributes<SVGElement>;
410
+ declare const Logos: {
411
+ logo: (props: IconProps) => React__default.JSX.Element;
412
+ mail: (props: IconProps) => React__default.JSX.Element;
413
+ phone: (props: IconProps) => React__default.JSX.Element;
414
+ twitter: (props: IconProps) => React__default.JSX.Element;
415
+ microsoft: (props: IconProps) => React__default.JSX.Element;
416
+ gitHub: (props: IconProps) => React__default.JSX.Element;
417
+ radix: (props: IconProps) => React__default.JSX.Element;
418
+ aria: (props: IconProps) => React__default.JSX.Element;
419
+ npm: (props: IconProps) => React__default.JSX.Element;
420
+ yarn: (props: IconProps) => React__default.JSX.Element;
421
+ pnpm: (props: IconProps) => React__default.JSX.Element;
422
+ react: (props: IconProps) => React__default.JSX.Element;
423
+ tailwind: (props: IconProps) => React__default.JSX.Element;
424
+ google: (props: IconProps) => React__default.JSX.Element;
425
+ apple: (props: IconProps) => React__default.JSX.Element;
426
+ paypal: (props: IconProps) => React__default.JSX.Element;
427
+ spinner: (props: IconProps) => React__default.JSX.Element;
428
+ };
429
+
430
+ export { ActionCard, Alert, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CodeBlock, ColorPicker, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, FileDropzone, Input, Label, Loading, Logos, MenuItemType, PhoneInput, PinInput, Popover, PopoverContent, Radio, ScrollArea, ScrollBar, 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
@@ -1,6 +1,6 @@
1
1
  import * as class_variance_authority_types from 'class-variance-authority/types';
2
2
  import * as React from 'react';
3
- import React__default, { FC, ReactNode, ChangeEvent, RefObject } from 'react';
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
6
  import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
@@ -10,6 +10,8 @@ import * as LabelPrimitive from '@radix-ui/react-label';
10
10
  import * as PopoverPrimitive from '@radix-ui/react-popover';
11
11
  import * as SliderPrimitive from '@radix-ui/react-slider';
12
12
  import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
13
+ import * as TabsPrimitive from '@radix-ui/react-tabs';
14
+ import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
13
15
 
14
16
  declare const buttonVariants: (props?: ({
15
17
  variant?: "link" | "default" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "neoBrutalism" | null | undefined;
@@ -359,4 +361,70 @@ type BackToTopTypes = {
359
361
  };
360
362
  declare const BackToTop: FC<BackToTopTypes>;
361
363
 
362
- export { ActionCard, Alert, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CodeBlock, ColorPicker, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, FileDropzone, Label, Loading, MenuItemType, PhoneInput, PinInput, Popover, PopoverContent, Radio, Skeleton, Slider, SubItem, Switch, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, buttonVariants };
364
+ type TextFieldTypes = {
365
+ isLoading?: boolean;
366
+ margin?: "none" | "normal" | "large";
367
+ width?: "small" | "normal" | "full";
368
+ /** The label of the input field */
369
+ label?: any;
370
+ /** Disable/Enable multiple line text input field */
371
+ multiline?: boolean;
372
+ /** The small red text under the input field to show validation or a hint. */
373
+ helperText?: any;
374
+ /** The value of the input field */
375
+ value?: any;
376
+ props?: PropsWithRef<"input">;
377
+ /** The type of input field. Same as the types of the HTML input element */
378
+ type?: any;
379
+ /** The placeholder of the input field */
380
+ placeholder?: any;
381
+ defaultValue?: any;
382
+ name?: any;
383
+ inputProps?: any;
384
+ onChange?: any;
385
+ ref?: any;
386
+ /** The icon inside the input field */
387
+ icon?: any;
388
+ /** Boolean to enable/disable editing the input field and using it as a text field */
389
+ preview?: boolean;
390
+ autoComplete?: any;
391
+ maxLength?: any;
392
+ className?: any;
393
+ iconInside?: React__default.ReactNode;
394
+ };
395
+ declare const Input: FC<TextFieldTypes>;
396
+
397
+ declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
398
+ orientation?: "horizontal" | "vertical" | undefined;
399
+ } & React.RefAttributes<HTMLDivElement>>;
400
+ declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
401
+ declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
402
+ declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
403
+
404
+ declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
405
+ orientation?: "horizontal" | "vertical" | undefined;
406
+ } & React.RefAttributes<HTMLDivElement>>;
407
+ declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
408
+
409
+ type IconProps = React__default.HTMLAttributes<SVGElement>;
410
+ declare const Logos: {
411
+ logo: (props: IconProps) => React__default.JSX.Element;
412
+ mail: (props: IconProps) => React__default.JSX.Element;
413
+ phone: (props: IconProps) => React__default.JSX.Element;
414
+ twitter: (props: IconProps) => React__default.JSX.Element;
415
+ microsoft: (props: IconProps) => React__default.JSX.Element;
416
+ gitHub: (props: IconProps) => React__default.JSX.Element;
417
+ radix: (props: IconProps) => React__default.JSX.Element;
418
+ aria: (props: IconProps) => React__default.JSX.Element;
419
+ npm: (props: IconProps) => React__default.JSX.Element;
420
+ yarn: (props: IconProps) => React__default.JSX.Element;
421
+ pnpm: (props: IconProps) => React__default.JSX.Element;
422
+ react: (props: IconProps) => React__default.JSX.Element;
423
+ tailwind: (props: IconProps) => React__default.JSX.Element;
424
+ google: (props: IconProps) => React__default.JSX.Element;
425
+ apple: (props: IconProps) => React__default.JSX.Element;
426
+ paypal: (props: IconProps) => React__default.JSX.Element;
427
+ spinner: (props: IconProps) => React__default.JSX.Element;
428
+ };
429
+
430
+ export { ActionCard, Alert, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CodeBlock, ColorPicker, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, FileDropzone, Input, Label, Loading, Logos, MenuItemType, PhoneInput, PinInput, Popover, PopoverContent, Radio, ScrollArea, ScrollBar, Skeleton, Slider, SubItem, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, buttonVariants };