@6thbridge/hexa 0.0.53 → 0.0.55

package/dist/output.css

@@ -568,14 +568,26 @@ video {
   border-width: 0;
 }
 
+.pointer-events-none{
+  pointer-events: none;
+}
+
 .pointer-events-auto{
   pointer-events: auto;
 }
 
+.visible{
+  visibility: visible;
+}
+
 .static{
   position: static;
 }
 
+.\!fixed{
+  position: fixed !important;
+}
+
 .fixed{
   position: fixed;
 }
@@ -606,10 +618,22 @@ video {
   bottom: 0px;
 }
 
+.bottom-5{
+  bottom: 1.25rem;
+}
+
 .left-0{
   left: 0px;
 }
 
+.left-\[29px\]{
+  left: 29px;
+}
+
+.left-\[30px\]{
+  left: 30px;
+}
+
 .left-\[50\%\]{
   left: 50%;
 }
@@ -630,6 +654,10 @@ video {
   top: 0px;
 }
 
+.top-1\/2{
+  top: 50%;
+}
+
 .top-2{
   top: 0.5rem;
 }
@@ -650,6 +678,10 @@ video {
   isolation: isolate;
 }
 
+.z-10{
+  z-index: 10;
+}
+
 .z-40{
   z-index: 40;
 }
@@ -670,6 +702,10 @@ video {
   margin: 0px !important;
 }
 
+.-m-3{
+  margin: -0.75rem;
+}
+
 .m-auto{
   margin: auto;
 }
@@ -689,6 +725,22 @@ video {
   margin-right: auto;
 }
 
+.-ml-2{
+  margin-left: -0.5rem;
+}
+
+.mb-0{
+  margin-bottom: 0px;
+}
+
+.mb-1{
+  margin-bottom: 0.25rem;
+}
+
+.mb-3{
+  margin-bottom: 0.75rem;
+}
+
 .ml-1{
   margin-left: 0.25rem;
 }
@@ -697,10 +749,18 @@ video {
   margin-left: 0.5rem;
 }
 
+.ml-4{
+  margin-left: 1rem;
+}
+
 .ml-auto{
   margin-left: auto;
 }
 
+.mr-0{
+  margin-right: 0px;
+}
+
 .mr-0\.5{
   margin-right: 0.125rem;
 }
@@ -709,6 +769,10 @@ video {
   margin-right: 0.5rem;
 }
 
+.mr-3{
+  margin-right: 0.75rem;
+}
+
 .mt-1{
   margin-top: 0.25rem;
 }
@@ -786,6 +850,10 @@ video {
   height: 0.625rem;
 }
 
+.h-3{
+  height: 0.75rem;
+}
+
 .h-4{
   height: 1rem;
 }
@@ -847,6 +915,10 @@ video {
   height: 1px;
 }
 
+.max-h-48{
+  max-height: 12rem;
+}
+
 .max-h-\[225px\]{
   max-height: 225px;
 }
@@ -859,6 +931,18 @@ video {
   max-height: 90vh;
 }
 
+.max-h-\[95\%\]{
+  max-height: 95%;
+}
+
+.max-h-\[calc\(100vh-200px\)\]{
+  max-height: calc(100vh - 200px);
+}
+
+.max-h-screen{
+  max-height: 100vh;
+}
+
 .min-h-\[80px\]{
   min-height: 80px;
 }
@@ -875,10 +959,30 @@ video {
   width: 1.5rem !important;
 }
 
+.w-0{
+  width: 0px;
+}
+
+.w-0\.5{
+  width: 0.125rem;
+}
+
+.w-10{
+  width: 2.5rem;
+}
+
+.w-2{
+  width: 0.5rem;
+}
+
 .w-2\.5{
   width: 0.625rem;
 }
 
+.w-3{
+  width: 0.75rem;
+}
+
 .w-3\/4{
   width: 75%;
 }
@@ -895,6 +999,10 @@ video {
   width: 1.5rem;
 }
 
+.w-64{
+  width: 16rem;
+}
+
 .w-72{
   width: 18rem;
 }
@@ -915,14 +1023,30 @@ video {
   width: 200px;
 }
 
+.w-\[311px\]{
+  width: 311px;
+}
+
 .w-\[3rem\]{
   width: 3rem;
 }
 
+.w-\[4px\]{
+  width: 4px;
+}
+
+.w-\[75px\]{
+  width: 75px;
+}
+
 .w-\[80px\]{
   width: 80px;
 }
 
+.w-\[90\%\]{
+  width: 90%;
+}
+
 .w-fit{
   width: -moz-fit-content;
   width: fit-content;
@@ -990,6 +1114,21 @@ video {
   flex-shrink: 0;
 }
 
+.-translate-x-full{
+  --tw-translate-x: -100%;
+  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));
+}
+
+.-translate-y-1\/2{
+  --tw-translate-y: -50%;
+  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));
+}
+
+.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));
+}
+
 .translate-x-\[-50\%\]{
   --tw-translate-x: -50%;
   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));
@@ -1054,6 +1193,10 @@ video {
   flex-direction: row;
 }
 
+.flex-row-reverse{
+  flex-direction: row-reverse;
+}
+
 .flex-col{
   flex-direction: column;
 }
@@ -1128,6 +1271,16 @@ video {
   row-gap: 2.5rem;
 }
 
+.gap-y-14{
+  row-gap: 3.5rem;
+}
+
+.-space-y-1 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
+}
+
 .space-x-2 > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse: 0;
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -1152,6 +1305,12 @@ video {
   margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
 }
 
+.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
+}
+
 .overflow-hidden{
   overflow: hidden;
 }
@@ -1228,6 +1387,11 @@ video {
   border-bottom-left-radius: 0.25rem;
 }
 
+.rounded-b-full{
+  border-bottom-right-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
 .rounded-b-lg{
   border-bottom-right-radius: 0.5rem;
   border-bottom-left-radius: 0.5rem;
@@ -1253,11 +1417,25 @@ video {
   border-bottom-right-radius: 8px;
 }
 
+.rounded-r-full{
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.rounded-t-full{
+  border-top-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+}
+
 .rounded-t-lg{
   border-top-left-radius: 0.5rem;
   border-top-right-radius: 0.5rem;
 }
 
+.rounded-tr-md{
+  border-top-right-radius: 0.375rem;
+}
+
 .\!border-0{
   border-width: 0px !important;
 }
@@ -1302,6 +1480,10 @@ video {
   border-top-width: 1px;
 }
 
+.border-none{
+  border-style: none;
+}
+
 .\!border-\[\#DEDEDE\]{
   --tw-border-opacity: 1 !important;
   border-color: rgb(222 222 222 / var(--tw-border-opacity, 1)) !important;
@@ -1311,6 +1493,11 @@ video {
   border-color: transparent !important;
 }
 
+.border-\[\#BECFFF\]{
+  --tw-border-opacity: 1;
+  border-color: rgb(190 207 255 / var(--tw-border-opacity, 1));
+}
+
 .border-\[\#D7D7D7\]{
   --tw-border-opacity: 1;
   border-color: rgb(215 215 215 / var(--tw-border-opacity, 1));
@@ -1390,11 +1577,26 @@ video {
   background-color: transparent !important;
 }
 
+.bg-\[\#62C554\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(98 197 84 / var(--tw-bg-opacity, 1));
+}
+
 .bg-\[\#959595\]{
   --tw-bg-opacity: 1;
   background-color: rgb(149 149 149 / var(--tw-bg-opacity, 1));
 }
 
+.bg-\[\#E9EBF8\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(233 235 248 / var(--tw-bg-opacity, 1));
+}
+
+.bg-\[\#EEF2FF\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
+}
+
 .bg-\[\#F5F8FF\]{
   --tw-bg-opacity: 1;
   background-color: rgb(245 248 255 / var(--tw-bg-opacity, 1));
@@ -1405,11 +1607,31 @@ video {
   background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
 }
 
+.bg-\[\#F6F8FF\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(246 248 255 / var(--tw-bg-opacity, 1));
+}
+
+.bg-\[\#FAFAFA\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
+}
+
+.bg-\[\#FBFBFB\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
+}
+
 .bg-\[\#FCFCFC\]{
   --tw-bg-opacity: 1;
   background-color: rgb(252 252 252 / var(--tw-bg-opacity, 1));
 }
 
+.bg-black{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
+}
+
 .bg-black\/60{
   background-color: rgb(0 0 0 / 0.6);
 }
@@ -1485,6 +1707,22 @@ video {
   background-color: rgb(234 179 8 / 0.2);
 }
 
+.bg-opacity-40{
+  --tw-bg-opacity: 0.4;
+}
+
+.\!fill-gray-50{
+  fill: #f9fafb !important;
+}
+
+.fill-white{
+  fill: #fff;
+}
+
+.stroke-gray-500{
+  stroke: #6b7280;
+}
+
 .\!p-0{
   padding: 0px !important;
 }
@@ -1537,6 +1775,11 @@ video {
   padding-right: 0px;
 }
 
+.px-1{
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+
 .px-2{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -1637,6 +1880,10 @@ video {
   padding-left: 0px;
 }
 
+.pl-12{
+  padding-left: 3rem;
+}
+
 .pl-2{
   padding-left: 0.5rem;
 }
@@ -1645,6 +1892,10 @@ video {
   padding-left: 0.625rem;
 }
 
+.pl-5{
+  padding-left: 1.25rem;
+}
+
 .pr-0{
   padding-right: 0px;
 }
@@ -1653,6 +1904,10 @@ video {
   padding-right: 0.5rem;
 }
 
+.pt-4{
+  padding-top: 1rem;
+}
+
 .text-left{
   text-align: left;
 }
@@ -1661,6 +1916,11 @@ video {
   text-align: center;
 }
 
+.text-3xl{
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
 .text-\[0\.875rem\]{
   font-size: 0.875rem;
 }
@@ -1758,6 +2018,10 @@ video {
   letter-spacing: -0.025em;
 }
 
+.tracking-wide{
+  letter-spacing: 0.025em;
+}
+
 .tracking-widest{
   letter-spacing: 0.1em;
 }
@@ -1767,6 +2031,15 @@ video {
   color: rgb(31 41 55 / var(--tw-text-opacity, 1)) !important;
 }
 
+.text-\[\#00000066\]{
+  color: #00000066;
+}
+
+.text-\[\#0033C7\]{
+  --tw-text-opacity: 1;
+  color: rgb(0 51 199 / var(--tw-text-opacity, 1));
+}
+
 .text-\[\#191919\]{
   --tw-text-opacity: 1;
   color: rgb(25 25 25 / var(--tw-text-opacity, 1));
@@ -1811,6 +2084,11 @@ video {
   color: rgb(142 152 168 / var(--tw-text-opacity, 1));
 }
 
+.text-\[\#A5A5A5\]{
+  --tw-text-opacity: 1;
+  color: rgb(165 165 165 / var(--tw-text-opacity, 1));
+}
+
 .text-\[\#F04248\]{
   --tw-text-opacity: 1;
   color: rgb(240 66 72 / var(--tw-text-opacity, 1));
@@ -1821,6 +2099,10 @@ video {
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
 
+.text-black\/40{
+  color: rgb(0 0 0 / 0.4);
+}
+
 .text-blue-600{
   --tw-text-opacity: 1;
   color: rgb(37 99 235 / var(--tw-text-opacity, 1));
@@ -1909,6 +2191,10 @@ video {
   opacity: 1;
 }
 
+.opacity-40{
+  opacity: 0.4;
+}
+
 .opacity-50{
   opacity: 0.5;
 }
@@ -1917,6 +2203,12 @@ video {
   opacity: 0.7;
 }
 
+.\!shadow-none{
+  --tw-shadow: 0 0 #0000 !important;
+  --tw-shadow-colored: 0 0 #0000 !important;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
+}
+
 .shadow{
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -1989,10 +2281,24 @@ video {
   transition-duration: 150ms;
 }
 
+.transition-transform{
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.duration-150{
+  transition-duration: 150ms;
+}
+
 .duration-200{
   transition-duration: 200ms;
 }
 
+.duration-300{
+  transition-duration: 300ms;
+}
+
 .ease-in-out{
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -2011,14 +2317,52 @@ video {
   }
 }
 
+.animate-in{
+  animation-name: enter;
+  animation-duration: 150ms;
+  --tw-enter-opacity: initial;
+  --tw-enter-scale: initial;
+  --tw-enter-rotate: initial;
+  --tw-enter-translate-x: initial;
+  --tw-enter-translate-y: initial;
+}
+
+.fade-in-0{
+  --tw-enter-opacity: 0;
+}
+
+.fade-in-15{
+  --tw-enter-opacity: 0.15;
+}
+
+.zoom-in-95{
+  --tw-enter-scale: .95;
+}
+
+.duration-150{
+  animation-duration: 150ms;
+}
+
 .duration-200{
   animation-duration: 200ms;
 }
 
+.duration-300{
+  animation-duration: 300ms;
+}
+
 .ease-in-out{
   animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
+.\[box-shadow\:3px_4px_11px_0px_\#0000001A\2c 13px_16px_21px_0px_\#00000017\2c 29px_36px_28px_0px_\#0000000D\2c 52px_65px_33px_0px_\#00000003\2c 82px_101px_36px_0px_\#00000000\]{
+  box-shadow: 3px 4px 11px 0px #0000001A,13px 16px 21px 0px #00000017,29px 36px 28px 0px #0000000D,52px 65px 33px 0px #00000003,82px 101px 36px 0px #00000000;
+}
+
+.\[clip-path\:polygon\(0\%_0\%\2c 100\%_0\%\2c 100\%_60\%\2c 0\%_100\%\2c 0\%_100\%\)\]{
+  clip-path: polygon(0% 0%,100% 0%,100% 60%,0% 100%,0% 100%);
+}
+
 input[type="number"] {
   -moz-appearance: textfield;
 }
@@ -2240,11 +2584,20 @@ input:-webkit-autofill:active {
   background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
 }
 
+.hover\:bg-gray-100:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+}
+
 .hover\:bg-gray-50:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
 
+.hover\:bg-primary-accent:hover{
+  background-color: var(--color-primary-accent);
+}
+
 .hover\:bg-red-600\/70:hover{
   background-color: rgb(220 38 38 / 0.7);
 }
@@ -2258,10 +2611,18 @@ input:-webkit-autofill:active {
   color: rgb(55 65 81 / var(--tw-text-opacity, 1));
 }
 
+.hover\:text-primary-main:hover{
+  color: var(--color-primary);
+}
+
 .hover\:opacity-100:hover{
   opacity: 1;
 }
 
+.hover\:opacity-60:hover{
+  opacity: 0.6;
+}
+
 .hover\:opacity-80:hover{
   opacity: 0.8;
 }
@@ -2708,6 +3069,12 @@ input:-webkit-autofill:active {
   }
 }
 
+@media (min-width: 1024px){
+  .lg\:w-0{
+    width: 0px;
+  }
+}
+
 .\[\&\>span\]\:items-center>span{
   align-items: center;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@6thbridge/hexa",
-  "version": "0.0.53",
+  "version": "0.0.55",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -46,6 +46,7 @@
     "@radix-ui/react-popover": "^1.1.5",
     "@radix-ui/react-scroll-area": "^1.2.2",
     "@radix-ui/react-slot": "^1.1.1",
+    "@radix-ui/react-tooltip": "^1.2.6",
     "@tanstack/react-table": "^8.21.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -55,11 +56,13 @@
     "lucide-react": "^0.474.0",
     "react": "^18",
     "react-dom": "^18",
+    "react-icons": "^5.5.0",
     "react-otp-input": "^3.1.1",
     "react-paginate": "8.2.0",
     "react-phone-number-input": "^3.3.9",
     "tailwind-merge": "^2.6.0",
     "tailwindcss-animate": "^1.0.7",
+    "tippy.js": "^6.3.7",
     "vaul": "^1.1.2"
   },
   "peerDependencies": {