@sikka/hawa 0.40.0-next → 0.41.0-next

package/dist/index.css

@@ -1248,9 +1248,15 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-mb-5 {
   margin-bottom: 1.25rem;
 }
+.hawa-me-0 {
+  margin-inline-end: 0px;
+}
 .hawa-me-2 {
   margin-inline-end: 0.5rem;
 }
+.hawa-me-4 {
+  margin-inline-end: 1rem;
+}
 .hawa-ml-1 {
   margin-left: 0.25rem;
 }
@@ -1293,6 +1299,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-ms-2 {
   margin-inline-start: 0.5rem;
 }
+.hawa-ms-4 {
+  margin-inline-start: 1rem;
+}
 .hawa-ms-auto {
   margin-inline-start: auto;
 }
@@ -1620,6 +1629,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-w-9 {
   width: 2.25rem;
 }
+.hawa-w-\[0\.5px\] {
+  width: 0.5px;
+}
 .hawa-w-\[1\.2rem\] {
   width: 1.2rem;
 }
@@ -1736,9 +1748,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-max-w-md {
   max-width: 28rem;
 }
-.hawa-max-w-screen-sm {
-  max-width: 640px;
-}
 .hawa-max-w-sm {
   max-width: 24rem;
 }
@@ -2066,6 +2075,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-text-wrap {
   text-wrap: wrap;
 }
+.hawa-text-nowrap {
+  text-wrap: nowrap;
+}
 .hawa-rounded {
   border-radius: var(--radius);
 }
@@ -4333,6 +4345,12 @@ body {
 .hawa-peer:checked ~ .dark\:peer-checked\:hawa-text-primary:is(.hawa-dark *) {
   color: hsl(var(--primary));
 }
+@media (min-width: 430px) {
+
+  .mobile\:hawa-flex-row {
+    flex-direction: row;
+  }
+}
 @media (min-width: 440px) {
 
   .xs\:hawa-max-w-full {
@@ -4362,135 +4380,17 @@ body {
 }
 @media (min-width: 640px) {
 
-  .sm\:hawa-bottom-0 {
-    bottom: 0px;
-  }
-
-  .sm\:hawa-right-0 {
-    right: 0px;
-  }
-
-  .sm\:hawa-top-auto {
-    top: auto;
-  }
-
-  .sm\:hawa-max-w-fit {
-    max-width: -moz-fit-content;
-    max-width: fit-content;
-  }
-
-  .sm\:hawa-max-w-sm {
-    max-width: 24rem;
+  .tablet\:hawa-w-fit {
+    width: -moz-fit-content;
+    width: fit-content;
   }
 
-  .sm\:hawa-flex-row {
+  .tablet\:hawa-flex-row {
     flex-direction: row;
   }
 
-  .sm\:hawa-flex-col {
-    flex-direction: column;
-  }
-
-  .sm\:hawa-justify-end {
-    justify-content: flex-end;
-  }
-
-  .sm\:hawa-space-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:hawa-space-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1rem * var(--tw-space-x-reverse));
-    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:hawa-space-y-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0px * var(--tw-space-y-reverse));
-  }
-
-  .sm\:hawa-rounded {
-    border-radius: var(--radius);
-  }
-
-  .sm\:hawa-text-left {
-    text-align: left;
-  }
-
-  .sm\:hawa-text-2xl {
-    font-size: 1.5rem;
-    line-height: 2rem;
-  }
-
-  .sm\:hawa-text-base {
-    font-size: 1rem;
-    line-height: 1.5rem;
-  }
-
-  .sm\:hawa-text-xl {
-    font-size: 1.25rem;
-    line-height: 1.75rem;
-  }
-
-  .data-\[state\=open\]\:sm\:hawa-slide-in-from-bottom-full[data-state=open] {
-    --tw-enter-translate-y: 100%;
-  }
-}
-@media (min-width: 768px) {
-
-  .md\:hawa-absolute {
-    position: absolute;
-  }
-
-  .md\:hawa-flex {
-    display: flex;
-  }
-
-  .md\:hawa-hidden {
-    display: none;
-  }
-
-  .md\:hawa-w-\[var\(--radix-navigation-menu-viewport-width\)\] {
-    width: var(--radix-navigation-menu-viewport-width);
-  }
-
-  .md\:hawa-w-auto {
-    width: auto;
-  }
-
-  .md\:hawa-w-full {
-    width: 100%;
-  }
-
-  .md\:hawa-max-w-\[420px\] {
-    max-width: 420px;
-  }
-
-  .md\:hawa-max-w-sm {
-    max-width: 24rem;
-  }
-
-  .md\:hawa-flex-row {
-    flex-direction: row;
-  }
-
-  .md\:hawa-rounded-t {
-    border-top-left-radius: var(--radius);
-    border-top-right-radius: var(--radius);
-  }
-
-  .md\:hawa-px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
-  .md\:hawa-px-64 {
-    padding-left: 16rem;
-    padding-right: 16rem;
+  .tablet\:hawa-gap-0 {
+    gap: 0px;
   }
 }
 .\[\&\:has\(\[aria-selected\]\)\]\:hawa-bg-accent:has([aria-selected]) {

package/dist/index.d.mts

@@ -282,6 +282,11 @@ declare const Logos: {
     twitter: (props: IconProps) => React__default.JSX.Element;
     x: (props: IconProps) => React__default.JSX.Element;
     instagram: (props: IconProps) => React__default.JSX.Element;
+    telegram: (props: IconProps) => React__default.JSX.Element;
+    youtube: (props: IconProps) => React__default.JSX.Element;
+    tiktok: (props: IconProps) => React__default.JSX.Element;
+    linkedin: (props: IconProps) => React__default.JSX.Element;
+    behance: (props: IconProps) => React__default.JSX.Element;
     microsoft: (props: IconProps) => React__default.JSX.Element;
     github: (props: IconProps) => React__default.JSX.Element;
     radix: (props: IconProps) => React__default.JSX.Element;
@@ -494,15 +499,18 @@ type DataTableProps<DataProps = {}> = {
     enableSearch?: boolean;
     enableHideColumns?: boolean;
     enableGoTo?: boolean;
+    enableSelection?: boolean;
     hideHeader?: boolean;
     data: DataProps[];
     itemsPerPage?: any[];
     showCount?: boolean;
+    showSelectionCount?: boolean;
     paginationPosition?: "top" | "bottom";
     condensed?: boolean;
     isLoading?: boolean;
     defaultSort?: string;
     translateFn?: any;
+    bulkActions?: any[];
     texts?: {
         columns?: string;
         searchPlaceholder?: string;
@@ -513,6 +521,8 @@ type DataTableProps<DataProps = {}> = {
         of?: string;
         total?: string;
         goTo?: string;
+        selectedRows?: string;
+        bulkAction?: string;
     };
 };
 declare module "@tanstack/table-core" {
@@ -523,7 +533,7 @@ declare module "@tanstack/table-core" {
         i18nKey?: string;
     }
 }
-declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React$1.JSX.Element;
+declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSelection, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React$1.JSX.Element;
 
 type BackToTopTypes = {
     /** Horizontal padding relative to the attached corner */

package/dist/index.d.ts

@@ -282,6 +282,11 @@ declare const Logos: {
     twitter: (props: IconProps) => React__default.JSX.Element;
     x: (props: IconProps) => React__default.JSX.Element;
     instagram: (props: IconProps) => React__default.JSX.Element;
+    telegram: (props: IconProps) => React__default.JSX.Element;
+    youtube: (props: IconProps) => React__default.JSX.Element;
+    tiktok: (props: IconProps) => React__default.JSX.Element;
+    linkedin: (props: IconProps) => React__default.JSX.Element;
+    behance: (props: IconProps) => React__default.JSX.Element;
     microsoft: (props: IconProps) => React__default.JSX.Element;
     github: (props: IconProps) => React__default.JSX.Element;
     radix: (props: IconProps) => React__default.JSX.Element;
@@ -494,15 +499,18 @@ type DataTableProps<DataProps = {}> = {
     enableSearch?: boolean;
     enableHideColumns?: boolean;
     enableGoTo?: boolean;
+    enableSelection?: boolean;
     hideHeader?: boolean;
     data: DataProps[];
     itemsPerPage?: any[];
     showCount?: boolean;
+    showSelectionCount?: boolean;
     paginationPosition?: "top" | "bottom";
     condensed?: boolean;
     isLoading?: boolean;
     defaultSort?: string;
     translateFn?: any;
+    bulkActions?: any[];
     texts?: {
         columns?: string;
         searchPlaceholder?: string;
@@ -513,6 +521,8 @@ type DataTableProps<DataProps = {}> = {
         of?: string;
         total?: string;
         goTo?: string;
+        selectedRows?: string;
+        bulkAction?: string;
     };
 };
 declare module "@tanstack/table-core" {
@@ -523,7 +533,7 @@ declare module "@tanstack/table-core" {
         i18nKey?: string;
     }
 }
-declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React$1.JSX.Element;
+declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSelection, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React$1.JSX.Element;
 
 type BackToTopTypes = {
     /** Horizontal padding relative to the attached corner */