@sikka/hawa 0.17.1-next → 0.17.3-next

package/dist/index.css

@@ -994,6 +994,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-mt-8 {
   margin-top: 2rem;
 }
+.hawa-box-border {
+  box-sizing: border-box;
+}
 .hawa-block {
   display: block;
 }
@@ -1726,6 +1729,11 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-overflow-y-scroll {
   overflow-y: scroll;
 }
+.hawa-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .hawa-whitespace-nowrap {
   white-space: nowrap;
 }
@@ -2953,6 +2961,11 @@ body {
   border-top-right-radius: var(--radius);
   border-bottom-right-radius: var(--radius);
 }
+.hover\:hawa-scale-\[1\.1\]:hover {
+  --tw-scale-x: 1.1;
+  --tw-scale-y: 1.1;
+  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));
+}
 .hover\:hawa-cursor-pointer:hover {
   cursor: pointer;
 }
@@ -3284,9 +3297,15 @@ body {
 .aria-selected\:hawa-text-accent-foreground[aria-selected="true"] {
   color: hsl(var(--accent-foreground));
 }
+.data-\[disabled\=true\]\:hawa-pointer-events-none[data-disabled=true] {
+  pointer-events: none;
+}
 .data-\[disabled\]\:hawa-pointer-events-none[data-disabled] {
   pointer-events: none;
 }
+.data-\[focus-visible\=true\]\:hawa-z-10[data-focus-visible=true] {
+  z-index: 10;
+}
 .data-\[state\=checked\]\:hawa--translate-x-\[19px\][data-state=checked] {
   --tw-translate-x: -19px;
   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));
@@ -3307,6 +3326,11 @@ 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));
 }
+.data-\[pressed\=true\]\:hawa-scale-\[0\.97\][data-pressed=true] {
+  --tw-scale-x: 0.97;
+  --tw-scale-y: 0.97;
+  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 {
@@ -3377,6 +3401,12 @@ body {
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.data-\[focus-visible\=true\]\:hawa-outline-2[data-focus-visible=true] {
+  outline-width: 2px;
+}
+.data-\[focus-visible\=true\]\:hawa-outline-offset-2[data-focus-visible=true] {
+  outline-offset: 2px;
+}
 .data-\[swipe\=move\]\:hawa-transition-none[data-swipe=move] {
   transition-property: none;
 }

package/dist/index.d.mts

@@ -300,7 +300,7 @@ type ComboboxTypes<T> = {
     valueKey?: keyof T;
     data: T[];
     width?: string;
-    texts: {
+    texts?: {
         noItems?: string;
         placeholder?: string;
         searchPlaceholder?: string;
@@ -321,7 +321,7 @@ type ComboboxTypes<T> = {
     isRequired?: boolean;
     onChange?: (e: any) => void;
 };
-declare const Combobox: React$1.FC<ComboboxTypes<any>>;
+declare const Combobox: React$1.ForwardRefExoticComponent<ComboboxTypes<any> & React$1.RefAttributes<HTMLDivElement>>;
 
 type SelectOptionProps = {
     value: any;
@@ -534,7 +534,7 @@ interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
 declare function Skeleton({ className, content, animation, ...props }: SkeletonProps): React__default.JSX.Element;
 
 type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
-type ChipTypes = {
+type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
     /** The text inside the chip */
     label: string;
     /** The small icon before the chip label  */
@@ -549,7 +549,21 @@ type ChipTypes = {
     dotType?: "available" | "unavailable";
     radius?: RadiusType;
 };
-declare const Chip: FC<ChipTypes>;
+declare const Chip: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLSpanElement> & {
+    /** The text inside the chip */
+    label: string;
+    /** The small icon before the chip label  */
+    icon?: JSX.Element | undefined;
+    /** The color of the chip, must be a tailwind color */
+    color?: ChipColors | undefined;
+    /** The size of the chip */
+    size?: "small" | "normal" | "large" | undefined;
+    /** Enable/Disable the dot before the label of the chip */
+    dot?: boolean | undefined;
+    /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
+    dotType?: "available" | "unavailable" | undefined;
+    radius?: RadiusType | undefined;
+} & React__default.RefAttributes<HTMLSpanElement>>;
 
 type AlertTypes = {
     severity?: SeverityType | "hyper" | "oceanic";
@@ -943,6 +957,8 @@ declare const FileUploader: ({ handleFile, className }: any) => React__default.J
 
 type PaginationProps = {
     direction?: DirectionType;
+    totalPages: number;
+    currentPage?: number;
 };
 declare const Pagination: React__default.FC<PaginationProps>;
 

package/dist/index.d.ts

@@ -300,7 +300,7 @@ type ComboboxTypes<T> = {
     valueKey?: keyof T;
     data: T[];
     width?: string;
-    texts: {
+    texts?: {
         noItems?: string;
         placeholder?: string;
         searchPlaceholder?: string;
@@ -321,7 +321,7 @@ type ComboboxTypes<T> = {
     isRequired?: boolean;
     onChange?: (e: any) => void;
 };
-declare const Combobox: React$1.FC<ComboboxTypes<any>>;
+declare const Combobox: React$1.ForwardRefExoticComponent<ComboboxTypes<any> & React$1.RefAttributes<HTMLDivElement>>;
 
 type SelectOptionProps = {
     value: any;
@@ -534,7 +534,7 @@ interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
 declare function Skeleton({ className, content, animation, ...props }: SkeletonProps): React__default.JSX.Element;
 
 type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
-type ChipTypes = {
+type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
     /** The text inside the chip */
     label: string;
     /** The small icon before the chip label  */
@@ -549,7 +549,21 @@ type ChipTypes = {
     dotType?: "available" | "unavailable";
     radius?: RadiusType;
 };
-declare const Chip: FC<ChipTypes>;
+declare const Chip: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLSpanElement> & {
+    /** The text inside the chip */
+    label: string;
+    /** The small icon before the chip label  */
+    icon?: JSX.Element | undefined;
+    /** The color of the chip, must be a tailwind color */
+    color?: ChipColors | undefined;
+    /** The size of the chip */
+    size?: "small" | "normal" | "large" | undefined;
+    /** Enable/Disable the dot before the label of the chip */
+    dot?: boolean | undefined;
+    /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
+    dotType?: "available" | "unavailable" | undefined;
+    radius?: RadiusType | undefined;
+} & React__default.RefAttributes<HTMLSpanElement>>;
 
 type AlertTypes = {
     severity?: SeverityType | "hyper" | "oceanic";
@@ -943,6 +957,8 @@ declare const FileUploader: ({ handleFile, className }: any) => React__default.J
 
 type PaginationProps = {
     direction?: DirectionType;
+    totalPages: number;
+    currentPage?: number;
 };
 declare const Pagination: React__default.FC<PaginationProps>;