@6thbridge/hexa 0.0.0-pr50-59 → 0.0.0-pr51-61

package/dist/output.css

@@ -2,6 +2,96 @@
 
 /* @import "../assets/fonts/GTWalsheimPro/stylesheet.css"; */
 
+/* Basic editor styles */
+
+.ProseMirror {
+  outline: none;
+  > * + * {
+    margin-top: 0.75em;
+  }
+  ul,
+  ol {
+    padding: 0 1rem;
+  }
+  ul {
+    list-style: disc;
+  }
+  ol {
+    list-style: decimal;
+  }
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+  }
+  h1 {
+    font-size: 2.25rem;
+    font-weight: 700;
+    margin-bottom: 0.5em;
+  }
+  h2 {
+    font-size: 1.75rem;
+    font-weight: 600;
+    margin-bottom: 0.5em;
+  }
+  h3 {
+    font-size: 1.25rem;
+    font-weight: 500;
+    margin-bottom: 0.5em;
+  }
+  code {
+    background-color: rgba(#616161, 0.1);
+    color: #616161;
+  }
+  pre {
+    background: #0d0d0d;
+    color: #fff;
+    font-family: 'JetBrainsMono', monospace;
+    padding: 0.75rem 1rem;
+    border-radius: 0.5rem;
+    code {
+      color: inherit;
+      padding: 0;
+      background: none;
+      font-size: 0.8rem;
+    }
+  }
+  img {
+    max-width: 100%;
+    height: auto;
+  }
+  blockquote {
+    padding-left: 1rem;
+    border-left: 2px solid rgba(#0d0d0d, 0.1);
+  }
+  hr {
+    border: none;
+    border-top: 2px solid rgba(#0d0d0d, 0.1);
+    margin: 2rem 0;
+  }
+}
+
+.ProseMirror blockquote {
+  border-left: 4px solid #ddd;
+  padding-left: 1rem;
+  color: #555;
+  font-style: italic;
+}
+
+.ProseMirror:focus,
+.ProseMirror:focus-visible {
+  outline: none !important;
+  box-shadow: none !important;
+  border: none !important;
+}
+
+.ProseMirror {
+  outline: none;
+}
+
 *, ::before, ::after{
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
@@ -638,6 +728,10 @@ video {
   position: relative;
 }
 
+.sticky{
+  position: sticky;
+}
+
 .inset-0{
   inset: 0px;
 }
@@ -783,6 +877,11 @@ video {
   margin-right: auto;
 }
 
+.my-1{
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+
 .my-2{
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
@@ -808,6 +907,10 @@ video {
   margin-bottom: 5px;
 }
 
+.me-2{
+  margin-inline-end: 0.5rem;
+}
+
 .ml-1{
   margin-left: 0.25rem;
 }
@@ -864,6 +967,14 @@ video {
   margin-top: 1.25rem;
 }
 
+.mt-6{
+  margin-top: 1.5rem;
+}
+
+.mt-8{
+  margin-top: 2rem;
+}
+
 .box-border{
   box-sizing: border-box;
 }
@@ -937,6 +1048,10 @@ video {
   height: 1rem;
 }
 
+.h-40{
+  height: 10rem;
+}
+
 .h-5{
   height: 1.25rem;
 }
@@ -1086,6 +1201,10 @@ video {
   width: 1rem;
 }
 
+.w-48{
+  width: 12rem;
+}
+
 .w-5{
   width: 1.25rem;
 }
@@ -1110,6 +1229,10 @@ video {
   width: 2rem;
 }
 
+.w-80{
+  width: 20rem;
+}
+
 .w-9{
   width: 2.25rem;
 }
@@ -1188,6 +1311,10 @@ video {
   min-width: 24rem;
 }
 
+.min-w-\[110px\]{
+  min-width: 110px;
+}
+
 .min-w-\[200px\]{
   min-width: 200px;
 }
@@ -1234,6 +1361,10 @@ video {
   max-width: 28rem;
 }
 
+.max-w-xl{
+  max-width: 36rem;
+}
+
 .flex-1{
   flex: 1 1 0%;
 }
@@ -1303,6 +1434,10 @@ video {
   cursor: default;
 }
 
+.cursor-not-allowed{
+  cursor: not-allowed;
+}
+
 .cursor-pointer{
   cursor: pointer;
 }
@@ -1921,6 +2056,10 @@ video {
   background-color: rgb(255 255 255 / 0.2);
 }
 
+.bg-white\/80{
+  background-color: rgb(255 255 255 / 0.8);
+}
+
 .bg-yellow-500\/20{
   background-color: rgb(234 179 8 / 0.2);
 }
@@ -2061,6 +2200,11 @@ video {
   padding-right: 1rem;
 }
 
+.py-0\.5{
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+
 .py-1{
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
@@ -2277,6 +2421,10 @@ video {
   text-transform: capitalize;
 }
 
+.italic{
+  font-style: italic;
+}
+
 .leading-5{
   line-height: 1.25rem;
 }
@@ -2610,6 +2758,12 @@ video {
   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);
 }
 
+.backdrop-blur-md{
+  --tw-backdrop-blur: blur(12px);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
 .transition{
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -2998,10 +3152,23 @@ input:-webkit-autofill:active {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.focus-within\:ring-primary-main:focus-within{
+  --tw-ring-color: var(--color-primary);
+}
+
+.focus-within\:ring-red-500:focus-within{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
+}
+
 .hover\:cursor-pointer:hover{
   cursor: pointer;
 }
 
+.hover\:\!bg-gray-200\/50:hover{
+  background-color: rgb(229 231 235 / 0.5) !important;
+}
+
 .hover\:bg-\[\#808080\]:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(128 128 128 / var(--tw-bg-opacity, 1));
@@ -3017,6 +3184,11 @@ input:-webkit-autofill:active {
   background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
 }
 
+.hover\:bg-gray-200:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / 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));
@@ -3034,6 +3206,11 @@ input:-webkit-autofill:active {
   --tw-bg-opacity: 0.7;
 }
 
+.hover\:text-blue-800:hover{
+  --tw-text-opacity: 1;
+  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
+}
+
 .hover\:text-gray-700:hover{
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity, 1));
@@ -3259,6 +3436,11 @@ input:-webkit-autofill:active {
   background-color: var(--color-primary-accent);
 }
 
+.data-\[state\=active\]\:bg-gray-200[data-state="active"]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
+}
+
 .data-\[disabled\=true\]\:opacity-50[data-disabled="true"]{
   opacity: 0.5;
 }
@@ -3383,10 +3565,25 @@ input:-webkit-autofill:active {
   animation-duration: 500ms;
 }
 
+.data-\[state\=active\]\:hover\:\!bg-gray-200:hover[data-state="active"]{
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important;
+}
+
 .group[data-state="active"] .group-data-\[state\=active\]\:font-medium{
   font-weight: 500;
 }
 
+.group[data-state="active"] .group-data-\[state\=active\]\:text-gray-800{
+  --tw-text-opacity: 1;
+  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
+}
+
+.group[data-state="active"] .group-data-\[state\=active\]\:text-white{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
 .dark\:border-none:is(.dark *){
   border-style: none;
 }
@@ -3517,6 +3714,10 @@ input:-webkit-autofill:active {
   background-color: transparent !important;
 }
 
+.dark\:hover\:\!bg-gray-200\/10:hover:is(.dark *){
+  background-color: rgb(229 231 235 / 0.1) !important;
+}
+
 .dark\:focus\:bg-transparent:focus:is(.dark *){
   background-color: transparent;
 }
@@ -3557,6 +3758,11 @@ input:-webkit-autofill:active {
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
+.data-\[state\=active\]\:dark\:hover\:\!bg-gray-200:hover:is(.dark *)[data-state="active"]{
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important;
+}
+
 @media (min-width: 640px){
   .sm\:order-none{
     order: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@6thbridge/hexa",
-  "version": "0.0.0-pr50-59",
+  "version": "0.0.0-pr51-61",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -51,6 +51,12 @@
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.6",
     "@tanstack/react-table": "^8.21.2",
+    "@tiptap/extension-font-family": "^3.11.1",
+    "@tiptap/extension-link": "^3.11.1",
+    "@tiptap/extension-underline": "^3.11.1",
+    "@tiptap/pm": "^3.11.1",
+    "@tiptap/react": "^3.11.1",
+    "@tiptap/starter-kit": "^3.11.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.4",