@mhamz.01/easyflow-texteditor 0.1.15 → 0.1.17

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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/tooltip/tooltip.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-colors.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-group.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/separator/separator.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/toolbar/toolbar.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-node/image-upload-node/image-upload-node.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-node/blockquote-node/blockquote-node.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-node/code-block-node/code-block-node.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-node/list-node/list-node.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-node/image-node/image-node.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-node/heading-node/heading-node.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-colors.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-group.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/card/card.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/popover/popover.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui/color-highlight-button/color-highlight-button.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-ui-primitive/input/input.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/components/tiptap-templates/simple/simple-editor.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/styles/index.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/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-29080-18nQUmhUGKRP/easyflow-texteditor/src/styles/_variables.css */
+/* C:/Users/hamza/AppData/Local/Temp/tmp-28812-neGmB2sIOKAl/easyflow-texteditor/src/styles/_variables.css */
 :root {
   overflow-wrap: break-word;
   text-size-adjust: none;
@@ -3998,6 +3998,10 @@ 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;
@@ -4676,13 +4680,13 @@ table .column-resize-handle {
     border-radius: calc(infinity * 1px);
   }
   .rounded-lg {
-    border-radius: var(--radius);
+    border-radius: var(--radius-lg);
   }
   .rounded-md {
-    border-radius: calc(var(--radius) - 2px);
+    border-radius: var(--radius-md);
   }
   .rounded-sm {
-    border-radius: calc(var(--radius) - 4px);
+    border-radius: var(--radius-sm);
   }
   .rounded-xs {
     border-radius: var(--radius-xs);
@@ -4722,21 +4726,12 @@ 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);
   }
@@ -4749,27 +4744,12 @@ table .column-resize-handle {
   .bg-border {
     background-color: var(--border);
   }
-  .bg-destructive {
-    background-color: var(--destructive);
-  }
   .bg-foreground {
     background-color: var(--foreground);
   }
-  .bg-popover {
-    background-color: var(--popover);
-  }
   .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;
   }
@@ -4901,12 +4881,6 @@ table .column-resize-handle {
   .text-foreground {
     color: var(--foreground);
   }
-  .text-muted-foreground {
-    color: var(--muted-foreground);
-  }
-  .text-popover-foreground {
-    color: var(--popover-foreground);
-  }
   .text-primary {
     color: var(--primary);
   }
@@ -4916,18 +4890,6 @@ 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);
-  }
-  .text-sidebar-foreground\/70 {
-    color: var(--sidebar-foreground);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
-    }
-  }
   .text-white {
     color: var(--color-white);
   }
@@ -5007,9 +4969,6 @@ 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);
   }
@@ -5302,7 +5261,7 @@ table .column-resize-handle {
   }
   .group-data-\[variant\=floating\]\:rounded-lg {
     &:is(:where(.group)[data-variant=floating] *) {
-      border-radius: var(--radius);
+      border-radius: var(--radius-lg);
     }
   }
   .group-data-\[variant\=floating\]\:border {
@@ -5311,11 +5270,6 @@ 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));
@@ -5327,13 +5281,6 @@ 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;
@@ -5344,11 +5291,6 @@ 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);
@@ -5418,11 +5360,6 @@ table .column-resize-handle {
       color: var(--foreground);
     }
   }
-  .placeholder\:text-muted-foreground {
-    &::placeholder {
-      color: var(--muted-foreground);
-    }
-  }
   .after\:absolute {
     &::after {
       content: var(--tw-content);
@@ -5488,43 +5425,6 @@ 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) {
@@ -5535,23 +5435,6 @@ 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) {
@@ -5559,20 +5442,6 @@ 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) {
@@ -5607,35 +5476,6 @@ table .column-resize-handle {
       }
     }
   }
-  .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar {
-    &:hover {
-      @media (hover: hover) {
-        &:is(:where(.group)[data-collapsible=offcanvas] *) {
-          background-color: var(--sidebar);
-        }
-      }
-    }
-  }
-  .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);
@@ -5700,14 +5540,6 @@ 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);
@@ -5722,16 +5554,6 @@ 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;
@@ -5757,11 +5579,6 @@ table .column-resize-handle {
       cursor: e-resize;
     }
   }
-  .has-data-\[variant\=inset\]\:bg-sidebar {
-    &:has(*[data-variant=inset]) {
-      background-color: var(--sidebar);
-    }
-  }
   .has-\[\>svg\]\:px-2\.5 {
     &:has(> svg) {
       padding-inline: calc(var(--spacing) * 2.5);
@@ -5787,35 +5604,12 @@ 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;
@@ -5861,16 +5655,6 @@ 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);
@@ -5946,26 +5730,6 @@ 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%;
@@ -6009,46 +5773,6 @@ 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;
@@ -6117,7 +5841,7 @@ table .column-resize-handle {
   .md\:peer-data-\[variant\=inset\]\:rounded-xl {
     @media (width >= 48rem) {
       &:is(:where(.peer)[data-variant=inset] ~ *) {
-        border-radius: calc(var(--radius) + 4px);
+        border-radius: var(--radius-xl);
       }
     }
   }
@@ -6152,92 +5876,15 @@ table .column-resize-handle {
     }
   }
   .dark\:border-\[\#a3a3a8\] {
-    &:is(.dark *) {
+    @media (prefers-color-scheme: dark) {
       border-color: #a3a3a8;
     }
   }
-  .dark\:border-input {
-    &:is(.dark *) {
-      border-color: var(--input);
-    }
-  }
-  .dark\:bg-destructive\/60 {
-    &:is(.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 {
-    &:is(.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 {
-    &:is(.dark *) {
+    @media (prefers-color-scheme: dark) {
       background-color: transparent;
     }
   }
-  .dark\:hover\:bg-accent\/50 {
-    &:is(.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 {
-    &:is(.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 {
-    &:is(.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 {
-    &:is(.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 {
-    &:is(.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);
@@ -6260,11 +5907,6 @@ 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);
@@ -6326,20 +5968,6 @@ 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;
@@ -6363,11 +5991,6 @@ 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);
@@ -6389,6 +6012,23 @@ table .column-resize-handle {
     }
   }
 }
+@property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }
+@property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }
+@property --tw-animation-duration { syntax: "*"; inherits: false; }
+@property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; }
+@property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }
+@property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; }
+@property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }
+@property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; }
+@property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; }
+@property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
+@property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
+@property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; }
+@property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }
+@property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; }
+@property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; }
+@property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
+@property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
 :root {
   overflow-wrap: break-word;
   text-size-adjust: none;
@@ -6701,137 +6341,45 @@ table .column-resize-handle {
     transform: rotate(360deg);
   }
 }
-@property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }
-@property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }
-@property --tw-animation-duration { syntax: "*"; inherits: false; }
-@property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; }
-@property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }
-@property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }
-@property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; }
-@property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }
-@property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; }
-@property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
 :root {
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-card: var(--card);
-  --color-card-foreground: var(--card-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-  --color-chart-1: var(--chart-1);
-  --color-chart-2: var(--chart-2);
-  --color-chart-3: var(--chart-3);
-  --color-chart-4: var(--chart-4);
-  --color-chart-5: var(--chart-5);
-  --color-sidebar: var(--sidebar);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-ring: var(--sidebar-ring);
-  --radius: 0.625rem;
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.145 0 0);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.205 0 0);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.97 0 0);
-  --secondary-foreground: oklch(0.205 0 0);
-  --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.556 0 0);
-  --accent: oklch(0.97 0 0);
-  --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.577 0.245 27.325);
-  --border: oklch(0.922 0 0);
-  --input: oklch(0.922 0 0);
-  --ring: oklch(0.708 0 0);
-  --chart-1: oklch(0.646 0.222 41.116);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.828 0.189 84.429);
-  --chart-5: oklch(0.769 0.188 70.08);
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.145 0 0);
-  --sidebar-primary: oklch(0.205 0 0);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.97 0 0);
-  --sidebar-accent-foreground: oklch(0.205 0 0);
-  --sidebar-border: oklch(0.922 0 0);
-  --sidebar-ring: oklch(0.708 0 0);
-}
-.dark {
-  --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);
-}
-@layer base {
-  * {
-    border-color: var(--border);
-    outline-color: var(--ring);
-    @supports (color: color-mix(in lab, red, red)) {
-      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
-    }
-  }
-  body {
-    background-color: var(--background);
-    color: var(--foreground);
-  }
+  --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);
 }
 @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }