@6thbridge/hexa 0.0.0-pr39-28 → 0.0.0-pr40-30

package/dist/output.css

@@ -795,6 +795,10 @@ video {
   margin-bottom: 0.5rem;
 }
 
+.mb-\[5px\]{
+  margin-bottom: 5px;
+}
+
 .ml-1{
   margin-left: 0.25rem;
 }
@@ -851,6 +855,10 @@ video {
   margin-top: 1.25rem;
 }
 
+.box-border{
+  box-sizing: border-box;
+}
+
 .block{
   display: block;
 }
@@ -924,6 +932,10 @@ video {
   height: 1.25rem;
 }
 
+.h-6{
+  height: 1.5rem;
+}
+
 .h-7{
   height: 1.75rem;
 }
@@ -948,14 +960,26 @@ video {
   height: 2.5rem;
 }
 
+.h-\[24px\]{
+  height: 24px;
+}
+
 .h-\[30px\]{
   height: 30px;
 }
 
+.h-\[36px\]{
+  height: 36px;
+}
+
 .h-\[3rem\]{
   height: 3rem;
 }
 
+.h-\[44px\]{
+  height: 44px;
+}
+
 .h-\[4px\]{
   height: 4px;
 }
@@ -1097,6 +1121,10 @@ video {
   width: 200px;
 }
 
+.w-\[24px\]{
+  width: 24px;
+}
+
 .w-\[270px\]{
   width: 270px;
 }
@@ -1125,6 +1153,10 @@ video {
   width: 90%;
 }
 
+.w-\[calc\(100\%-0\.375rem\)\]{
+  width: calc(100% - 0.375rem);
+}
+
 .w-auto{
   width: auto;
 }
@@ -1318,6 +1350,10 @@ video {
   flex-wrap: wrap;
 }
 
+.place-items-center{
+  place-items: center;
+}
+
 .items-start{
   align-items: flex-start;
 }
@@ -1486,6 +1522,10 @@ video {
   border-radius: 0.25rem;
 }
 
+.rounded-\[3px\]{
+  border-radius: 3px;
+}
+
 .rounded-\[4px\]{
   border-radius: 4px;
 }
@@ -1611,6 +1651,11 @@ video {
   border-right-width: 1px;
 }
 
+.border-y-\[0\.5px\]{
+  border-top-width: 0.5px;
+  border-bottom-width: 0.5px;
+}
+
 .\!border-l-0{
   border-left-width: 0px !important;
 }
@@ -1619,6 +1664,10 @@ video {
   border-bottom-width: 1px;
 }
 
+.border-b-\[0\.5px\]{
+  border-bottom-width: 0.5px;
+}
+
 .border-e-0{
   border-inline-end-width: 0px;
 }
@@ -1635,6 +1684,10 @@ video {
   border-top-width: 1px;
 }
 
+.border-solid{
+  border-style: solid;
+}
+
 .border-none{
   border-style: none;
 }
@@ -2027,6 +2080,11 @@ video {
   padding-bottom: 1.5rem;
 }
 
+.py-7{
+  padding-top: 1.75rem;
+  padding-bottom: 1.75rem;
+}
+
 .py-\[0\.375rem\]{
   padding-top: 0.375rem;
   padding-bottom: 0.375rem;
@@ -2058,6 +2116,10 @@ video {
   padding-right: 0.75rem !important;
 }
 
+.pb-1{
+  padding-bottom: 0.25rem;
+}
+
 .pb-2{
   padding-bottom: 0.5rem;
 }
@@ -2216,6 +2278,10 @@ video {
   line-height: 1.5rem;
 }
 
+.leading-\[100\%\]{
+  line-height: 100%;
+}
+
 .leading-\[1rem\]{
   line-height: 1rem;
 }
@@ -2308,6 +2374,11 @@ video {
   color: rgb(142 152 168 / var(--tw-text-opacity, 1));
 }
 
+.text-\[\#959595\]{
+  --tw-text-opacity: 1;
+  color: rgb(149 149 149 / var(--tw-text-opacity, 1));
+}
+
 .text-\[\#A5A5A5\]{
   --tw-text-opacity: 1;
   color: rgb(165 165 165 / var(--tw-text-opacity, 1));
@@ -2750,6 +2821,16 @@ input:-webkit-autofill:active {
   color: rgb(121 129 140 / var(--tw-text-opacity, 1));
 }
 
+.placeholder\:text-\[\#959595\]::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(149 149 149 / var(--tw-text-opacity, 1));
+}
+
+.placeholder\:text-\[\#959595\]::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(149 149 149 / var(--tw-text-opacity, 1));
+}
+
 .placeholder\:text-\[\#C4C4C4\]::-moz-placeholder{
   --tw-text-opacity: 1;
   color: rgb(196 196 196 / var(--tw-text-opacity, 1));
@@ -2949,6 +3030,12 @@ input:-webkit-autofill:active {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
 }
 
+.focus\:ring-0:focus{
+  --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);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
 .focus\:ring-2:focus{
   --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2978,6 +3065,10 @@ input:-webkit-autofill:active {
   --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
 }
 
+.focus\:ring-offset-0:focus{
+  --tw-ring-offset-width: 0px;
+}
+
 .focus\:ring-offset-2:focus{
   --tw-ring-offset-width: 2px;
 }
@@ -3013,6 +3104,12 @@ input:-webkit-autofill:active {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.focus-visible\:ring-1: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(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);
+}
+
 .focus-visible\:ring-2: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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -3032,6 +3129,10 @@ input:-webkit-autofill:active {
   --tw-ring-offset-width: 0px;
 }
 
+.focus-visible\:ring-offset-1:focus-visible{
+  --tw-ring-offset-width: 1px;
+}
+
 .focus-visible\:ring-offset-2:focus-visible{
   --tw-ring-offset-width: 2px;
 }
@@ -3104,6 +3205,10 @@ input:-webkit-autofill:active {
   pointer-events: none;
 }
 
+.data-\[disabled\]\:pointer-events-none[data-disabled]{
+  pointer-events: none;
+}
+
 .data-\[selected\=true\]\:bg-primary-accent[data-selected="true"]{
   background-color: var(--color-primary-accent);
 }
@@ -3112,6 +3217,10 @@ input:-webkit-autofill:active {
   opacity: 0.5;
 }
 
+.data-\[disabled\]\:opacity-50[data-disabled]{
+  opacity: 0.5;
+}
+
 .data-\[state\=closed\]\:duration-300[data-state="closed"]{
   transition-duration: 300ms;
 }
@@ -3237,6 +3346,11 @@ input:-webkit-autofill:active {
   border-color: rgb(146 153 162 / var(--tw-border-opacity, 1)) !important;
 }
 
+.dark\:border-\[\#5C636B\]:is(.dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(92 99 107 / var(--tw-border-opacity, 1));
+}
+
 .dark\:border-\[\#676767\]:is(.dark *){
   --tw-border-opacity: 1;
   border-color: rgb(103 103 103 / var(--tw-border-opacity, 1));
@@ -3271,6 +3385,40 @@ input:-webkit-autofill:active {
   background-color: rgb(43 43 43 / var(--tw-bg-opacity, 1));
 }
 
+.dark\:bg-transparent:is(.dark *){
+  background-color: transparent;
+}
+
+.dark\:\!text-\[\#C6C6C6\]:is(.dark *){
+  --tw-text-opacity: 1 !important;
+  color: rgb(198 198 198 / var(--tw-text-opacity, 1)) !important;
+}
+
+.dark\:\!text-\[\#DDDFE0\]:is(.dark *){
+  --tw-text-opacity: 1 !important;
+  color: rgb(221 223 224 / var(--tw-text-opacity, 1)) !important;
+}
+
+.dark\:\!text-white:is(.dark *){
+  --tw-text-opacity: 1 !important;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
+}
+
+.dark\:text-\[\#959BA4\]:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
+}
+
+.dark\:text-\[\#DDDFE0\]:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(221 223 224 / var(--tw-text-opacity, 1));
+}
+
+.dark\:text-black:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
+
 .dark\:text-white:is(.dark *){
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -3290,6 +3438,16 @@ input:-webkit-autofill:active {
   color: rgb(146 153 162 / var(--tw-text-opacity, 1));
 }
 
+.dark\:placeholder\:text-\[\#DDDFE0\]:is(.dark *)::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(221 223 224 / var(--tw-text-opacity, 1));
+}
+
+.dark\:placeholder\:text-\[\#DDDFE0\]:is(.dark *)::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(221 223 224 / var(--tw-text-opacity, 1));
+}
+
 .dark\:placeholder\:text-white:is(.dark *)::-moz-placeholder{
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -3309,6 +3467,15 @@ input:-webkit-autofill:active {
   background-color: transparent !important;
 }
 
+.dark\:focus\:bg-transparent:focus:is(.dark *){
+  background-color: transparent;
+}
+
+.focus\:dark\:\!text-\[\#DDDFE0\]:is(.dark *):focus{
+  --tw-text-opacity: 1 !important;
+  color: rgb(221 223 224 / var(--tw-text-opacity, 1)) !important;
+}
+
 .dark\:focus-visible\:\!ring-0:focus-visible:is(.dark *){
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
@@ -3320,6 +3487,26 @@ input:-webkit-autofill:active {
   border-color: rgb(146 153 162 / var(--tw-border-opacity, 1)) !important;
 }
 
+.peer:hover ~ .dark\:peer-hover\:text-white:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
+.peer:focus ~ .dark\:peer-focus\:text-white:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
+.peer:focus-visible ~ .dark\:peer-focus-visible\:text-white:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
+.peer[aria-checked="true"] ~ .dark\:peer-aria-checked\:text-white:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
 @media (min-width: 640px){
   .sm\:order-none{
     order: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@6thbridge/hexa",
-  "version": "0.0.0-pr39-28",
+  "version": "0.0.0-pr40-30",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -39,6 +39,7 @@
     "vite": "^6.0.11"
   },
   "dependencies": {
+    "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-dialog": "^1.1.5",
     "@radix-ui/react-dismissable-layer": "1.1.0",
     "@radix-ui/react-focus-scope": "1.1.0",