@noya-app/noya-file-explorer 0.0.14 → 0.0.16

package/.eslintrc.js

@@ -1,11 +1,7 @@
 /** @type {import("eslint").Linter.Config} */
 module.exports = {
   root: true,
-  extends: ["@repo/eslint-config/next.js"],
+  extends: ["@repo/eslint-config/library.js"],
   parser: "@typescript-eslint/parser",
-  rules: {
-    "no-unused-vars": "off",
-    "no-redeclare": "off",
-  },
   ignorePatterns: ["dist/"],
 };

package/.turbo/turbo-build.log

@@ -8,17 +8,17 @@
 CLI Target: esnext
 CJS Build start
 ESM Build start
-CJS dist/index.css     46.68 KB
-CJS dist/index.js      78.38 KB
-CJS dist/index.css.map 72.16 KB
-CJS dist/index.js.map  132.91 KB
-CJS ⚡️ Build success in 90ms
-ESM dist/index.css     46.68 KB
-ESM dist/index.mjs     75.47 KB
-ESM dist/index.css.map 72.16 KB
-ESM dist/index.mjs.map 131.86 KB
-ESM ⚡️ Build success in 91ms
+ESM dist/index.mjs     79.23 KB
+ESM dist/index.css     50.45 KB
+ESM dist/index.css.map 78.12 KB
+ESM dist/index.mjs.map 139.86 KB
+ESM ⚡️ Build success in 122ms
+CJS dist/index.css     50.45 KB
+CJS dist/index.js      82.28 KB
+CJS dist/index.js.map  140.92 KB
+CJS dist/index.css.map 78.12 KB
+CJS ⚡️ Build success in 123ms
 DTS Build start
-DTS ⚡️ Build success in 7568ms
-DTS dist/index.d.ts  1.65 MB
-DTS dist/index.d.mts 1.65 MB
+DTS ⚡️ Build success in 8064ms
+DTS dist/index.d.ts  2.12 MB
+DTS dist/index.d.mts 2.12 MB

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @noya-app/noya-file-explorer
 
+## 0.0.16
+
+### Patch Changes
+
+- 6c17ae1: Updates
+- Updated dependencies [6c17ae1]
+  - @noya-app/noya-multiplayer-react@0.1.63
+  - @noya-app/noya-designsystem@0.1.64
+  - @noya-app/react-utils@0.1.24
+  - @noya-app/noya-schemas@0.1.6
+  - @noya-app/noya-keymap@0.1.4
+  - @noya-app/noya-icons@0.1.12
+  - @noya-app/noya-utils@0.1.6
+
+## 0.0.15
+
+### Patch Changes
+
+- 9a1770a: Update packages
+- Updated dependencies [9a1770a]
+  - @noya-app/noya-designsystem@0.1.63
+  - @noya-app/react-utils@0.1.23
+  - @noya-app/noya-icons@0.1.11
+  - @noya-app/noya-multiplayer-react@0.1.62
+
 ## 0.0.14
 
 ### Patch Changes

package/dist/index.css

@@ -12,6 +12,7 @@
   --n-primary-150:#e1dbff;
   --n-primary-100:#eae6ff;
   --n-primary-50:#f3f2ff;
+  --n-primary-25:#faf8ff;
   --n-indigo-950:#121a25;
   --n-indigo-900:#1e283c;
   --n-indigo-800:#263053;
@@ -57,6 +58,9 @@
   --n-button-background-active-hover:var(--n-primary-50);
   --n-button-text:var(--n-text);
   --n-button-text-active:var(--n-primary);
+  --n-toolbar-drawer-background:var(--n-primary-25);
+  --n-toolbar-drawer-border:color-mix(in srgb,var(--n-primary) 30%,transparent);
+  --n-toolbar-drawer-shadow:hsla(0,0%,60%,.25);
   --n-canvas-background:var(--n-indigo-25);
   --n-canvas-grid:rgba(0,0,0,.05);
   --n-sidebar-background:#fff;
@@ -68,6 +72,7 @@
   --n-list-view-thumbnail-background:var(--n-input-background);
   --n-slider-thumb-background:#fff;
   --n-slider-border:#9698ac;
+  --n-slider-active-background:var(--n-primary-600);
   --n-mask:#0cc143;
   --n-transparent-checker:hsla(0,0%,100%,.8);
   --n-scrollbar:hsla(0,0%,78%,.8);
@@ -147,17 +152,20 @@
   --n-primary:var(--n-primary-500);
   --n-primary-light:var(--n-primary-300);
   --n-icon:var(--n-text-muted);
-  --n-selected-list-item-background:var(--n-primary-900);
+  --n-selected-list-item-background:var(--n-primary-700);
   --n-selected-list-item-text:var(--n-primary-100);
-  --n-selected-list-item-icon-background:var(--n-primary-900);
+  --n-selected-list-item-icon-background:var(--n-primary-800);
   --n-button-background:var(--n-input-background);
   --n-button-background-hover:var(--n-input-background-light);
-  --n-button-background-active:var(--n-primary-900);
-  --n-button-background-active-hover:var(--n-primary-800);
+  --n-button-background-active:var(--n-primary-700);
+  --n-button-background-active-hover:var(--n-primary-600);
   --n-button-text:var(--n-text);
   --n-button-text-active:var(--n-primary-100);
   --n-secondary-bright:#36fe91;
   --n-code-background:#141317;
+  --n-toolbar-drawer-background:color-mix(in srgb,var(--n-primary-900) 50%,var(--n-background));
+  --n-toolbar-drawer-border:color-mix(in srgb,var(--n-primary-700) 30%,transparent);
+  --n-toolbar-drawer-shadow:hsla(0,0%,100%,.1);
   --n-canvas-background:#141317;
   --n-canvas-grid:rgba(0,0,0,.1);
   --n-sidebar-background:#222127;
@@ -169,6 +177,7 @@
   --n-list-view-thumbnail-background:var(--n-input-background);
   --n-slider-thumb-background:var(--n-input-background-light);
   --n-slider-border:var(--n-divider);
+  --n-slider-active-background:var(--n-primary-700);
   --n-segmented-control-item-active-text:var(--n-text);
   --n-segmented-control-item-active-background:var(--n-input-background-light);
   --n-mask:#66bb6a;
@@ -337,6 +346,9 @@
 .noya-styles .pointer-events-none {
   pointer-events: none;
 }
+.noya-styles .pointer-events-auto {
+  pointer-events: auto;
+}
 .noya-styles .visible {
   visibility: visible;
 }
@@ -371,6 +383,9 @@
 .noya-styles .bottom-0 {
   bottom: 0;
 }
+.noya-styles .bottom-full {
+  bottom: 100%;
+}
 .noya-styles .left-0 {
   left: 0;
 }
@@ -425,6 +440,9 @@
 .noya-styles .top-\[7px\] {
   top: 7px;
 }
+.noya-styles .-z-10 {
+  z-index: -10;
+}
 .noya-styles .z-20 {
   z-index: 20;
 }
@@ -474,10 +492,18 @@
   margin-left: .75rem;
   margin-right: .75rem;
 }
+.noya-styles .mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
 .noya-styles .my-1 {
   margin-top: .25rem;
   margin-bottom: .25rem;
 }
+.noya-styles .my-8 {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
 .noya-styles .-mb-\[6px\] {
   margin-bottom: -6px;
 }
@@ -586,6 +612,9 @@
 .noya-styles .h-\[25px\] {
   height: 25px;
 }
+.noya-styles .h-\[30px\] {
+  height: 30px;
+}
 .noya-styles .h-\[3px\] {
   height: 3px;
 }
@@ -604,9 +633,15 @@
 .noya-styles .h-px {
   height: 1px;
 }
+.noya-styles .max-h-\[500px\] {
+  max-height: 500px;
+}
 .noya-styles .max-h-\[600px\] {
   max-height: 600px;
 }
+.noya-styles .max-h-\[720px\] {
+  max-height: 720px;
+}
 .noya-styles .max-h-\[85vh\] {
   max-height: 85vh;
 }
@@ -625,6 +660,9 @@
 .noya-styles .min-h-6 {
   min-height: 1.5rem;
 }
+.noya-styles .min-h-\[15px\] {
+  min-height: 15px;
+}
 .noya-styles .min-h-\[19px\] {
   min-height: 19px;
 }
@@ -640,6 +678,9 @@
 .noya-styles .w-0 {
   width: 0;
 }
+.noya-styles .w-10 {
+  width: 2.5rem;
+}
 .noya-styles .w-12 {
   width: 3rem;
 }
@@ -676,6 +717,15 @@
 .noya-styles .w-\[25px\] {
   width: 25px;
 }
+.noya-styles .w-\[27px\] {
+  width: 27px;
+}
+.noya-styles .w-\[30px\] {
+  width: 30px;
+}
+.noya-styles .w-\[47px\] {
+  width: 47px;
+}
 .noya-styles .w-\[50px\] {
   width: 50px;
 }
@@ -697,15 +747,18 @@
 .noya-styles .min-w-0 {
   min-width: 0;
 }
-.noya-styles .min-w-6 {
-  min-width: 1.5rem;
-}
 .noya-styles .min-w-\[200px\] {
   min-width: 200px;
 }
+.noya-styles .min-w-\[27px\] {
+  min-width: 27px;
+}
 .noya-styles .min-w-\[31px\] {
   min-width: 31px;
 }
+.noya-styles .min-w-input-height {
+  min-width: var(--n-input-height);
+}
 .noya-styles .min-w-px {
   min-width: 1px;
 }
@@ -718,6 +771,10 @@
 .noya-styles .max-w-\[70\%\] {
   max-width: 70%;
 }
+.noya-styles .max-w-fit {
+  max-width: -moz-fit-content;
+  max-width: fit-content;
+}
 .noya-styles .max-w-full {
   max-width: 100%;
 }
@@ -852,9 +909,6 @@
 .noya-styles .resize-none {
   resize: none;
 }
-.noya-styles .resize {
-  resize: both;
-}
 .noya-styles .list-none {
   list-style-type: none;
 }
@@ -946,6 +1000,9 @@
 .noya-styles .overflow-y-auto {
   overflow-y: auto;
 }
+.noya-styles .overflow-x-hidden {
+  overflow-x: hidden;
+}
 .noya-styles .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -966,9 +1023,6 @@
 .noya-styles .rounded-\[2px\] {
   border-radius: 2px;
 }
-.noya-styles .rounded-\[3px\] {
-  border-radius: 3px;
-}
 .noya-styles .rounded-\[50\%\] {
   border-radius: 50%;
 }
@@ -995,6 +1049,10 @@
   border-top-right-radius: .25rem;
   border-bottom-right-radius: .25rem;
 }
+.noya-styles .rounded-t-lg {
+  border-top-left-radius: .5rem;
+  border-top-right-radius: .5rem;
+}
 .noya-styles .border {
   border-width: 1px;
 }
@@ -1042,6 +1100,13 @@
   --tw-border-opacity:1;
   border-color: rgb(229 231 235/var(--tw-border-opacity,1));
 }
+.noya-styles .border-indigo-100 {
+  --tw-border-opacity:1;
+  border-color: rgb(224 231 255/var(--tw-border-opacity,1));
+}
+.noya-styles .border-input-background {
+  border-color: var(--n-input-background);
+}
 .noya-styles .border-primary {
   border-color: var(--n-primary);
 }
@@ -1051,6 +1116,9 @@
 .noya-styles .border-slider-border {
   border-color: var(--n-slider-border);
 }
+.noya-styles .border-toolbar-drawer-border {
+  border-color: var(--n-toolbar-drawer-border);
+}
 .noya-styles .border-transparent {
   border-color: transparent;
 }
@@ -1058,9 +1126,8 @@
   border-top-color: transparent;
   border-bottom-color: transparent;
 }
-.noya-styles .bg-\[\#0ab557\] {
-  --tw-bg-opacity:1;
-  background-color: rgb(10 181 87/var(--tw-bg-opacity,1));
+.noya-styles .border-b-transparent {
+  border-bottom-color: transparent;
 }
 .noya-styles .bg-\[rgb\(255\,219\,219\)\] {
   --tw-bg-opacity:1;
@@ -1111,6 +1178,10 @@
 .noya-styles .bg-floating-button {
   background-color: var(--n-floating-button);
 }
+.noya-styles .bg-indigo-50 {
+  --tw-bg-opacity:1;
+  background-color: rgb(238 242 255/var(--tw-bg-opacity,1));
+}
 .noya-styles .bg-input-background {
   background-color: var(--n-input-background);
 }
@@ -1150,12 +1221,18 @@
 .noya-styles .bg-sidebar-background {
   background-color: var(--n-sidebar-background);
 }
+.noya-styles .bg-slider-active-background {
+  background-color: var(--n-slider-active-background);
+}
 .noya-styles .bg-slider-thumb-background {
   background-color: var(--n-slider-thumb-background);
 }
 .noya-styles .bg-text {
   background-color: var(--n-text);
 }
+.noya-styles .bg-toolbar-drawer-background {
+  background-color: var(--n-toolbar-drawer-background);
+}
 .noya-styles .bg-transparent {
   background-color: transparent;
 }
@@ -1217,6 +1294,9 @@
 .noya-styles .p-3 {
   padding: .75rem;
 }
+.noya-styles .p-4 {
+  padding: 1rem;
+}
 .noya-styles .p-5 {
   padding: 1.25rem;
 }
@@ -1285,10 +1365,6 @@
   padding-left: 6px;
   padding-right: 6px;
 }
-.noya-styles .px-medium {
-  padding-left: 16px;
-  padding-right: 16px;
-}
 .noya-styles .py-0 {
   padding-top: 0;
   padding-bottom: 0;
@@ -1317,6 +1393,10 @@
   padding-top: .75rem;
   padding-bottom: .75rem;
 }
+.noya-styles .py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
 .noya-styles .py-\[1px\] {
   padding-top: 1px;
   padding-bottom: 1px;
@@ -1325,10 +1405,6 @@
   padding-top: 2px;
   padding-bottom: 2px;
 }
-.noya-styles .py-small {
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
 .noya-styles .\!pr-9 {
   padding-right: 2.25rem !important;
 }
@@ -1344,9 +1420,6 @@
 .noya-styles .pr-1\.5 {
   padding-right: .375rem;
 }
-.noya-styles .pr-2\.5 {
-  padding-right: .625rem;
-}
 .noya-styles .pr-4 {
   padding-right: 1rem;
 }
@@ -1359,6 +1432,9 @@
 .noya-styles .text-center {
   text-align: center;
 }
+.noya-styles .text-right {
+  text-align: right;
+}
 .noya-styles .align-middle {
   vertical-align: middle;
 }
@@ -1510,6 +1586,13 @@
 .noya-styles .text-button-text-active {
   color: var(--n-button-text-active);
 }
+.noya-styles .text-cm-error {
+  color: var(--n-cm-error);
+}
+.noya-styles .text-indigo-900 {
+  --tw-text-opacity:1;
+  color: rgb(49 46 129/var(--tw-text-opacity,1));
+}
 .noya-styles .text-inherit {
   color: inherit;
 }
@@ -1638,11 +1721,18 @@
 .noya-styles .shadow-sm {
   --tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);
   --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
+}
+.noya-styles .shadow-sm,
+.noya-styles .shadow-tooltip {
   box-shadow:
     var(--tw-ring-offset-shadow,0 0 #0000),
     var(--tw-ring-shadow,0 0 #0000),
     var(--tw-shadow);
 }
+.noya-styles .shadow-tooltip {
+  --tw-shadow:0 1px 2px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.1);
+  --tw-shadow-colored:0 1px 2px var(--tw-shadow-color),0 2px 4px var(--tw-shadow-color);
+}
 .noya-styles .outline-none {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -1659,14 +1749,24 @@
 .noya-styles .outline-background {
   outline-color: var(--n-background);
 }
-.noya-styles .ring-2 {
+.noya-styles .outline-primary {
+  outline-color: var(--n-primary);
+}
+.noya-styles .ring {
   --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);
+  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+}
+.noya-styles .ring,
+.noya-styles .ring-2 {
   box-shadow:
     var(--tw-ring-offset-shadow),
     var(--tw-ring-shadow),
     var(--tw-shadow,0 0 #0000);
 }
+.noya-styles .ring-2 {
+  --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);
+}
 .noya-styles .ring-inset {
   --tw-ring-inset:inset;
 }
@@ -1841,6 +1941,9 @@
     var(--tw-ring-shadow,0 0 #0000),
     var(--tw-shadow);
 }
+.hover\:outline-2:hover {
+  outline-width: 2px;
+}
 .focus\:z-interactable:focus {
   z-index: var(--n-interactable-z-index);
 }
@@ -1862,6 +1965,12 @@
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.focus\:outline:focus {
+  outline-style: solid;
+}
+.focus\:outline-1:focus {
+  outline-width: 1px;
+}
 .focus\:outline-2:focus {
   outline-width: 2px;
 }
@@ -1889,6 +1998,17 @@
 .focus\:ring-offset-\[1px\]:focus {
   --tw-ring-offset-width:1px;
 }
+.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);
+  box-shadow:
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow,0 0 #0000);
+}
+.focus-visible\:ring-primary:focus-visible {
+  --tw-ring-color:var(--n-primary);
+}
 .active\:bg-active-background:active {
   background-color: var(--n-active-background);
 }
@@ -1904,6 +2024,9 @@
 .active\:bg-selected-list-item-background:active {
   background-color: var(--n-selected-list-item-background);
 }
+.active\:text-button-text-active:active {
+  color: var(--n-button-text-active);
+}
 .active\:opacity-70:active {
   opacity: .7;
 }
@@ -1919,7 +2042,7 @@
 .group:hover .group-hover\:flex {
   display: flex;
 }
-.group:focus .group-focus\:ring-2 {
+.group:focus-visible .group-focus-visible\:ring-2 {
   --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);
   box-shadow:
@@ -1927,10 +2050,10 @@
     var(--tw-ring-shadow),
     var(--tw-shadow,0 0 #0000);
 }
-.group:focus .group-focus\:ring-primary-pastel {
+.group:focus-visible .group-focus-visible\:ring-primary-pastel {
   --tw-ring-color:var(--n-primary-pastel);
 }
-.group:focus .group-focus\:ring-offset-2 {
+.group:focus-visible .group-focus-visible\:ring-offset-2 {
   --tw-ring-offset-width:2px;
 }
 .peer:checked ~ .peer-checked\:opacity-100 {
@@ -1942,6 +2065,9 @@
 .aria-checked\:border-r-transparent[aria-checked=true] {
   border-right-color: transparent;
 }
+.aria-checked\:bg-button-background-active[aria-checked=true] {
+  background-color: var(--n-button-background-active);
+}
 .aria-checked\:bg-primary[aria-checked=true] {
   background-color: var(--n-primary);
 }
@@ -1951,6 +2077,9 @@
 .aria-checked\:bg-segmented-control-item-active-background[aria-checked=true] {
   background-color: var(--n-segmented-control-item-active-background);
 }
+.aria-checked\:text-button-text-active[aria-checked=true] {
+  color: var(--n-button-text-active);
+}
 .aria-checked\:text-primary[aria-checked=true] {
   color: var(--n-primary);
 }
@@ -1988,13 +2117,16 @@
   }
 }
 @media (min-width:640px) {
-  .sm\:max-w-sm {
-    max-width: 24rem;
+  .sm\:\!max-w-sm {
+    max-width: 24rem !important;
   }
 }
 .\[\&\:has\(\+\[aria-checked\=true\]\)\]\:border-r-transparent:has(+ [aria-checked=true]) {
   border-right-color: transparent;
 }
+.\[\&\:not\(\:has\(\[data-editor-selectable-block\]\:hover\)\)\]\:hover\:outline:hover:not(:has([data-editor-selectable-block]:hover)) {
+  outline-style: solid;
+}
 .\[\&\>\*\]\:pointer-events-none > * {
   pointer-events: none;
 }