@mhamz.01/easyflow-texteditor 0.1.18 → 0.1.32

package/dist/index.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 @import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-ui-primitive/tooltip/tooltip.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-ui-primitive/tooltip/tooltip.css */
 .tiptap-tooltip {
   --tt-tooltip-bg: var(--tt-gray-light-900);
   --tt-tooltip-text: var(--white);
@@ -43,7 +43,7 @@
   color: var(--tt-kbd);
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-colors.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-colors.css */
 .tiptap-button {
   --tt-button-default-bg-color: var(--tt-gray-light-a-100);
   --tt-button-hover-bg-color: var(--tt-gray-light-200);
@@ -279,7 +279,7 @@
   --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-group.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-group.css */
 .tiptap-button-group {
   position: relative;
   display: flex;
@@ -300,7 +300,7 @@
   align-items: center;
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button.css */
 .tiptap-button {
   font-size: 0.875rem;
   font-weight: 500;
@@ -563,7 +563,7 @@
   color: var(--tt-button-disabled-icon-color);
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-ui-primitive/separator/separator.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-ui-primitive/separator/separator.css */
 .tiptap-separator {
   --tt-link-border-color: var(--tt-gray-light-a-200);
 }
@@ -584,7 +584,7 @@
   width: 1px;
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-ui-primitive/toolbar/toolbar.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-ui-primitive/toolbar/toolbar.css */
 :root {
   --tt-toolbar-height: 2.75rem;
   --tt-safe-area-bottom: env(safe-area-inset-bottom, 0px);
@@ -692,7 +692,7 @@
   }
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-node/image-upload-node/image-upload-node.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-node/image-upload-node/image-upload-node.css */
 :root {
   --tiptap-image-upload-active: var(--tt-brand-color-500);
   --tiptap-image-upload-progress-bg: var(--tt-brand-color-50);
@@ -896,7 +896,7 @@
   }
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-node/blockquote-node/blockquote-node.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-node/blockquote-node/blockquote-node.css */
 .tiptap.ProseMirror {
   --blockquote-bg-color: var(--tt-gray-light-900);
 }
@@ -926,7 +926,7 @@
   border-radius: 0;
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-node/code-block-node/code-block-node.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-node/code-block-node/code-block-node.css */
 .tiptap.ProseMirror {
   --tt-inline-code-bg-color: var(--tt-gray-light-a-100);
   --tt-inline-code-text-color: var(--tt-gray-light-a-700);
@@ -971,7 +971,7 @@
   color: inherit;
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.css */
 .tiptap.ProseMirror {
   --horizontal-rule-color: var(--tt-gray-light-a-200);
 }
@@ -990,7 +990,7 @@
   padding-bottom: 0.75rem;
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-node/list-node/list-node.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-node/list-node/list-node.css */
 .tiptap.ProseMirror {
   --tt-checklist-bg-color: var(--tt-gray-light-a-100);
   --tt-checklist-bg-active-color: var(--tt-gray-light-a-900);
@@ -1115,7 +1115,7 @@
   min-width: 0;
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-node/image-node/image-node.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-node/image-node/image-node.css */
 .tiptap.ProseMirror img {
   max-width: 100%;
   height: auto;
@@ -1140,7 +1140,7 @@
   margin: 0;
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-node/heading-node/heading-node.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-node/heading-node/heading-node.css */
 .tiptap.ProseMirror h1,
 .tiptap.ProseMirror h2,
 .tiptap.ProseMirror h3,
@@ -1180,7 +1180,7 @@
   margin-top: 2em;
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-colors.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-colors.css */
 .tiptap-badge {
   --tt-badge-border-color: var(--tt-gray-light-a-200);
   --tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
@@ -1378,7 +1378,7 @@
   --tt-badge-icon-color-emphasized: var( --tt-brand-color-900 );
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-group.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-group.css */
 .tiptap-badge-group {
   align-items: center;
   display: flex;
@@ -1392,7 +1392,7 @@
   flex-direction: row;
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge.css */
 .tiptap-badge {
   font-size: 0.625rem;
   font-weight: 700;
@@ -1470,7 +1470,7 @@
   color: var(--tt-badge-icon-color-subdued);
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.css */
 .tiptap-dropdown-menu {
   --tt-dropdown-menu-bg-color: var(--white);
   --tt-dropdown-menu-border-color: var(--tt-gray-light-a-100);
@@ -1517,7 +1517,7 @@
   animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-ui-primitive/card/card.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-ui-primitive/card/card.css */
 :root {
   --tiptap-card-bg-color: var(--white);
   --tiptap-card-border-color: var(--tt-gray-light-a-100);
@@ -1586,7 +1586,7 @@
   color: var(--tiptap-card-group-label-color);
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-ui-primitive/popover/popover.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-ui-primitive/popover/popover.css */
 .tiptap-popover {
   --tt-popover-bg-color: var(--white);
   --tt-popover-border-color: var(--tt-gray-light-a-100);
@@ -1633,7 +1633,7 @@
   animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-ui/color-highlight-button/color-highlight-button.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-ui/color-highlight-button/color-highlight-button.css */
 .tiptap-button-highlight {
   position: relative;
   width: 1.25rem;
@@ -1667,7 +1667,7 @@
   filter: brightness(180%);
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-ui-primitive/input/input.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-ui-primitive/input/input.css */
 :root {
   --tiptap-input-placeholder: var(--tt-gray-light-a-400);
 }
@@ -1707,7 +1707,7 @@
   align-items: stretch;
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/components/tiptap-templates/simple/simple-editor.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/components/tiptap-templates/simple/simple-editor.css */
 body {
   --tt-toolbar-height: 44px;
   --tt-theme-text: var(--tt-gray-dark-900);
@@ -1851,7 +1851,7 @@ table .column-resize-handle {
   }
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/styles/index.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/styles/index.css */
 .tiptap.ProseMirror {
   --blockquote-bg-color: var(--tt-gray-light-900);
 }
@@ -3724,7 +3724,7 @@ table .column-resize-handle {
   color: var(--tt-kbd);
 }
 
-/* C:/Users/hamza/AppData/Local/Temp/tmp-25832-i6vGj7aJTIGz/easyflow-texteditor/src/styles/_variables.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-18804-uKBXHa2wxt0p/easyflow-texteditor/src/styles/_variables.css */
 :root {
   overflow-wrap: break-word;
   text-size-adjust: none;
@@ -3998,10 +3998,6 @@ table .column-resize-handle {
     --font-weight-semibold: 600;
     --tracking-widest: 0.1em;
     --radius-xs: 0.125rem;
-    --radius-sm: 0.25rem;
-    --radius-md: 0.375rem;
-    --radius-lg: 0.5rem;
-    --radius-xl: 0.75rem;
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --default-transition-duration: 150ms;
@@ -4680,13 +4676,13 @@ table .column-resize-handle {
     border-radius: calc(infinity * 1px);
   }
   .rounded-lg {
-    border-radius: var(--radius-lg);
+    border-radius: var(--radius);
   }
   .rounded-md {
-    border-radius: var(--radius-md);
+    border-radius: calc(var(--radius) - 2px);
   }
   .rounded-sm {
-    border-radius: var(--radius-sm);
+    border-radius: calc(var(--radius) - 4px);
   }
   .rounded-xs {
     border-radius: var(--radius-xs);
@@ -4726,12 +4722,21 @@ table .column-resize-handle {
       border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
     }
   }
+  .border-input {
+    border-color: var(--input);
+  }
+  .border-sidebar-border {
+    border-color: var(--sidebar-border);
+  }
   .border-t-transparent {
     border-top-color: transparent;
   }
   .border-l-transparent {
     border-left-color: transparent;
   }
+  .bg-accent {
+    background-color: var(--accent);
+  }
   .bg-background {
     background-color: var(--background);
   }
@@ -4744,6 +4749,9 @@ table .column-resize-handle {
   .bg-border {
     background-color: var(--border);
   }
+  .bg-destructive {
+    background-color: var(--destructive);
+  }
   .bg-foreground {
     background-color: var(--foreground);
   }
@@ -4753,9 +4761,15 @@ table .column-resize-handle {
   .bg-primary {
     background-color: var(--primary);
   }
+  .bg-secondary {
+    background-color: var(--secondary);
+  }
   .bg-sidebar {
     background-color: var(--sidebar);
   }
+  .bg-sidebar-border {
+    background-color: var(--sidebar-border);
+  }
   .bg-transparent {
     background-color: transparent;
   }
@@ -4887,6 +4901,9 @@ table .column-resize-handle {
   .text-foreground {
     color: var(--foreground);
   }
+  .text-muted-foreground {
+    color: var(--muted-foreground);
+  }
   .text-popover-foreground {
     color: var(--popover-foreground);
   }
@@ -4899,6 +4916,9 @@ table .column-resize-handle {
   .text-red-500 {
     color: var(--color-red-500);
   }
+  .text-secondary-foreground {
+    color: var(--secondary-foreground);
+  }
   .text-sidebar-foreground {
     color: var(--sidebar-foreground);
   }
@@ -4987,6 +5007,9 @@ table .column-resize-handle {
       var(--tw-ring-shadow),
       var(--tw-shadow);
   }
+  .ring-sidebar-ring {
+    --tw-ring-color: var(--sidebar-ring);
+  }
   .ring-offset-background {
     --tw-ring-offset-color: var(--background);
   }
@@ -5279,7 +5302,7 @@ table .column-resize-handle {
   }
   .group-data-\[variant\=floating\]\:rounded-lg {
     &:is(:where(.group)[data-variant=floating] *) {
-      border-radius: var(--radius-lg);
+      border-radius: var(--radius);
     }
   }
   .group-data-\[variant\=floating\]\:border {
@@ -5288,6 +5311,11 @@ table .column-resize-handle {
       border-width: 1px;
     }
   }
+  .group-data-\[variant\=floating\]\:border-sidebar-border {
+    &:is(:where(.group)[data-variant=floating] *) {
+      border-color: var(--sidebar-border);
+    }
+  }
   .group-data-\[variant\=floating\]\:shadow-sm {
     &:is(:where(.group)[data-variant=floating] *) {
       --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
@@ -5299,6 +5327,13 @@ table .column-resize-handle {
         var(--tw-shadow);
     }
   }
+  .peer-hover\/menu-button\:text-sidebar-accent-foreground {
+    &:is(:where(.peer\/menu-button):hover ~ *) {
+      @media (hover: hover) {
+        color: var(--sidebar-accent-foreground);
+      }
+    }
+  }
   .peer-disabled\:cursor-not-allowed {
     &:is(:where(.peer):disabled ~ *) {
       cursor: not-allowed;
@@ -5309,6 +5344,11 @@ table .column-resize-handle {
       opacity: 50%;
     }
   }
+  .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
+    &:is(:where(.peer\/menu-button)[data-active=true] ~ *) {
+      color: var(--sidebar-accent-foreground);
+    }
+  }
   .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
     &:is(:where(.peer\/menu-button)[data-size=default] ~ *) {
       top: calc(var(--spacing) * 1.5);
@@ -5378,6 +5418,11 @@ table .column-resize-handle {
       color: var(--foreground);
     }
   }
+  .placeholder\:text-muted-foreground {
+    &::placeholder {
+      color: var(--muted-foreground);
+    }
+  }
   .after\:absolute {
     &::after {
       content: var(--tw-content);
@@ -5443,6 +5488,43 @@ table .column-resize-handle {
       }
     }
   }
+  .hover\:bg-accent {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--accent);
+      }
+    }
+  }
+  .hover\:bg-accent\/50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--accent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--accent) 50%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-accent\/80 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--accent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--accent) 80%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-destructive\/90 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--destructive);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-primary\/90 {
     &:hover {
       @media (hover: hover) {
@@ -5453,6 +5535,23 @@ table .column-resize-handle {
       }
     }
   }
+  .hover\:bg-secondary\/80 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--secondary);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-sidebar-accent {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--sidebar-accent);
+      }
+    }
+  }
   .hover\:text-\[\#fff\] {
     &:hover {
       @media (hover: hover) {
@@ -5460,6 +5559,20 @@ table .column-resize-handle {
       }
     }
   }
+  .hover\:text-accent-foreground {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--accent-foreground);
+      }
+    }
+  }
+  .hover\:text-sidebar-accent-foreground {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--sidebar-accent-foreground);
+      }
+    }
+  }
   .hover\:text-white {
     &:hover {
       @media (hover: hover) {
@@ -5503,6 +5616,26 @@ table .column-resize-handle {
       }
     }
   }
+  .hover\:after\:bg-sidebar-border {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--sidebar-border);
+        }
+      }
+    }
+  }
+  .focus\:bg-accent {
+    &:focus {
+      background-color: var(--accent);
+    }
+  }
+  .focus\:text-accent-foreground {
+    &:focus {
+      color: var(--accent-foreground);
+    }
+  }
   .focus\:text-red-600 {
     &:focus {
       color: var(--color-red-600);
@@ -5567,6 +5700,14 @@ table .column-resize-handle {
         var(--tw-shadow);
     }
   }
+  .focus-visible\:ring-destructive\/20 {
+    &:focus-visible {
+      --tw-ring-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+      }
+    }
+  }
   .focus-visible\:ring-ring\/50 {
     &:focus-visible {
       --tw-ring-color: var(--ring);
@@ -5581,6 +5722,16 @@ table .column-resize-handle {
       outline-width: 1px;
     }
   }
+  .active\:bg-sidebar-accent {
+    &:active {
+      background-color: var(--sidebar-accent);
+    }
+  }
+  .active\:text-sidebar-accent-foreground {
+    &:active {
+      color: var(--sidebar-accent-foreground);
+    }
+  }
   .disabled\:pointer-events-none {
     &:disabled {
       pointer-events: none;
@@ -5636,12 +5787,35 @@ table .column-resize-handle {
       opacity: 50%;
     }
   }
+  .aria-invalid\:border-destructive {
+    &[aria-invalid=true] {
+      border-color: var(--destructive);
+    }
+  }
+  .aria-invalid\:ring-destructive\/20 {
+    &[aria-invalid=true] {
+      --tw-ring-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+      }
+    }
+  }
+  .data-\[active\=true\]\:bg-sidebar-accent {
+    &[data-active=true] {
+      background-color: var(--sidebar-accent);
+    }
+  }
   .data-\[active\=true\]\:font-medium {
     &[data-active=true] {
       --tw-font-weight: var(--font-weight-medium);
       font-weight: var(--font-weight-medium);
     }
   }
+  .data-\[active\=true\]\:text-sidebar-accent-foreground {
+    &[data-active=true] {
+      color: var(--sidebar-accent-foreground);
+    }
+  }
   .data-\[disabled\]\:pointer-events-none {
     &[data-disabled] {
       pointer-events: none;
@@ -5687,6 +5861,16 @@ table .column-resize-handle {
       width: 1px;
     }
   }
+  .data-\[selected\=true\]\:bg-accent {
+    &[data-selected=true] {
+      background-color: var(--accent);
+    }
+  }
+  .data-\[selected\=true\]\:text-accent-foreground {
+    &[data-selected=true] {
+      color: var(--accent-foreground);
+    }
+  }
   .data-\[side\=bottom\]\:slide-in-from-top-2 {
     &[data-side=bottom] {
       --tw-enter-translate-y: calc(2*var(--spacing)*-1);
@@ -5762,6 +5946,26 @@ table .column-resize-handle {
       animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
     }
   }
+  .data-\[state\=open\]\:bg-accent {
+    &[data-state=open] {
+      background-color: var(--accent);
+    }
+  }
+  .data-\[state\=open\]\:bg-secondary {
+    &[data-state=open] {
+      background-color: var(--secondary);
+    }
+  }
+  .data-\[state\=open\]\:text-accent-foreground {
+    &[data-state=open] {
+      color: var(--accent-foreground);
+    }
+  }
+  .data-\[state\=open\]\:text-muted-foreground {
+    &[data-state=open] {
+      color: var(--muted-foreground);
+    }
+  }
   .data-\[state\=open\]\:opacity-100 {
     &[data-state=open] {
       opacity: 100%;
@@ -5805,6 +6009,46 @@ table .column-resize-handle {
       --tw-enter-translate-y: -100%;
     }
   }
+  .data-\[state\=open\]\:hover\:bg-sidebar-accent {
+    &[data-state=open] {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--sidebar-accent);
+        }
+      }
+    }
+  }
+  .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground {
+    &[data-state=open] {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--sidebar-accent-foreground);
+        }
+      }
+    }
+  }
+  .data-\[variant\=destructive\]\:text-destructive {
+    &[data-variant=destructive] {
+      color: var(--destructive);
+    }
+  }
+  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10 {
+    &[data-variant=destructive] {
+      &:focus {
+        background-color: var(--destructive);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
+        }
+      }
+    }
+  }
+  .data-\[variant\=destructive\]\:focus\:text-destructive {
+    &[data-variant=destructive] {
+      &:focus {
+        color: var(--destructive);
+      }
+    }
+  }
   .sm\:flex {
     @media (width >= 40rem) {
       display: flex;
@@ -5873,7 +6117,7 @@ table .column-resize-handle {
   .md\:peer-data-\[variant\=inset\]\:rounded-xl {
     @media (width >= 48rem) {
       &:is(:where(.peer)[data-variant=inset] ~ *) {
-        border-radius: var(--radius-xl);
+        border-radius: calc(var(--radius) + 4px);
       }
     }
   }
@@ -5912,11 +6156,88 @@ table .column-resize-handle {
       border-color: #a3a3a8;
     }
   }
+  .dark\:border-input {
+    @media (prefers-color-scheme: dark) {
+      border-color: var(--input);
+    }
+  }
+  .dark\:bg-destructive\/60 {
+    @media (prefers-color-scheme: dark) {
+      background-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
+      }
+    }
+  }
+  .dark\:bg-input\/30 {
+    @media (prefers-color-scheme: dark) {
+      background-color: var(--input);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--input) 30%, transparent);
+      }
+    }
+  }
   .dark\:bg-transparent {
     @media (prefers-color-scheme: dark) {
       background-color: transparent;
     }
   }
+  .dark\:hover\:bg-accent\/50 {
+    @media (prefers-color-scheme: dark) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--accent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--accent) 50%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-input\/50 {
+    @media (prefers-color-scheme: dark) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--input);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--input) 50%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:focus-visible\:ring-destructive\/40 {
+    @media (prefers-color-scheme: dark) {
+      &:focus-visible {
+        --tw-ring-color: var(--destructive);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
+        }
+      }
+    }
+  }
+  .dark\:aria-invalid\:ring-destructive\/40 {
+    @media (prefers-color-scheme: dark) {
+      &[aria-invalid=true] {
+        --tw-ring-color: var(--destructive);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
+        }
+      }
+    }
+  }
+  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
+    @media (prefers-color-scheme: dark) {
+      &[data-variant=destructive] {
+        &:focus {
+          background-color: var(--destructive);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+          }
+        }
+      }
+    }
+  }
   .\[\&_\[cmdk-group-heading\]\]\:px-2 {
     & [cmdk-group-heading] {
       padding-inline: calc(var(--spacing) * 2);
@@ -5939,6 +6260,11 @@ table .column-resize-handle {
       font-weight: var(--font-weight-medium);
     }
   }
+  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground {
+    & [cmdk-group-heading] {
+      color: var(--muted-foreground);
+    }
+  }
   .\[\&_\[cmdk-group\]\]\:px-2 {
     & [cmdk-group] {
       padding-inline: calc(var(--spacing) * 2);
@@ -6000,6 +6326,20 @@ table .column-resize-handle {
       height: calc(var(--spacing) * 4);
     }
   }
+  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
+    & svg:not([class*=text-]) {
+      color: var(--muted-foreground);
+    }
+  }
+  .data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive {
+    &[data-variant=destructive] {
+      :is(& > *) {
+        &:is(svg) {
+          color: var(--destructive) !important;
+        }
+      }
+    }
+  }
   .\[\&\>button\]\:hidden {
     & > button {
       display: none;
@@ -6023,6 +6363,11 @@ table .column-resize-handle {
       flex-shrink: 0;
     }
   }
+  .\[\&\>svg\]\:text-sidebar-accent-foreground {
+    & > svg {
+      color: var(--sidebar-accent-foreground);
+    }
+  }
   .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
     [data-side=left][data-collapsible=offcanvas] & {
       right: calc(var(--spacing) * -2);
@@ -6373,45 +6718,42 @@ table .column-resize-handle {
     transform: rotate(360deg);
   }
 }
+* {
+  border-color: #1e1e1e;
+}
 :root {
-  --easyflow-radius: 0.625rem;
-  --easyflow-background: oklch(0.145 0 0);
-  --easyflow-foreground: oklch(0.985 0 0);
-  --easyflow-card: oklch(0.205 0 0);
-  --easyflow-card-foreground: oklch(0.985 0 0);
-  --easyflow-popover: oklch(0.205 0 0);
-  --easyflow-popover-foreground: oklch(0.985 0 0);
-  --easyflow-primary: oklch(0.922 0 0);
-  --easyflow-primary-foreground: oklch(0.205 0 0);
-  --easyflow-secondary: oklch(0.269 0 0);
-  --easyflow-secondary-foreground: oklch(0.985 0 0);
-  --easyflow-muted: oklch(0.269 0 0);
-  --easyflow-muted-foreground: oklch(0.708 0 0);
-  --easyflow-accent: oklch(0.269 0 0);
-  --easyflow-accent-foreground: oklch(0.985 0 0);
-  --easyflow-destructive: oklch(0.704 0.191 22.216);
-  --easyflow-border: oklch(1 0 0 / 10%);
-  --easyflow-input: oklch(1 0 0 / 15%);
-  --easyflow-ring: oklch(0.556 0 0);
-  --radius: var(--easyflow-radius);
-  --background: var(--easyflow-background);
-  --foreground: var(--easyflow-foreground);
-  --card: var(--easyflow-card);
-  --card-foreground: var(--easyflow-card-foreground);
-  --popover: var(--easyflow-popover);
-  --popover-foreground: var(--easyflow-popover-foreground);
-  --primary: var(--easyflow-primary);
-  --primary-foreground: var(--easyflow-primary-foreground);
-  --secondary: var(--easyflow-secondary);
-  --secondary-foreground: var(--easyflow-secondary-foreground);
-  --muted: var(--easyflow-muted);
-  --muted-foreground: var(--easyflow-muted-foreground);
-  --accent: var(--easyflow-accent);
-  --accent-foreground: var(--easyflow-accent-foreground);
-  --destructive: var(--easyflow-destructive);
-  --border: var(--easyflow-border);
-  --input: var(--easyflow-input);
-  --ring: var(--easyflow-ring);
+  --radius: 0.625rem;
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
 }
 @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }