@6thbridge/hexa 0.0.57 → 0.0.59

package/dist/output.css

@@ -580,6 +580,10 @@ video {
   visibility: visible;
 }
 
+.invisible{
+  visibility: hidden;
+}
+
 .static{
   position: static;
 }
@@ -626,6 +630,10 @@ video {
   left: 0px;
 }
 
+.left-1{
+  left: 0.25rem;
+}
+
 .left-\[29px\]{
   left: 29px;
 }
@@ -642,6 +650,10 @@ video {
   right: 0px;
 }
 
+.right-1{
+  right: 0.25rem;
+}
+
 .right-2{
   right: 0.5rem;
 }
@@ -737,6 +749,10 @@ video {
   margin-bottom: 0.25rem;
 }
 
+.mb-2{
+  margin-bottom: 0.5rem;
+}
+
 .mb-3{
   margin-bottom: 0.75rem;
 }
@@ -826,6 +842,10 @@ video {
   height: 1.25rem;
 }
 
+.\!h-10{
+  height: 2.5rem !important;
+}
+
 .\!h-14{
   height: 3.5rem !important;
 }
@@ -846,6 +866,10 @@ video {
   height: 3rem;
 }
 
+.h-2{
+  height: 0.5rem;
+}
+
 .h-2\.5{
   height: 0.625rem;
 }
@@ -862,6 +886,10 @@ video {
   height: 1.25rem;
 }
 
+.h-7{
+  height: 1.75rem;
+}
+
 .h-72{
   height: 18rem;
 }
@@ -959,6 +987,10 @@ video {
   width: 1.5rem !important;
 }
 
+.\!w-full{
+  width: 100% !important;
+}
+
 .w-0{
   width: 0px;
 }
@@ -1003,6 +1035,10 @@ video {
   width: 16rem;
 }
 
+.w-7{
+  width: 1.75rem;
+}
+
 .w-72{
   width: 18rem;
 }
@@ -1011,6 +1047,10 @@ video {
   width: 2rem;
 }
 
+.w-9{
+  width: 2.25rem;
+}
+
 .w-\[1\.75rem\]{
   width: 1.75rem;
 }
@@ -1051,6 +1091,10 @@ video {
   width: 90%;
 }
 
+.w-auto{
+  width: auto;
+}
+
 .w-fit{
   width: -moz-fit-content;
   width: fit-content;
@@ -1081,6 +1125,11 @@ video {
   min-width: 50px;
 }
 
+.\!max-w-max{
+  max-width: -moz-max-content !important;
+  max-width: max-content !important;
+}
+
 .\!max-w-md{
   max-width: 28rem !important;
 }
@@ -1126,6 +1175,10 @@ video {
   flex-shrink: 0;
 }
 
+.border-collapse{
+  border-collapse: collapse;
+}
+
 .-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));
@@ -1207,6 +1260,10 @@ video {
   resize: both;
 }
 
+.grid-cols-2{
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
 .flex-row{
   flex-direction: row;
 }
@@ -1259,6 +1316,10 @@ video {
   gap: 0.125rem;
 }
 
+.gap-1{
+  gap: 0.25rem;
+}
+
 .gap-2{
   gap: 0.5rem;
 }
@@ -1299,6 +1360,12 @@ video {
   margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
 }
 
+.space-x-1 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
 .space-x-2 > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse: 0;
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -1329,6 +1396,18 @@ video {
   margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
 }
 
+.space-y-3 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+}
+
+.space-y-4 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+}
+
 .overflow-hidden{
   overflow: hidden;
 }
@@ -1444,6 +1523,11 @@ video {
   border-bottom-right-radius: 9999px;
 }
 
+.rounded-s-md{
+  border-start-start-radius: 0.375rem;
+  border-end-start-radius: 0.375rem;
+}
+
 .rounded-t-full{
   border-top-left-radius: 9999px;
   border-top-right-radius: 9999px;
@@ -1458,6 +1542,10 @@ video {
   border-top-right-radius: 0.375rem;
 }
 
+.\!border{
+  border-width: 1px !important;
+}
+
 .\!border-0{
   border-width: 0px !important;
 }
@@ -1515,6 +1603,11 @@ video {
   border-color: transparent !important;
 }
 
+.border-\[\#808080\]{
+  --tw-border-opacity: 1;
+  border-color: rgb(128 128 128 / var(--tw-border-opacity, 1));
+}
+
 .border-\[\#BECFFF\]{
   --tw-border-opacity: 1;
   border-color: rgb(190 207 255 / var(--tw-border-opacity, 1));
@@ -1595,6 +1688,10 @@ video {
   border-top-color: transparent;
 }
 
+.\!bg-primary-main{
+  background-color: var(--color-primary) !important;
+}
+
 .\!bg-transparent{
   background-color: transparent !important;
 }
@@ -1667,6 +1764,10 @@ video {
   background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
 }
 
+.bg-current{
+  background-color: currentColor;
+}
+
 .bg-gray-100{
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
@@ -1782,6 +1883,11 @@ video {
   padding-right: 0px !important;
 }
 
+.\!px-4{
+  padding-left: 1rem !important;
+  padding-right: 1rem !important;
+}
+
 .\!px-\[10px\]{
   padding-left: 10px !important;
   padding-right: 10px !important;
@@ -1807,6 +1913,11 @@ video {
   padding-right: 0.5rem;
 }
 
+.px-2\.5{
+  padding-left: 0.625rem;
+  padding-right: 0.625rem;
+}
+
 .px-3{
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -1914,6 +2025,10 @@ video {
   padding-left: 0.625rem;
 }
 
+.pl-3{
+  padding-left: 0.75rem;
+}
+
 .pl-5{
   padding-left: 1.25rem;
 }
@@ -1922,10 +2037,22 @@ video {
   padding-right: 0px;
 }
 
+.pr-10{
+  padding-right: 2.5rem;
+}
+
 .pr-2{
   padding-right: 0.5rem;
 }
 
+.pt-1{
+  padding-top: 0.25rem;
+}
+
+.pt-2{
+  padding-top: 0.5rem;
+}
+
 .pt-4{
   padding-top: 1rem;
 }
@@ -1947,6 +2074,10 @@ video {
   font-size: 0.875rem;
 }
 
+.text-\[0\.8rem\]{
+  font-size: 0.8rem;
+}
+
 .text-\[12px\]{
   font-size: 12px;
 }
@@ -2016,6 +2147,10 @@ video {
   text-transform: capitalize;
 }
 
+.leading-6{
+  line-height: 1.5rem;
+}
+
 .leading-\[1\.25rem\]{
   line-height: 1.25rem;
 }
@@ -2048,11 +2183,21 @@ video {
   letter-spacing: 0.1em;
 }
 
+.\!text-black{
+  --tw-text-opacity: 1 !important;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
+}
+
 .\!text-gray-800{
   --tw-text-opacity: 1 !important;
   color: rgb(31 41 55 / var(--tw-text-opacity, 1)) !important;
 }
 
+.\!text-white{
+  --tw-text-opacity: 1 !important;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
+}
+
 .text-\[\#00000066\]{
   color: #00000066;
 }
@@ -2125,6 +2270,10 @@ video {
   color: rgb(0 0 0 / 0.4);
 }
 
+.text-black\/60{
+  color: rgb(0 0 0 / 0.6);
+}
+
 .text-blue-600{
   --tw-text-opacity: 1;
   color: rgb(37 99 235 / var(--tw-text-opacity, 1));
@@ -2149,6 +2298,11 @@ video {
   color: rgb(75 85 99 / var(--tw-text-opacity, 1));
 }
 
+.text-gray-900{
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
+
 .text-green-500{
   --tw-text-opacity: 1;
   color: rgb(34 197 94 / var(--tw-text-opacity, 1));
@@ -2183,6 +2337,11 @@ video {
   color: rgb(220 38 38 / var(--tw-text-opacity, 1));
 }
 
+.text-red-900{
+  --tw-text-opacity: 1;
+  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
+}
+
 .text-white{
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -2249,6 +2408,12 @@ video {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.shadow-sm{
+  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --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);
+}
+
 .outline-none{
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -2273,6 +2438,26 @@ video {
   --tw-ring-color: currentColor;
 }
 
+.ring-gray-300{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
+}
+
+.ring-purple-600{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(147 51 234 / var(--tw-ring-opacity, 1));
+}
+
+.ring-red-300{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1));
+}
+
+.ring-red-500{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
+}
+
 .filter{
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -2519,6 +2704,26 @@ input:-webkit-autofill:active {
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
 
+.placeholder\:text-gray-400::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
+}
+
+.placeholder\:text-gray-400::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
+}
+
+.placeholder\:text-red-300::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
+}
+
+.placeholder\:text-red-300::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
+}
+
 .placeholder\:text-red-500::-moz-placeholder{
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
@@ -2539,6 +2744,14 @@ input:-webkit-autofill:active {
   color: rgb(220 38 38 / var(--tw-text-opacity, 1));
 }
 
+.focus-within\:relative:focus-within{
+  position: relative;
+}
+
+.focus-within\:z-20:focus-within{
+  z-index: 20;
+}
+
 .focus-within\:border-\[\#D7D7D7\]:focus-within{
   --tw-border-opacity: 1;
   border-color: rgb(215 215 215 / var(--tw-border-opacity, 1));
@@ -2676,6 +2889,29 @@ input:-webkit-autofill:active {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.focus\:ring-inset:focus{
+  --tw-ring-inset: inset;
+}
+
+.focus\:\!ring-primary-main:focus{
+  --tw-ring-color: var(--color-primary) !important;
+}
+
+.focus\:ring-purple-200:focus{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(233 213 255 / var(--tw-ring-opacity, 1));
+}
+
+.focus\:ring-purple-600:focus{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(147 51 234 / var(--tw-ring-opacity, 1));
+}
+
+.focus\:ring-red-500:focus{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
+}
+
 .focus\:ring-offset-2:focus{
   --tw-ring-offset-width: 2px;
 }
@@ -2717,6 +2953,15 @@ input:-webkit-autofill:active {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.focus-visible\:\!ring-primary-main:focus-visible{
+  --tw-ring-color: var(--color-primary) !important;
+}
+
+.focus-visible\:ring-purple-200:focus-visible{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(233 213 255 / var(--tw-ring-opacity, 1));
+}
+
 .focus-visible\:ring-offset-0:focus-visible{
   --tw-ring-offset-width: 0px;
 }
@@ -2741,6 +2986,11 @@ input:-webkit-autofill:active {
   cursor: not-allowed;
 }
 
+.disabled\:bg-gray-50:disabled{
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+}
+
 .disabled\:bg-red-600\/70:disabled{
   background-color: rgb(220 38 38 / 0.7);
 }
@@ -2754,6 +3004,11 @@ input:-webkit-autofill:active {
   color: rgb(217 217 217 / var(--tw-text-opacity, 1));
 }
 
+.disabled\:text-gray-500:disabled{
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+}
+
 .disabled\:opacity-50:disabled{
   opacity: 0.5;
 }
@@ -2762,6 +3017,11 @@ input:-webkit-autofill:active {
   opacity: 0.6;
 }
 
+.disabled\:ring-gray-200:disabled{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));
+}
+
 .peer:disabled ~ .peer-disabled\:cursor-not-allowed{
   cursor: not-allowed;
 }
@@ -2770,6 +3030,10 @@ input:-webkit-autofill:active {
   opacity: 0.7;
 }
 
+.aria-selected\:opacity-100[aria-selected="true"]{
+  opacity: 1;
+}
+
 .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"]{
   pointer-events: none;
 }
@@ -3038,6 +3302,18 @@ input:-webkit-autofill:active {
     margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
   }
 
+  .sm\: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\: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\:px-4{
     padding-left: 1rem;
     padding-right: 1rem;
@@ -3057,6 +3333,10 @@ input:-webkit-autofill:active {
     font-size: 0.875rem;
     line-height: 1.25rem;
   }
+
+  .sm\:leading-6{
+    line-height: 1.5rem;
+  }
 }
 
 @media (min-width: 768px){
@@ -3097,6 +3377,21 @@ input:-webkit-autofill:active {
   }
 }
 
+.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{
+  border-top-left-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+}
+
+.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{
+  border-top-right-radius: 0.375rem;
+  border-bottom-right-radius: 0.375rem;
+}
+
+.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){
+  border-top-right-radius: 0.375rem;
+  border-bottom-right-radius: 0.375rem;
+}
+
 .\[\&\>span\]\:items-center>span{
   align-items: center;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@6thbridge/hexa",
-  "version": "0.0.57",
+  "version": "0.0.59",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -44,6 +44,7 @@
     "@radix-ui/react-focus-scope": "1.1.0",
     "@radix-ui/react-label": "^2.1.1",
     "@radix-ui/react-popover": "^1.1.5",
+    "@radix-ui/react-radio-group": "^1.3.7",
     "@radix-ui/react-scroll-area": "^1.2.2",
     "@radix-ui/react-slot": "^1.1.1",
     "@radix-ui/react-tooltip": "^1.2.6",
@@ -51,11 +52,14 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.4",
+    "date-fns": "2.30.0",
     "dayjs": "^1.11.13",
     "framer-motion": "^12.4.3",
     "lucide-react": "^0.474.0",
     "react": "^18",
+    "react-day-picker": "^8.8.0",
     "react-dom": "^18",
+    "react-hook-form": "^7.57.0",
     "react-icons": "^5.5.0",
     "react-otp-input": "^3.1.1",
     "react-paginate": "8.2.0",
@@ -63,7 +67,9 @@
     "tailwind-merge": "^2.6.0",
     "tailwindcss-animate": "^1.0.7",
     "tippy.js": "^6.3.7",
-    "vaul": "^1.1.2"
+    "uuid": "^11.1.0",
+    "vaul": "^1.1.2",
+    "zustand": "^5.0.5"
   },
   "peerDependencies": {
     "react": ">=18.0.0",