@nubase/frontend 0.1.34 → 0.1.37

package/dist/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -601,6 +601,12 @@
   .h-\[200px\] {
     height: 200px;
   }
+  .h-\[400px\] {
+    height: 400px;
+  }
+  .h-\[500px\] {
+    height: 500px;
+  }
   .h-\[calc\(100\%-1px\)\] {
     height: calc(100% - 1px);
   }
@@ -751,6 +757,12 @@
   .w-\[600px\] {
     width: 600px;
   }
+  .w-\[640px\] {
+    width: 640px;
+  }
+  .w-\[720px\] {
+    width: 720px;
+  }
   .w-auto {
     width: auto;
   }
@@ -763,6 +775,9 @@
   .w-lg {
     width: var(--container-lg);
   }
+  .w-px {
+    width: 1px;
+  }
   .w-screen {
     width: 100vw;
   }
@@ -796,6 +811,15 @@
   .min-w-5 {
     min-width: calc(var(--spacing) * 5);
   }
+  .min-w-8 {
+    min-width: calc(var(--spacing) * 8);
+  }
+  .min-w-9 {
+    min-width: calc(var(--spacing) * 9);
+  }
+  .min-w-10 {
+    min-width: calc(var(--spacing) * 10);
+  }
   .min-w-80 {
     min-width: calc(var(--spacing) * 80);
   }
@@ -805,9 +829,6 @@
   .flex-1 {
     flex: 1;
   }
-  .flex-shrink-0 {
-    flex-shrink: 0;
-  }
   .shrink-0 {
     flex-shrink: 0;
   }
@@ -870,6 +891,9 @@
   .cursor-text {
     cursor: text;
   }
+  .touch-none {
+    touch-action: none;
+  }
   .resize {
     resize: both;
   }
@@ -1145,6 +1169,12 @@
       border-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
     }
   }
+  .border-destructive\/30 {
+    border-color: var(--color-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-destructive) 30%, transparent);
+    }
+  }
   .border-gray-200 {
     border-color: var(--color-gray-200);
   }
@@ -1445,9 +1475,6 @@
   .pt-1 {
     padding-top: calc(var(--spacing) * 1);
   }
-  .pt-2 {
-    padding-top: calc(var(--spacing) * 2);
-  }
   .pt-3 {
     padding-top: calc(var(--spacing) * 3);
   }
@@ -1734,6 +1761,10 @@
     --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));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\[-12px_0_32px_-8px_rgba\(0\,0\,0\,0\.18\)\] {
+    --tw-shadow: -12px 0 32px -8px var(--tw-shadow-color, rgba(0,0,0,0.18));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-lg {
     --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1790,6 +1821,10 @@
       outline-offset: 2px;
     }
   }
+  .outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
   .outline-0 {
     outline-style: var(--tw-outline-style);
     outline-width: 0px;
@@ -1867,6 +1902,13 @@
   .slide-in-from-right-full {
     --tw-enter-translate-x: calc(1*100%);
   }
+  .group-hover\:bg-ring {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        background-color: var(--color-ring);
+      }
+    }
+  }
   .selection\:bg-primary {
     & *::selection {
       background-color: var(--color-primary);
@@ -1944,16 +1986,47 @@
       content: var(--tw-content);
     }
   }
+  .first\:rounded-l-md {
+    &:first-child {
+      border-top-left-radius: var(--radius-md);
+      border-bottom-left-radius: var(--radius-md);
+    }
+  }
   .first\:fill-muted {
     &:first-child {
       fill: var(--color-muted);
     }
   }
+  .last\:rounded-r-md {
+    &:last-child {
+      border-top-right-radius: var(--radius-md);
+      border-bottom-right-radius: var(--radius-md);
+    }
+  }
   .last\:fill-background {
     &:last-child {
       fill: var(--color-background);
     }
   }
+  .focus-within\:border-ring {
+    &:focus-within {
+      border-color: var(--color-ring);
+    }
+  }
+  .focus-within\:ring-\[3px\] {
+    &:focus-within {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .focus-within\:ring-ring\/50 {
+    &:focus-within {
+      --tw-ring-color: var(--color-ring);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
+      }
+    }
+  }
   .hover\:border-primary {
     &:hover {
       @media (hover: hover) {
@@ -2125,6 +2198,11 @@
       }
     }
   }
+  .focus\:z-10 {
+    &:focus {
+      z-index: 10;
+    }
+  }
   .focus\:border-primary {
     &:focus {
       border-color: var(--color-primary);
@@ -2187,6 +2265,11 @@
       outline-style: none;
     }
   }
+  .focus-visible\:z-10 {
+    &:focus-visible {
+      z-index: 10;
+    }
+  }
   .focus-visible\:border-ring {
     &:focus-visible {
       border-color: var(--color-ring);
@@ -2223,6 +2306,11 @@
       }
     }
   }
+  .focus-visible\:ring-ring {
+    &:focus-visible {
+      --tw-ring-color: var(--color-ring);
+    }
+  }
   .focus-visible\:ring-ring\/50 {
     &:focus-visible {
       --tw-ring-color: var(--color-ring);
@@ -2268,6 +2356,11 @@
       opacity: 50%;
     }
   }
+  .has-\[\>svg\]\:px-2\.5 {
+    &:has(>svg) {
+      padding-inline: calc(var(--spacing) * 2.5);
+    }
+  }
   .has-\[\>svg\]\:px-3 {
     &:has(>svg) {
       padding-inline: calc(var(--spacing) * 3);
@@ -2286,19 +2379,6 @@
       }
     }
   }
-  .data-\[closed\]\:scale-95 {
-    &[data-closed] {
-      --tw-scale-x: 95%;
-      --tw-scale-y: 95%;
-      --tw-scale-z: 95%;
-      scale: var(--tw-scale-x) var(--tw-scale-y);
-    }
-  }
-  .data-\[closed\]\:opacity-0 {
-    &[data-closed] {
-      opacity: 0%;
-    }
-  }
   .data-\[disabled\]\:pointer-events-none {
     &[data-disabled] {
       pointer-events: none;
@@ -2393,6 +2473,26 @@
       --tw-exit-scale: .95;
     }
   }
+  .data-\[state\=closed\]\:fade-out {
+    &[data-state="closed"] {
+      --tw-exit-opacity: 0;
+    }
+  }
+  .data-\[state\=closed\]\:slide-out-to-right {
+    &[data-state="closed"] {
+      --tw-exit-translate-x: 100%;
+    }
+  }
+  .data-\[state\=on\]\:bg-accent {
+    &[data-state="on"] {
+      background-color: var(--color-accent);
+    }
+  }
+  .data-\[state\=on\]\:text-accent-foreground {
+    &[data-state="on"] {
+      color: var(--color-accent-foreground);
+    }
+  }
   .data-\[state\=open\]\:animate-in {
     &[data-state="open"] {
       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);
@@ -2420,6 +2520,16 @@
       --tw-enter-scale: .95;
     }
   }
+  .data-\[state\=open\]\:fade-in {
+    &[data-state="open"] {
+      --tw-enter-opacity: 0;
+    }
+  }
+  .data-\[state\=open\]\:slide-in-from-right {
+    &[data-state="open"] {
+      --tw-enter-translate-x: 100%;
+    }
+  }
   .data-\[state\=selected\]\:bg-muted {
     &[data-state="selected"] {
       background-color: var(--color-muted);
@@ -2453,21 +2563,71 @@
       }
     }
   }
+  .data-\[variant\=outline\]\:border-l-0 {
+    &[data-variant="outline"] {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 0px;
+    }
+  }
+  .data-\[variant\=outline\]\:shadow-xs {
+    &[data-variant="outline"] {
+      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .data-\[variant\=outline\]\:first\:border-l {
+    &[data-variant="outline"] {
+      &:first-child {
+        border-left-style: var(--tw-border-style);
+        border-left-width: 1px;
+      }
+    }
+  }
   .sm\:block {
     @media (width >= 40rem) {
       display: block;
     }
   }
+  .sm\:w-\[var\(--schema-form-label-width\,8rem\)\] {
+    @media (width >= 40rem) {
+      width: var(--schema-form-label-width,8rem);
+    }
+  }
+  .sm\:shrink-0 {
+    @media (width >= 40rem) {
+      flex-shrink: 0;
+    }
+  }
+  .sm\:flex-row {
+    @media (width >= 40rem) {
+      flex-direction: row;
+    }
+  }
+  .sm\:items-start {
+    @media (width >= 40rem) {
+      align-items: flex-start;
+    }
+  }
   .sm\:gap-2\.5 {
     @media (width >= 40rem) {
       gap: calc(var(--spacing) * 2.5);
     }
   }
+  .sm\:gap-4 {
+    @media (width >= 40rem) {
+      gap: calc(var(--spacing) * 4);
+    }
+  }
   .sm\:px-6 {
     @media (width >= 40rem) {
       padding-inline: calc(var(--spacing) * 6);
     }
   }
+  .sm\:pt-2 {
+    @media (width >= 40rem) {
+      padding-top: calc(var(--spacing) * 2);
+    }
+  }
   .sm\:pt-6 {
     @media (width >= 40rem) {
       padding-top: calc(var(--spacing) * 6);
@@ -2754,6 +2914,38 @@
       justify-content: center;
     }
   }
+  .\[\&\>\*\]\:rounded-none {
+    &>* {
+      border-radius: 0;
+    }
+  }
+  .\[\&\>\*\:first-child\]\:rounded-l-md {
+    &>*:first-child {
+      border-top-left-radius: var(--radius-md);
+      border-bottom-left-radius: var(--radius-md);
+    }
+  }
+  .\[\&\>\*\:focus-visible\]\:z-10 {
+    &>*:focus-visible {
+      z-index: 10;
+    }
+  }
+  .\[\&\>\*\:hover\]\:z-10 {
+    &>*:hover {
+      z-index: 10;
+    }
+  }
+  .\[\&\>\*\:last-child\]\:rounded-r-md {
+    &>*:last-child {
+      border-top-right-radius: var(--radius-md);
+      border-bottom-right-radius: var(--radius-md);
+    }
+  }
+  .\[\&\>\*\:not\(\:first-child\)\]\:-ml-px {
+    &>*:not(:first-child) {
+      margin-left: -1px;
+    }
+  }
   .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] {
     &>[role=checkbox] {
       --tw-translate-y: 2px;
@@ -3240,6 +3432,24 @@
     background: transparent;
   }
 }
+.monaco-editor .suggest-widget, .monaco-editor-hover {
+  border-radius: var(--radius-md);
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  font-family: inherit;
+}
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row {
+  font-family: inherit;
+  padding: 2px 6px;
+}
+.nql-editor-shell .monaco-editor, .nql-editor-shell .monaco-editor .inputarea {
+  font-family: inherit;
+}
+.nql-editor-shell .monaco-editor, .nql-editor-shell .monaco-editor .overflow-guard {
+  background: transparent;
+  border: 0;
+  outline: none;
+  box-shadow: none;
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;
@@ -3500,21 +3710,6 @@
   initial-value: "";
   inherits: false;
 }
-@property --tw-scale-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-scale-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-scale-z {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -3601,9 +3796,6 @@
       --tw-duration: initial;
       --tw-ease: initial;
       --tw-content: "";
-      --tw-scale-x: 1;
-      --tw-scale-y: 1;
-      --tw-scale-z: 1;
       --tw-animation-delay: 0s;
       --tw-animation-direction: normal;
       --tw-animation-duration: initial;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nubase/frontend",
-  "version": "0.1.34",
+  "version": "0.1.37",
   "description": "React components and utilities for nubase",
   "keywords": [
     "react",
@@ -38,42 +38,40 @@
     "lint": "biome check .",
     "lint:fix": "biome check . --write --unsafe",
     "prepublishOnly": "npm run build",
-    "publish:latest": "npm publish --access public",
-    "publish:dev": "npm publish --access public --tag dev",
     "watch:ts": "tsup --watch",
     "watch:css": "tailwindcss -i ./src/styles.css -o ./dist/styles.css --watch",
     "storybook": "storybook dev -p 6006",
     "dev": "concurrently \"npm:watch:ts\" \"npm:watch:css\" \"npm:storybook\""
   },
   "peerDependencies": {
-    "react": "^19.2.4"
+    "react": "^19.2.5"
   },
   "devDependencies": {
     "@faker-js/faker": "^10.3.0",
-    "@storybook/addon-docs": "^10.2.17",
-    "@storybook/addon-onboarding": "^10.2.17",
-    "@storybook/addon-themes": "^10.2.17",
-    "@storybook/react-vite": "^10.2.17",
-    "@tailwindcss/cli": "^4.2.1",
-    "@tailwindcss/postcss": "^4.2.1",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-onboarding": "^10.3.5",
+    "@storybook/addon-themes": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
+    "@tailwindcss/cli": "^4.2.4",
+    "@tailwindcss/postcss": "^4.2.4",
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^19.2.14",
     "@types/react-grid-layout": "^1.3.6",
     "@types/typo-js": "^1.2.2",
-    "@vitejs/plugin-react": "^5.1.4",
+    "@vitejs/plugin-react": "^6.0.1",
     "autoprefixer": "^10.4.27",
     "concurrently": "^9.2.1",
     "postcss": "^8.5.8",
-    "storybook": "^10.2.17",
-    "tailwindcss": "^4.2.1",
+    "storybook": "^10.3.5",
+    "tailwindcss": "^4.2.4",
     "tsup": "^8.5.1",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1",
-    "vitest": "^4.0.18"
+    "vite": "^8.0.10",
+    "vitest": "^4.1.5"
   },
   "dependencies": {
-    "@biomejs/biome": "^2.4.6",
+    "@biomejs/biome": "^2.4.13",
     "@headlessui/react": "^2.2.9",
     "@monaco-editor/loader": "^1.7.0",
     "@nubase/core": "*",
@@ -85,29 +83,31 @@
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "@tailwindcss/cli": "^4.2.1",
-    "@tailwindcss/postcss": "^4.2.1",
-    "@tanstack/react-form": "^1.28.4",
-    "@tanstack/react-query": "^5.90.21",
-    "@tanstack/react-router": "^1.166.6",
-    "@tanstack/react-router-devtools": "^1.166.6",
+    "@tailwindcss/cli": "^4.2.4",
+    "@tailwindcss/postcss": "^4.2.4",
+    "@tanstack/react-form": "^1.29.1",
+    "@tanstack/react-query": "^5.100.1",
+    "@tanstack/react-router": "^1.168.24",
+    "@tanstack/react-router-devtools": "^1.166.13",
     "@tanstack/react-table": "^8.21.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "downshift": "^9.3.2",
     "lodash-es": "^4.17.22",
     "lucide-react": "^0.577.0",
-    "monaco-editor": "^0.55.1",
+    "monaco-editor": "^0.52.2",
     "monaco-spellchecker": "^0.6.0",
     "postcss": "^8.5.8",
-    "react-dom": "^19.2.4",
+    "react-dom": "^19.2.5",
     "react-grid-layout": "^2.2.2",
     "react-hotkeys-hook": "^5.2.4",
     "react-monaco-editor": "^0.59.0",
     "recharts": "^3.8.0",
     "tailwind-merge": "^3.5.0",
-    "tailwindcss": "^4.2.1",
+    "tailwindcss": "^4.2.4",
     "typo-js": "^1.3.1",
     "zod": "^4.3.6"
   }