@sikka/hawa 0.2.48-next → 0.3.1-next

package/dist/index.css

@@ -841,6 +841,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-h-11 {
   height: 2.75rem;
 }
+.hawa-h-12 {
+  height: 3rem;
+}
 .hawa-h-14 {
   height: 3.5rem;
 }
@@ -889,6 +892,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-h-\[1\.2rem\] {
   height: 1.2rem;
 }
+.hawa-h-\[130px\] {
+  height: 130px;
+}
 .hawa-h-\[16px\] {
   height: 16px;
 }
@@ -1116,6 +1122,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-grow {
   flex-grow: 1;
 }
+.hawa-caption-bottom {
+  caption-side: bottom;
+}
 .hawa--translate-x-0 {
   --tw-translate-x: -0px;
   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));
@@ -1410,6 +1419,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-border-dashed {
   border-style: dashed;
 }
+.hawa-border-none {
+  border-style: none;
+}
 .hawa-border-black {
   --tw-border-opacity: 1;
   border-color: rgb(0 0 0 / var(--tw-border-opacity));
@@ -1525,6 +1537,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-bg-muted\/20 {
   background-color: hsl(var(--muted) / 0.2);
 }
+.hawa-bg-muted\/50 {
+  background-color: hsl(var(--muted) / 0.5);
+}
 .hawa-bg-popover {
   background-color: hsl(var(--popover));
 }
@@ -1750,6 +1765,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-text-start {
   text-align: start;
 }
+.hawa-align-middle {
+  vertical-align: middle;
+}
 .hawa-text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
@@ -2236,6 +2254,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(134 239 172 / var(--tw-bg-opacity));
 }
+.hover\:hawa-bg-muted:hover {
+  background-color: hsl(var(--muted));
+}
 .hover\:hawa-bg-muted-foreground\/20:hover {
   background-color: hsl(var(--muted-foreground) / 0.2);
 }
@@ -2527,6 +2548,32 @@ body {
   --tw-translate-x: var(--radix-toast-swipe-move-x);
   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));
 }
+@keyframes hawa-accordion-up {
+
+  from {
+    height: var(--radix-accordion-content-height);
+  }
+
+  to {
+    height: 0;
+  }
+}
+.data-\[state\=closed\]\:hawa-animate-accordion-up[data-state=closed] {
+  animation: hawa-accordion-up 0.2s ease-out;
+}
+@keyframes hawa-accordion-down {
+
+  from {
+    height: 0;
+  }
+
+  to {
+    height: var(--radix-accordion-content-height);
+  }
+}
+.data-\[state\=open\]\:hawa-animate-accordion-down[data-state=open] {
+  animation: hawa-accordion-down 0.2s ease-out;
+}
 .data-\[state\=active\]\:hawa-bg-primary[data-state=active] {
   background-color: hsl(var(--primary));
 }
@@ -2539,6 +2586,9 @@ body {
 .data-\[state\=open\]\:hawa-bg-accent[data-state=open] {
   background-color: hsl(var(--accent));
 }
+.data-\[state\=selected\]\:hawa-bg-muted[data-state=selected] {
+  background-color: hsl(var(--muted));
+}
 .data-\[state\=active\]\:hawa-text-primary-foreground[data-state=active] {
   color: hsl(var(--primary-foreground));
 }
@@ -2852,6 +2902,34 @@ body {
   .md\:hawa-max-w-\[420px\] {
     max-width: 420px;
   }
+
+  .md\:hawa-max-w-sm {
+    max-width: 24rem;
+  }
+}
+.\[\&\:has\(\[role\=checkbox\]\)\]\:hawa-pr-0:has([role=checkbox]) {
+  padding-right: 0px;
+}
+.\[\&\:not\(\:last-child\)\&\:not\(\:first-child\)\]\:hawa-border-x:not(:last-child).\[\&\:not\(\:last-child\)\&\:not\(\:first-child\)\]\:hawa-border-x:not(:first-child) {
+  border-left-width: 1px;
+  border-right-width: 1px;
+}
+.\[\&\:not\(\:last-child\)\&\:not\(\:first-child\)\]\:hawa-border-y:not(:last-child).\[\&\:not\(\:last-child\)\&\:not\(\:first-child\)\]\:hawa-border-y:not(:first-child) {
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+}
+.\[\&\:not\(\:last-child\)\&\:not\(\:first-child\)\]\:hawa-p-1:not(:last-child).\[\&\:not\(\:last-child\)\&\:not\(\:first-child\)\]\:hawa-p-1:not(:first-child) {
+  padding: 0.25rem;
+}
+.\[\&\:not\(\:last-child\)\]\:hawa-border-b:not(:last-child) {
+  border-bottom-width: 1px;
+}
+.\[\&\:not\(\:last-child\)\]\:hawa-border-r:not(:last-child) {
+  border-right-width: 1px;
+}
+.\[\&\[data-state\=open\]\>svg\]\:hawa-rotate-180[data-state=open]>svg {
+  --tw-rotate: 180deg;
+  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));
 }
 .\[\&_\[cmdk-group-heading\]\]\:hawa-px-2 [cmdk-group-heading] {
   padding-left: 0.5rem;
@@ -2901,3 +2979,6 @@ body {
 .\[\&_\[cmdk-item\]_svg\]\:hawa-w-5 [cmdk-item] svg {
   width: 1.25rem;
 }
+.\[\&_tr\]\:hawa-border-b tr {
+  border-bottom-width: 1px;
+}

package/dist/index.d.mts

@@ -11,6 +11,8 @@ import * as LabelPrimitive from '@radix-ui/react-label';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { RowData, ColumnDef } from '@tanstack/react-table';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
@@ -162,7 +164,7 @@ type RadioOptionsTypes = {
 type RadioTypes = {
     orientation?: "vertical" | "horizontal";
     design?: "default" | "tabs" | "cards" | "bordered";
-    options?: RadioOptionsTypes[];
+    options: RadioOptionsTypes[];
     width?: "default" | "full";
     onChangeTab?: any;
     defaultValue?: any;
@@ -360,6 +362,89 @@ type StoreButtonsTypes = {
 };
 declare const AppStores: FC<StoreButtonsTypes>;
 
+type SortButtonProps = {
+    onSort: () => void;
+    label: string;
+    condensed?: boolean;
+};
+declare const SortButton: React__default.FC<SortButtonProps>;
+
+type DataProps$1 = {};
+type DataTableProps = {
+    direction?: "rtl" | "ltr";
+    columns: ColumnDef<DataProps$1>[];
+    data: DataProps$1[];
+    condensed?: boolean;
+    isLoading?: boolean;
+    defaultSort?: string;
+    texts?: {
+        searchPlaceholder?: string;
+        noData?: any;
+        page?: string;
+        filter?: string;
+        of?: string;
+        total?: string;
+    };
+};
+declare module "@tanstack/table-core" {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        sortable: any;
+    }
+}
+declare const DataTable: React.FC<DataTableProps>;
+
+type DataProps = {};
+type SimpleTableProps = {
+    direction?: "rtl" | "ltr";
+    columns: ColumnDef<DataProps>[];
+    data: DataProps[];
+    condensed?: boolean;
+    isLoading?: boolean;
+    defaultSort?: string;
+    texts?: {
+        searchPlaceholder?: string;
+        noData?: any;
+        page?: string;
+        filter?: string;
+        of?: string;
+        total?: string;
+    };
+};
+declare module "@tanstack/table-core" {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        sortable: any;
+    }
+}
+declare const SimpleTable: React.FC<SimpleTableProps>;
+
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
+    clickable?: boolean;
+    condensed?: boolean;
+}
+declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+    condensed?: boolean;
+}
+declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+
+type AccordionProps = {
+    items: AccordionItem[];
+} & React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+type AccordionItem = {
+    trigger: string;
+    content: string;
+};
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
 declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -545,4 +630,4 @@ type TypographyTypes = {
 };
 declare const InterfaceSettings: FC<TypographyTypes>;
 
-export { ActionCard, Alert, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CodeBlock, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, FileDropzone, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, InterfaceSettings, Label, Loading, Logos, MenuItemType, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, Progress, Radio, RadioOptionsTypes, ScrollArea, ScrollBar, Select, Separator, Skeleton, Slider, SubItem, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, buttonVariants, useFormField };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, Alert, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CodeBlock, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DataTable, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, FileDropzone, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, InterfaceSettings, Label, Loading, Logos, MenuItemType, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, Progress, Radio, RadioOptionsTypes, ScrollArea, ScrollBar, Select, Separator, SimpleTable, Skeleton, Slider, SortButton, SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, buttonVariants, useFormField };

package/dist/index.d.ts

@@ -11,6 +11,8 @@ import * as LabelPrimitive from '@radix-ui/react-label';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { RowData, ColumnDef } from '@tanstack/react-table';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
@@ -162,7 +164,7 @@ type RadioOptionsTypes = {
 type RadioTypes = {
     orientation?: "vertical" | "horizontal";
     design?: "default" | "tabs" | "cards" | "bordered";
-    options?: RadioOptionsTypes[];
+    options: RadioOptionsTypes[];
     width?: "default" | "full";
     onChangeTab?: any;
     defaultValue?: any;
@@ -360,6 +362,89 @@ type StoreButtonsTypes = {
 };
 declare const AppStores: FC<StoreButtonsTypes>;
 
+type SortButtonProps = {
+    onSort: () => void;
+    label: string;
+    condensed?: boolean;
+};
+declare const SortButton: React__default.FC<SortButtonProps>;
+
+type DataProps$1 = {};
+type DataTableProps = {
+    direction?: "rtl" | "ltr";
+    columns: ColumnDef<DataProps$1>[];
+    data: DataProps$1[];
+    condensed?: boolean;
+    isLoading?: boolean;
+    defaultSort?: string;
+    texts?: {
+        searchPlaceholder?: string;
+        noData?: any;
+        page?: string;
+        filter?: string;
+        of?: string;
+        total?: string;
+    };
+};
+declare module "@tanstack/table-core" {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        sortable: any;
+    }
+}
+declare const DataTable: React.FC<DataTableProps>;
+
+type DataProps = {};
+type SimpleTableProps = {
+    direction?: "rtl" | "ltr";
+    columns: ColumnDef<DataProps>[];
+    data: DataProps[];
+    condensed?: boolean;
+    isLoading?: boolean;
+    defaultSort?: string;
+    texts?: {
+        searchPlaceholder?: string;
+        noData?: any;
+        page?: string;
+        filter?: string;
+        of?: string;
+        total?: string;
+    };
+};
+declare module "@tanstack/table-core" {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        sortable: any;
+    }
+}
+declare const SimpleTable: React.FC<SimpleTableProps>;
+
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
+    clickable?: boolean;
+    condensed?: boolean;
+}
+declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+    condensed?: boolean;
+}
+declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+
+type AccordionProps = {
+    items: AccordionItem[];
+} & React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+type AccordionItem = {
+    trigger: string;
+    content: string;
+};
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
 declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -545,4 +630,4 @@ type TypographyTypes = {
 };
 declare const InterfaceSettings: FC<TypographyTypes>;
 
-export { ActionCard, Alert, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CodeBlock, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, FileDropzone, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, InterfaceSettings, Label, Loading, Logos, MenuItemType, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, Progress, Radio, RadioOptionsTypes, ScrollArea, ScrollBar, Select, Separator, Skeleton, Slider, SubItem, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, buttonVariants, useFormField };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, Alert, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CodeBlock, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DataTable, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, FileDropzone, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, InterfaceSettings, Label, Loading, Logos, MenuItemType, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, Progress, Radio, RadioOptionsTypes, ScrollArea, ScrollBar, Select, Separator, SimpleTable, Skeleton, Slider, SortButton, SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, buttonVariants, useFormField };