@6thbridge/hexa 0.0.42 → 0.0.44

package/dist/output.css

@@ -588,14 +588,24 @@ video {
   position: relative;
 }
 
-.sticky{
-  position: sticky;
-}
-
 .inset-0{
   inset: 0px;
 }
 
+.inset-x-0{
+  left: 0px;
+  right: 0px;
+}
+
+.inset-y-0{
+  top: 0px;
+  bottom: 0px;
+}
+
+.bottom-0{
+  bottom: 0px;
+}
+
 .left-0{
   left: 0px;
 }
@@ -624,6 +634,10 @@ video {
   top: 0.5rem;
 }
 
+.top-3{
+  top: 0.75rem;
+}
+
 .top-4{
   top: 1rem;
 }
@@ -636,8 +650,8 @@ video {
   isolation: isolate;
 }
 
-.z-10{
-  z-index: 10;
+.z-40{
+  z-index: 40;
 }
 
 .z-50{
@@ -652,6 +666,14 @@ video {
   order: -9999;
 }
 
+.\!m-0{
+  margin: 0px !important;
+}
+
+.m-auto{
+  margin: auto;
+}
+
 .-mx-1{
   margin-left: -0.25rem;
   margin-right: -0.25rem;
@@ -699,6 +721,10 @@ video {
   margin-top: 0.75rem;
 }
 
+.mt-4{
+  margin-top: 1rem;
+}
+
 .mt-5{
   margin-top: 1.25rem;
 }
@@ -752,6 +778,10 @@ video {
   height: 3rem;
 }
 
+.h-2{
+  height: 0.5rem;
+}
+
 .h-2\.5{
   height: 0.625rem;
 }
@@ -784,6 +814,10 @@ video {
   height: 2.5rem;
 }
 
+.h-\[30px\]{
+  height: 30px;
+}
+
 .h-\[3rem\]{
   height: 3rem;
 }
@@ -813,6 +847,10 @@ video {
   height: 1px;
 }
 
+.h-1\.5{
+  height: 0.375rem;
+}
+
 .max-h-\[225px\]{
   max-height: 225px;
 }
@@ -821,6 +859,10 @@ video {
   max-height: 270px;
 }
 
+.max-h-\[90vh\]{
+  max-height: 90vh;
+}
+
 .min-h-\[80px\]{
   min-height: 80px;
 }
@@ -841,6 +883,10 @@ video {
   width: 0.625rem;
 }
 
+.w-3\/4{
+  width: 75%;
+}
+
 .w-4{
   width: 1rem;
 }
@@ -865,6 +911,10 @@ video {
   width: 1.75rem;
 }
 
+.w-\[100px\]{
+  width: 100px;
+}
+
 .w-\[2\.75rem\]{
   width: 2.75rem;
 }
@@ -891,6 +941,10 @@ video {
   width: max-content;
 }
 
+.w-\[80px\]{
+  width: 80px;
+}
+
 .\!min-w-\[40px\]{
   min-width: 40px !important;
 }
@@ -1036,6 +1090,10 @@ video {
   justify-content: space-between;
 }
 
+.gap-0{
+  gap: 0px;
+}
+
 .gap-0\.5{
   gap: 0.125rem;
 }
@@ -1170,6 +1228,11 @@ video {
   border-bottom-left-radius: 0.25rem;
 }
 
+.rounded-b-lg{
+  border-bottom-right-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+}
+
 .rounded-e-none{
   border-start-end-radius: 0px;
   border-end-end-radius: 0px;
@@ -1190,6 +1253,27 @@ video {
   border-bottom-right-radius: 8px;
 }
 
+.rounded-t-lg{
+  border-top-left-radius: 0.5rem;
+  border-top-right-radius: 0.5rem;
+}
+
+.rounded-bl-lg{
+  border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-br-lg{
+  border-bottom-right-radius: 0.5rem;
+}
+
+.rounded-tl-lg{
+  border-top-left-radius: 0.5rem;
+}
+
+.rounded-tr-lg{
+  border-top-right-radius: 0.5rem;
+}
+
 .\!border-0{
   border-width: 0px !important;
 }
@@ -1234,6 +1318,10 @@ video {
   border-top-width: 1px;
 }
 
+.border-b-0{
+  border-bottom-width: 0px;
+}
+
 .\!border-\[\#DEDEDE\]{
   --tw-border-opacity: 1 !important;
   border-color: rgb(222 222 222 / var(--tw-border-opacity, 1)) !important;
@@ -1300,14 +1388,29 @@ video {
   border-color: rgb(244 244 245 / var(--tw-border-opacity, 1));
 }
 
+.border-b-gray-300{
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
+}
+
 .border-l-transparent{
   border-left-color: transparent;
 }
 
+.border-t-\[\#EDEDED\]{
+  --tw-border-opacity: 1;
+  border-top-color: rgb(237 237 237 / var(--tw-border-opacity, 1));
+}
+
 .border-t-transparent{
   border-top-color: transparent;
 }
 
+.border-b-gray-200{
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
+}
+
 .\!bg-transparent{
   background-color: transparent !important;
 }
@@ -1332,10 +1435,19 @@ video {
   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);
 }
 
+.bg-black\/75{
+  background-color: rgb(0 0 0 / 0.75);
+}
+
 .bg-blue-100{
   --tw-bg-opacity: 1;
   background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
@@ -1398,6 +1510,11 @@ video {
   background-color: rgb(234 179 8 / 0.2);
 }
 
+.bg-gray-300{
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
+}
+
 .\!p-0{
   padding: 0px !important;
 }
@@ -1414,6 +1531,10 @@ video {
   padding: 0.5rem;
 }
 
+.p-3{
+  padding: 0.75rem;
+}
+
 .p-4{
   padding: 1rem;
 }
@@ -1526,6 +1647,11 @@ video {
   padding-bottom: 0.75rem;
 }
 
+.py-4{
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
 .\!pl-0{
   padding-left: 0px !important;
 }
@@ -1570,6 +1696,11 @@ video {
   text-align: center;
 }
 
+.text-2xl{
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
 .text-\[0\.875rem\]{
   font-size: 0.875rem;
 }
@@ -1591,6 +1722,11 @@ video {
   line-height: 1.5rem;
 }
 
+.text-lg{
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+
 .text-sm{
   font-size: 0.875rem;
   line-height: 1.25rem;
@@ -1626,6 +1762,10 @@ video {
   font-weight: 600;
 }
 
+.font-extrabold{
+  font-weight: 800;
+}
+
 .uppercase{
   text-transform: uppercase;
 }
@@ -1680,11 +1820,21 @@ video {
   color: rgb(25 25 25 / 0.5);
 }
 
+.text-\[\#202020\]{
+  --tw-text-opacity: 1;
+  color: rgb(32 32 32 / var(--tw-text-opacity, 1));
+}
+
 .text-\[\#222222\]{
   --tw-text-opacity: 1;
   color: rgb(34 34 34 / var(--tw-text-opacity, 1));
 }
 
+.text-\[\#484848\]{
+  --tw-text-opacity: 1;
+  color: rgb(72 72 72 / var(--tw-text-opacity, 1));
+}
+
 .text-\[\#5D5D5D\]{
   --tw-text-opacity: 1;
   color: rgb(93 93 93 / var(--tw-text-opacity, 1));
@@ -1788,6 +1938,11 @@ video {
   color: rgb(234 179 8 / var(--tw-text-opacity, 1));
 }
 
+.text-\[\#5d5c5c\]{
+  --tw-text-opacity: 1;
+  color: rgb(93 92 92 / var(--tw-text-opacity, 1));
+}
+
 .caret-\[\#D7D7D7\]{
   caret-color: #D7D7D7;
 }
@@ -1892,6 +2047,10 @@ video {
   transition-duration: 200ms;
 }
 
+.ease-in-out{
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
 @keyframes enter{
   from{
     opacity: var(--tw-enter-opacity, 1);
@@ -1910,6 +2069,10 @@ video {
   animation-duration: 200ms;
 }
 
+.ease-in-out{
+  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
 input[type="number"] {
   -moz-appearance: textfield;
 }
@@ -2209,6 +2372,10 @@ input:-webkit-autofill:active {
   outline-offset: 2px;
 }
 
+.focus-visible\:outline-0:focus-visible{
+  outline-width: 0px;
+}
+
 .focus-visible\:ring-0:focus-visible{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2286,6 +2453,14 @@ input:-webkit-autofill:active {
   opacity: 0.5;
 }
 
+.data-\[state\=closed\]\:duration-300[data-state="closed"]{
+  transition-duration: 300ms;
+}
+
+.data-\[state\=open\]\:duration-500[data-state="open"]{
+  transition-duration: 500ms;
+}
+
 .data-\[state\=open\]\:animate-in[data-state="open"]{
   animation-name: enter;
   animation-duration: 150ms;
@@ -2338,22 +2513,66 @@ input:-webkit-autofill:active {
   --tw-enter-translate-y: 0.5rem;
 }
 
+.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"]{
+  --tw-exit-translate-y: 100%;
+}
+
+.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"]{
+  --tw-exit-translate-x: -100%;
+}
+
 .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"]{
   --tw-exit-translate-x: -50%;
 }
 
+.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"]{
+  --tw-exit-translate-x: 100%;
+}
+
+.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"]{
+  --tw-exit-translate-y: -100%;
+}
+
 .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"]{
   --tw-exit-translate-y: -48%;
 }
 
+.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"]{
+  --tw-enter-translate-y: 100%;
+}
+
+.data-\[state\=open\]\:slide-in-from-left[data-state="open"]{
+  --tw-enter-translate-x: -100%;
+}
+
 .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"]{
   --tw-enter-translate-x: -50%;
 }
 
+.data-\[state\=open\]\:slide-in-from-right[data-state="open"]{
+  --tw-enter-translate-x: 100%;
+}
+
+.data-\[state\=open\]\:slide-in-from-top[data-state="open"]{
+  --tw-enter-translate-y: -100%;
+}
+
 .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"]{
   --tw-enter-translate-y: -48%;
 }
 
+.data-\[state\=closed\]\:duration-300[data-state="closed"]{
+  animation-duration: 300ms;
+}
+
+.data-\[state\=open\]\:duration-500[data-state="open"]{
+  animation-duration: 500ms;
+}
+
+.dark\:border-none:is(.dark *){
+  border-style: none;
+}
+
 .dark\:\!border-\[\#9299A2\]:is(.dark *){
   --tw-border-opacity: 1 !important;
   border-color: rgb(146 153 162 / var(--tw-border-opacity, 1)) !important;
@@ -2374,6 +2593,11 @@ input:-webkit-autofill:active {
   border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
 }
 
+.dark\:border-t-\[\#242424\]:is(.dark *){
+  --tw-border-opacity: 1;
+  border-top-color: rgb(36 36 36 / var(--tw-border-opacity, 1));
+}
+
 .dark\:\!bg-red-50:is(.dark *){
   --tw-bg-opacity: 1 !important;
   background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)) !important;
@@ -2383,6 +2607,11 @@ input:-webkit-autofill:active {
   background-color: transparent !important;
 }
 
+.dark\:bg-\[\#2B2B2B\]:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(43 43 43 / var(--tw-bg-opacity, 1));
+}
+
 .dark\:text-white:is(.dark *){
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -2445,6 +2674,14 @@ input:-webkit-autofill:active {
     width: 14rem;
   }
 
+  .sm\:max-w-sm{
+    max-width: 24rem;
+  }
+
+  .sm\:max-w-\[512px\]{
+    max-width: 512px;
+  }
+
   .sm\:flex-row{
     flex-direction: row;
   }
@@ -2494,10 +2731,22 @@ input:-webkit-autofill:active {
 }
 
 @media (min-width: 768px){
+  .md\:hidden{
+    display: none;
+  }
+
+  .md\:max-h-full{
+    max-height: 100%;
+  }
+
   .md\:w-\[300px\]{
     width: 300px;
   }
 
+  .md\:w-\[540px\]{
+    width: 540px;
+  }
+
   .md\:flex-row{
     flex-direction: row;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@6thbridge/hexa",
-  "version": "0.0.42",
+  "version": "0.0.44",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -17,12 +17,10 @@
   "devDependencies": {
     "@eslint/js": "^9.17.0",
     "@turbo/gen": "^1.12.4",
+    "@types/jest": "^29.5.14",
     "@types/node": "^20.11.24",
     "@types/react": "18.3.0",
     "@types/react-dom": "18.3.1",
-    "@types/jest": "^29.5.14",
-    "jest": "^29.7.0",
-    "ts-jest": "^29.1.1",
     "autoprefixer": "^10.4.15",
     "concurrently": "^9.1.2",
     "eslint": "^9.19.0",
@@ -30,9 +28,11 @@
     "eslint-config-turbo": "latest",
     "eslint-plugin-react": "7.29.4",
     "globals": "^15.12.0",
+    "jest": "^29.7.0",
     "postcss": "^8.5.1",
     "prettier": "^3.3.3",
     "tailwindcss": "^3.3.3",
+    "ts-jest": "^29.1.1",
     "tsup": "^8.3.5",
     "typescript": "5.5.4",
     "typescript-eslint": "^8.15.0",
@@ -56,8 +56,10 @@
     "react-otp-input": "^3.1.1",
     "react-paginate": "8.2.0",
     "react-phone-number-input": "^3.3.9",
+    "react-use": "^17.6.0",
     "tailwind-merge": "^2.6.0",
-    "tailwindcss-animate": "^1.0.7"
+    "tailwindcss-animate": "^1.0.7",
+    "vaul": "^1.1.2"
   },
   "peerDependencies": {
     "react": ">=18.0.0",