@6thbridge/hexa 0.0.9 → 0.0.11

package/dist/output.css

@@ -584,6 +584,10 @@ video {
   position: relative;
 }
 
+.sticky{
+  position: sticky;
+}
+
 .inset-0{
   inset: 0px;
 }
@@ -592,6 +596,10 @@ video {
   left: 0px;
 }
 
+.left-3{
+  left: 0.75rem;
+}
+
 .left-\[50\%\]{
   left: 50%;
 }
@@ -608,6 +616,10 @@ video {
   top: 0px;
 }
 
+.top-1\/2{
+  top: 50%;
+}
+
 .top-4{
   top: 1rem;
 }
@@ -620,10 +632,18 @@ video {
   isolation: isolate;
 }
 
+.z-10{
+  z-index: 10;
+}
+
 .z-50{
   z-index: 50;
 }
 
+.order-first{
+  order: -9999;
+}
+
 .-mx-1{
   margin-left: -0.25rem;
   margin-right: -0.25rem;
@@ -663,10 +683,18 @@ video {
   margin-right: 0.5rem;
 }
 
+.mt-5{
+  margin-top: 1.25rem;
+}
+
 .\!block{
   display: block !important;
 }
 
+.block{
+  display: block;
+}
+
 .flex{
   display: flex;
 }
@@ -675,6 +703,10 @@ video {
   display: inline-flex;
 }
 
+.table{
+  display: table;
+}
+
 .grid{
   display: grid;
 }
@@ -719,6 +751,10 @@ video {
   height: 18rem;
 }
 
+.h-8{
+  height: 2rem;
+}
+
 .h-\[1\.75rem\]{
   height: 1.75rem;
 }
@@ -784,6 +820,10 @@ video {
   width: 1rem;
 }
 
+.w-5{
+  width: 1.25rem;
+}
+
 .w-6{
   width: 1.5rem;
 }
@@ -808,10 +848,20 @@ video {
   width: 3rem;
 }
 
+.w-fit{
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
 .w-full{
   width: 100%;
 }
 
+.w-max{
+  width: -moz-max-content;
+  width: max-content;
+}
+
 .min-w-\[200px\]{
   min-width: 200px;
 }
@@ -824,10 +874,19 @@ video {
   max-width: 100px;
 }
 
+.max-w-full{
+  max-width: 100%;
+}
+
 .max-w-lg{
   max-width: 32rem;
 }
 
+.max-w-max{
+  max-width: -moz-max-content;
+  max-width: max-content;
+}
+
 .\!flex-1{
   flex: 1 1 0% !important;
 }
@@ -836,10 +895,19 @@ video {
   flex: 1 1 0%;
 }
 
+.flex-none{
+  flex: none;
+}
+
 .shrink-0{
   flex-shrink: 0;
 }
 
+.-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-\[-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));
@@ -864,6 +932,10 @@ video {
   cursor: default;
 }
 
+.cursor-pointer{
+  cursor: pointer;
+}
+
 .touch-none{
   touch-action: none;
 }
@@ -886,10 +958,22 @@ video {
   flex-direction: column;
 }
 
+.flex-col-reverse{
+  flex-direction: column-reverse;
+}
+
+.items-start{
+  align-items: flex-start;
+}
+
 .items-center{
   align-items: center;
 }
 
+.justify-start{
+  justify-content: flex-start;
+}
+
 .justify-end{
   justify-content: flex-end;
 }
@@ -922,6 +1006,12 @@ video {
   gap: 1rem;
 }
 
+.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)));
+}
+
 .space-y-1 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse: 0;
   margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -938,6 +1028,10 @@ video {
   overflow: hidden;
 }
 
+.overflow-x-auto{
+  overflow-x: auto;
+}
+
 .overflow-y-auto{
   overflow-y: auto;
 }
@@ -946,6 +1040,16 @@ video {
   overflow-x: hidden;
 }
 
+.overflow-x-scroll{
+  overflow-x: scroll;
+}
+
+.truncate{
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .whitespace-nowrap{
   white-space: nowrap;
 }
@@ -982,6 +1086,11 @@ video {
   border-radius: 0.125rem;
 }
 
+.rounded-b{
+  border-bottom-right-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
+
 .rounded-e-none{
   border-start-end-radius: 0px;
   border-end-end-radius: 0px;
@@ -1018,6 +1127,10 @@ video {
   border-left-width: 0px !important;
 }
 
+.border-b{
+  border-bottom-width: 1px;
+}
+
 .border-l{
   border-left-width: 1px;
 }
@@ -1030,6 +1143,11 @@ video {
   border-top-width: 1px;
 }
 
+.\!border-gray-400{
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)) !important;
+}
+
 .\!border-transparent{
   border-color: transparent !important;
 }
@@ -1072,6 +1190,11 @@ video {
   border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
 }
 
+.border-zinc-100{
+  --tw-border-opacity: 1;
+  border-color: rgb(244 244 245 / var(--tw-border-opacity, 1));
+}
+
 .border-l-transparent{
   border-left-color: transparent;
 }
@@ -1093,6 +1216,29 @@ video {
   background-color: rgb(0 0 0 / 0.6);
 }
 
+.bg-blue-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
+}
+
+.bg-gray-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+}
+
+.bg-gray-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+}
+
+.bg-gray-500\/20{
+  background-color: rgb(107 114 128 / 0.2);
+}
+
+.bg-green-500\/20{
+  background-color: rgb(34 197 94 / 0.2);
+}
+
 .bg-primary-main{
   background-color: var(--color-primary);
 }
@@ -1102,6 +1248,10 @@ video {
   background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
 }
 
+.bg-red-500\/20{
+  background-color: rgb(239 68 68 / 0.2);
+}
+
 .bg-red-600{
   --tw-bg-opacity: 1;
   background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
@@ -1120,6 +1270,10 @@ video {
   background-color: rgb(255 255 255 / 0.2);
 }
 
+.bg-yellow-500\/20{
+  background-color: rgb(234 179 8 / 0.2);
+}
+
 .\!p-0{
   padding: 0px !important;
 }
@@ -1132,6 +1286,10 @@ video {
   padding: 0.25rem;
 }
 
+.p-2{
+  padding: 0.5rem;
+}
+
 .p-4{
   padding: 1rem;
 }
@@ -1144,16 +1302,6 @@ video {
   padding: 1px;
 }
 
-.\!px-3{
-  padding-left: 0.75rem !important;
-  padding-right: 0.75rem !important;
-}
-
-.\!py-2{
-  padding-top: 0.5rem !important;
-  padding-bottom: 0.5rem !important;
-}
-
 .px-0{
   padding-left: 0px;
   padding-right: 0px;
@@ -1234,14 +1382,42 @@ video {
   padding-bottom: 0.75rem;
 }
 
+.\!pl-3{
+  padding-left: 0.75rem !important;
+}
+
+.\!pr-3{
+  padding-right: 0.75rem !important;
+}
+
+.pl-0{
+  padding-left: 0px;
+}
+
+.pl-10{
+  padding-left: 2.5rem;
+}
+
 .pl-2{
   padding-left: 0.5rem;
 }
 
+.pl-2\.5{
+  padding-left: 0.625rem;
+}
+
+.pr-0{
+  padding-right: 0px;
+}
+
 .pr-2{
   padding-right: 0.5rem;
 }
 
+.pr-3{
+  padding-right: 0.75rem;
+}
+
 .text-left{
   text-align: left;
 }
@@ -1258,6 +1434,10 @@ video {
   font-size: 0.875rem;
 }
 
+.text-\[14px\]{
+  font-size: 14px;
+}
+
 .text-\[1rem\]{
   font-size: 1rem;
 }
@@ -1310,6 +1490,10 @@ video {
   text-transform: lowercase;
 }
 
+.capitalize{
+  text-transform: capitalize;
+}
+
 .leading-\[1\.25rem\]{
   line-height: 1.25rem;
 }
@@ -1338,6 +1522,11 @@ video {
   letter-spacing: 0.1em;
 }
 
+.\!text-gray-600{
+  --tw-text-opacity: 1 !important;
+  color: rgb(75 85 99 / var(--tw-text-opacity, 1)) !important;
+}
+
 .text-\[\#191919\]{
   --tw-text-opacity: 1;
   color: rgb(25 25 25 / var(--tw-text-opacity, 1));
@@ -1352,6 +1541,11 @@ video {
   color: rgb(98 197 84 / var(--tw-text-opacity, 1));
 }
 
+.text-\[\#717171\]{
+  --tw-text-opacity: 1;
+  color: rgb(113 113 113 / var(--tw-text-opacity, 1));
+}
+
 .text-\[\#79818C\]{
   --tw-text-opacity: 1;
   color: rgb(121 129 140 / var(--tw-text-opacity, 1));
@@ -1382,6 +1576,11 @@ video {
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
 
+.text-green-500{
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
+}
+
 .text-primary-main{
   color: var(--color-primary);
 }
@@ -1401,6 +1600,11 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
+.text-yellow-500{
+  --tw-text-opacity: 1;
+  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
+}
+
 .caret-\[\#D7D7D7\]{
   caret-color: #D7D7D7;
 }
@@ -1429,6 +1633,12 @@ video {
   opacity: 0.7;
 }
 
+.shadow-2xl{
+  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .shadow-lg{
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1446,11 +1656,25 @@ video {
   outline-offset: 2px;
 }
 
+.ring-1{
+  --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring-inset{
+  --tw-ring-inset: inset;
+}
+
 .\!ring-gray-200{
   --tw-ring-opacity: 1 !important;
   --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1)) !important;
 }
 
+.ring-current{
+  --tw-ring-color: currentColor;
+}
+
 .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);
 }
@@ -1696,6 +1920,15 @@ input:-webkit-autofill:active {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.hover\:cursor-pointer:hover{
+  cursor: pointer;
+}
+
+.hover\:bg-gray-50:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+}
+
 .hover\:bg-red-600\/70:hover{
   background-color: rgb(220 38 38 / 0.7);
 }
@@ -1704,6 +1937,11 @@ input:-webkit-autofill:active {
   --tw-bg-opacity: 0.7;
 }
 
+.hover\:text-gray-700:hover{
+  --tw-text-opacity: 1;
+  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
+}
+
 .hover\:opacity-100:hover{
   opacity: 1;
 }
@@ -1733,6 +1971,11 @@ input:-webkit-autofill:active {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.focus\:ring-blue-500:focus{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
+}
+
 .focus\:ring-offset-2:focus{
   --tw-ring-offset-width: 2px;
 }
@@ -1969,6 +2212,22 @@ input:-webkit-autofill:active {
 }
 
 @media (min-width: 640px){
+  .sm\:order-none{
+    order: 0;
+  }
+
+  .sm\:w-56{
+    width: 14rem;
+  }
+
+  .sm\:flex-row{
+    flex-direction: row;
+  }
+
+  .sm\:items-center{
+    align-items: center;
+  }
+
   .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){
     --tw-space-x-reverse: 0;
     margin-right: calc(0.5rem * var(--tw-space-x-reverse));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@6thbridge/hexa",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -41,9 +41,11 @@
     "@radix-ui/react-popover": "^1.1.5",
     "@radix-ui/react-scroll-area": "^1.2.2",
     "@radix-ui/react-slot": "^1.1.1",
+    "@tanstack/react-table": "^8.21.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.4",
+    "framer-motion": "^12.4.3",
     "lucide-react": "^0.474.0",
     "react": "^18",
     "react-dom": "^18",