@powerhousedao/common 1.10.7-dev.0 → 1.10.8-dev.1

package/dist/editors/generic-drive-explorer/components/file-content-view.d.ts

@@ -1,10 +1,10 @@
-import { UiFileNode } from "@powerhousedao/design-system";
+import { type BaseUiFileNode } from "@powerhousedao/design-system";
 type Props = {
-    fileNodes: UiFileNode[];
-    onSelectNode: (uiNode: UiFileNode) => void;
-    onRenameNode: (name: string, uiNode: UiFileNode) => void;
-    onDuplicateNode: (uiNode: UiFileNode) => void;
-    onDeleteNode: (uiNode: UiFileNode) => void;
+    fileNodes: BaseUiFileNode[];
+    onSelectNode: (uiNode: BaseUiFileNode) => void;
+    onRenameNode: (name: string, uiNode: BaseUiFileNode) => void;
+    onDuplicateNode: (uiNode: BaseUiFileNode) => void;
+    onDeleteNode: (uiNode: BaseUiFileNode) => void;
     isAllowedToCreateDocuments: boolean;
 };
 export declare function FileContentView(props: Props): import("react/jsx-runtime").JSX.Element;

package/dist/editors/generic-drive-explorer/components/file-content-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-content-view.d.ts","sourceRoot":"","sources":["../../../../editors/generic-drive-explorer/components/file-content-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEX,MAAM,8BAA8B,CAAC;AAKtC,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,UAAU,EAAE,CAAC;IACxB,YAAY,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACzD,eAAe,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C,0BAA0B,EAAE,OAAO,CAAC;CACrC,CAAC;AAQF,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,2CAiH3C;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"file-content-view.d.ts","sourceRoot":"","sources":["../../../../editors/generic-drive-explorer/components/file-content-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,KAAK,cAAc,EACtB,MAAM,8BAA8B,CAAC;AAKtC,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,YAAY,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7D,eAAe,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,YAAY,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C,0BAA0B,EAAE,OAAO,CAAC;CACrC,CAAC;AAQF,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,2CAiH3C;AAED,eAAe,eAAe,CAAC"}

package/dist/editors/generic-drive-explorer/components/folder-view.d.ts

@@ -1,5 +1,5 @@
 import type { BaseProps } from "#editors/utils/index";
-import { UiDriveNode, UiFolderNode, UiNode } from "@powerhousedao/design-system";
+import { type UiDriveNode, type UiFolderNode, type UiNode } from "@powerhousedao/design-system";
 interface IFolderViewProps extends BaseProps {
     node: UiDriveNode | UiFolderNode;
     isDropTarget: boolean;

package/dist/editors/generic-drive-explorer/components/folder-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"folder-view.d.ts","sourceRoot":"","sources":["../../../../editors/generic-drive-explorer/components/folder-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAIL,WAAW,EAEX,YAAY,EACZ,MAAM,EACP,MAAM,8BAA8B,CAAC;AAOtC,UAAU,gBAAiB,SAAQ,SAAS;IAC1C,IAAI,EAAE,WAAW,GAAG,YAAY,CAAC;IACjC,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,0BAA0B,EAAE,OAAO,CAAC;CACrC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,gBAAgB,2CA6EjD;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"folder-view.d.ts","sourceRoot":"","sources":["../../../../editors/generic-drive-explorer/components/folder-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAOL,KAAK,WAAW,EAEhB,KAAK,YAAY,EACjB,KAAK,MAAM,EACZ,MAAM,8BAA8B,CAAC;AAOtC,UAAU,gBAAiB,SAAQ,SAAS;IAC1C,IAAI,EAAE,WAAW,GAAG,YAAY,CAAC;IACjC,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,0BAA0B,EAAE,OAAO,CAAC;CACrC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,gBAAgB,2CA0GjD;AAED,eAAe,UAAU,CAAC"}

package/dist/editors/generic-drive-explorer/components/folder-view.js

@@ -18,12 +18,38 @@ export function FolderView(props) {
     const fileNodes = node.children
         .filter((node) => node.kind === FILE)
         .sort(sortUiNodesByName);
+    // Convert UiNode callbacks to BaseUiFolderNode callbacks
+    const folderCallbacks = {
+        onSelectNode: (node) => nodeProps.onSelectNode(node),
+        onRenameNode: (name, node) => nodeProps.onRenameNode(name, node),
+        onDuplicateNode: (node) => nodeProps.onDuplicateNode(node),
+        onDeleteNode: (node) => nodeProps.onDeleteNode(node),
+    };
+    // Convert UiNode callbacks to BaseUiFileNode callbacks
+    const fileCallbacks = {
+        onSelectNode: (node) => nodeProps.onSelectNode(node),
+        onRenameNode: (name, node) => nodeProps.onRenameNode(name, node),
+        onDuplicateNode: (node) => nodeProps.onDuplicateNode(node),
+        onDeleteNode: (node) => nodeProps.onDeleteNode(node),
+    };
+    // Convert UiNode callbacks to BaseUiNode callbacks
+    const baseNodeCallbacks = {
+        onAddFile: async (file, parentNode) => {
+            await nodeProps.onAddFile(file, parentNode);
+        },
+        onCopyNode: async (uiNode, targetNode) => {
+            await nodeProps.onCopyNode(uiNode, targetNode);
+        },
+        onMoveNode: async (uiNode, targetNode) => {
+            await nodeProps.onMoveNode(uiNode, targetNode);
+        },
+    };
     return (_jsxs("div", { className: twMerge("rounded-md border-2 border-transparent p-2", isDropTarget && "border-dashed border-blue-100", className), ...containerProps, children: [_jsx(DriveLayout.ContentSection, { title: t("folderView.sections.folders.title", {
                     defaultValue: "Folders",
-                }), className: "mb-4", children: folderNodes.length > 0 ? (folderNodes.map((folderNode) => (_jsx(FolderItem, { uiNode: folderNode, onAddFile: nodeProps.onAddFile, onCopyNode: nodeProps.onCopyNode, onMoveNode: nodeProps.onMoveNode, onSelectNode: nodeProps.onSelectNode, onRenameNode: nodeProps.onRenameNode, onDuplicateNode: nodeProps.onDuplicateNode, onDeleteNode: nodeProps.onDeleteNode, isAllowedToCreateDocuments: nodeProps.isAllowedToCreateDocuments }, folderNode.id)))) : (_jsx("div", { className: "mb-8 text-sm text-gray-400", children: t("folderView.sections.folders.empty", {
+                }), className: "mb-4", children: folderNodes.length > 0 ? (folderNodes.map((folderNode) => (_jsx(FolderItem, { uiNode: folderNode, ...baseNodeCallbacks, ...folderCallbacks, isAllowedToCreateDocuments: nodeProps.isAllowedToCreateDocuments }, folderNode.id)))) : (_jsx("div", { className: "mb-8 text-sm text-gray-400", children: t("folderView.sections.folders.empty", {
                         defaultValue: "No documents or files 📄",
                     }) })) }), _jsx(DriveLayout.ContentSection, { title: t("folderView.sections.documents.title", {
                     defaultValue: "Documents and files",
-                }), children: _jsx("div", { className: twMerge("w-full", fileNodes.length > 0 ? "min-h-[400px]" : "min-h-14"), children: _jsx(FileContentView, { fileNodes: fileNodes, onSelectNode: nodeProps.onSelectNode, onRenameNode: nodeProps.onRenameNode, onDuplicateNode: nodeProps.onDuplicateNode, onDeleteNode: nodeProps.onDeleteNode, isAllowedToCreateDocuments: nodeProps.isAllowedToCreateDocuments }) }) })] }));
+                }), children: _jsx("div", { className: twMerge("w-full", fileNodes.length > 0 ? "min-h-[400px]" : "min-h-14"), children: _jsx(FileContentView, { fileNodes: fileNodes, ...fileCallbacks, isAllowedToCreateDocuments: nodeProps.isAllowedToCreateDocuments }) }) })] }));
 }
 export default FolderView;

package/dist/editors/styles.css

@@ -25,6 +25,7 @@
     --color-green-700: oklch(0.527 0.154 150.069);
     --color-green-800: oklch(0.448 0.119 151.328);
     --color-green-900: oklch(0.393 0.095 152.535);
+    --color-blue-50: oklch(0.97 0.014 254.604);
     --color-blue-100: oklch(0.932 0.032 255.585);
     --color-blue-400: oklch(0.707 0.165 254.624);
     --color-blue-500: oklch(0.623 0.214 259.815);
@@ -88,17 +89,7 @@
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
-    --default-font-feature-settings: var(--font-sans--font-feature-settings);
-    --default-font-variation-settings: var(
-      --font-sans--font-variation-settings
-    );
     --default-mono-font-family: var(--font-mono);
-    --default-mono-font-feature-settings: var(
-      --font-mono--font-feature-settings
-    );
-    --default-mono-font-variation-settings: var(
-      --font-mono--font-variation-settings
-    );
   }
 }
 @layer base {
@@ -112,14 +103,11 @@
     line-height: 1.5;
     -webkit-text-size-adjust: 100%;
     tab-size: 4;
-    font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
+    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
     font-feature-settings: var(--default-font-feature-settings, normal);
-    font-variation-settings: var( --default-font-variation-settings, normal );
+    font-variation-settings: var(--default-font-variation-settings, normal);
     -webkit-tap-highlight-color: transparent;
   }
-  body {
-    line-height: inherit;
-  }
   hr {
     height: 0;
     color: inherit;
@@ -142,9 +130,9 @@
     font-weight: bolder;
   }
   code, kbd, samp, pre {
-    font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
-    font-feature-settings: var( --default-mono-font-feature-settings, normal );
-    font-variation-settings: var( --default-mono-font-variation-settings, normal );
+    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
+    font-feature-settings: var(--default-mono-font-feature-settings, normal);
+    font-variation-settings: var(--default-mono-font-variation-settings, normal);
     font-size: 1em;
   }
   small {
@@ -208,7 +196,11 @@
   }
   ::placeholder {
     opacity: 1;
-    color: color-mix(in oklab, currentColor 50%, transparent);
+  }
+  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: color-mix(in oklab, currentColor 50%, transparent);
+    }
   }
   textarea {
     resize: vertical;
@@ -395,7 +387,7 @@
     color: var(--color-gray-600);
   }
 }
-/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
 :root {
   --toastify-color-light: #fff;
@@ -1084,8 +1076,6 @@
 @layer theme {
   :root, :host {
     --font-sans: "Inter", sans-serif;
-    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
-      "Courier New", monospace;
     --color-red-100: hsl(3 82% 96%);
     --color-red-400: hsl(5 82% 83%);
     --color-red-500: hsl(5 80% 78%);
@@ -1106,6 +1096,7 @@
     --color-green-700: hsl(136 52% 55%);
     --color-green-800: hsl(136 53% 49%);
     --color-green-900: hsl(136 53% 43%);
+    --color-blue-50: oklch(0.97 0.014 254.604);
     --color-blue-100: hsl(209 100% 90%);
     --color-blue-400: hsl(209 100% 75%);
     --color-blue-500: hsl(209 100% 70%);
@@ -1168,18 +1159,6 @@
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    --default-font-family: var(--font-sans);
-    --default-font-feature-settings: var(--font-sans--font-feature-settings);
-    --default-font-variation-settings: var(
-      --font-sans--font-variation-settings
-    );
-    --default-mono-font-family: var(--font-mono);
-    --default-mono-font-feature-settings: var(
-      --font-mono--font-feature-settings
-    );
-    --default-mono-font-variation-settings: var(
-      --font-mono--font-variation-settings
-    );
     --color-charcoal-300: hsl(221 17% 67%);
     --color-charcoal-700: hsl(219 17% 34%);
     --color-charcoal-800: hsl(221 17% 26%);
@@ -1205,14 +1184,11 @@
     line-height: 1.5;
     -webkit-text-size-adjust: 100%;
     tab-size: 4;
-    font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
-    font-feature-settings: var(--default-font-feature-settings, normal);
-    font-variation-settings: var( --default-font-variation-settings, normal );
+    font-family: "Inter", sans-serif;
+    font-feature-settings: initial;
+    font-variation-settings: initial;
     -webkit-tap-highlight-color: transparent;
   }
-  body {
-    line-height: inherit;
-  }
   hr {
     height: 0;
     color: inherit;
@@ -1235,9 +1211,9 @@
     font-weight: bolder;
   }
   code, kbd, samp, pre {
-    font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
-    font-feature-settings: var( --default-mono-font-feature-settings, normal );
-    font-variation-settings: var( --default-mono-font-variation-settings, normal );
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+    font-feature-settings: initial;
+    font-variation-settings: initial;
     font-size: 1em;
   }
   small {
@@ -1301,7 +1277,11 @@
   }
   ::placeholder {
     opacity: 1;
-    color: color-mix(in oklab, currentColor 50%, transparent);
+  }
+  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: color-mix(in oklab, currentColor 50%, transparent);
+    }
   }
   textarea {
     resize: vertical;
@@ -1614,9 +1594,6 @@
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
-  .mb-5 {
-    margin-bottom: calc(var(--spacing) * 5);
-  }
   .mb-6 {
     margin-bottom: calc(var(--spacing) * 6);
   }
@@ -1644,6 +1621,27 @@
   .ml-auto {
     margin-left: auto;
   }
+  .scrollbar-thin {
+    &::-webkit-scrollbar-track {
+      background-color: var(--scrollbar-track);
+      border-radius: var(--scrollbar-track-radius);
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: var(--scrollbar-thumb);
+      border-radius: var(--scrollbar-thumb-radius);
+    }
+    &::-webkit-scrollbar-corner {
+      background-color: var(--scrollbar-corner);
+      border-radius: var(--scrollbar-corner-radius);
+    }
+    scrollbar-width: thin;
+    scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
+    &::-webkit-scrollbar {
+      display: block;
+      width: 8px;
+      height: 8px;
+    }
+  }
   .line-clamp-2 {
     overflow: hidden;
     display: -webkit-box;
@@ -2012,6 +2010,9 @@
   .min-w-8 {
     min-width: calc(var(--spacing) * 8);
   }
+  .min-w-9 {
+    min-width: calc(var(--spacing) * 9);
+  }
   .min-w-36 {
     min-width: calc(var(--spacing) * 36);
   }
@@ -2024,9 +2025,6 @@
   .min-w-\[142px\] {
     min-width: 142px;
   }
-  .min-w-\[160px\] {
-    min-width: 160px;
-  }
   .min-w-\[360px\] {
     min-width: 360px;
   }
@@ -2282,6 +2280,9 @@
   .overflow-scroll {
     overflow: scroll;
   }
+  .overflow-x-auto {
+    overflow-x: auto;
+  }
   .overflow-x-hidden {
     overflow-x: hidden;
   }
@@ -2382,6 +2383,10 @@
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
   }
+  .border-r {
+    border-right-style: var(--tw-border-style);
+    border-right-width: 1px;
+  }
   .border-r-\[0\.5px\] {
     border-right-style: var(--tw-border-style);
     border-right-width: 0.5px;
@@ -2420,6 +2425,9 @@
   .border-blue-600 {
     border-color: var(--color-blue-600);
   }
+  .border-blue-900 {
+    border-color: var(--color-blue-900);
+  }
   .border-gray-100 {
     border-color: var(--color-gray-100);
   }
@@ -2474,6 +2482,9 @@
   .bg-black {
     background-color: var(--color-black);
   }
+  .bg-blue-50 {
+    background-color: var(--color-blue-50);
+  }
   .bg-blue-100 {
     background-color: var(--color-blue-100);
   }
@@ -2612,6 +2623,9 @@
   .px-\[5\.5px\] {
     padding-inline: 5.5px;
   }
+  .px-\[12px\] {
+    padding-inline: 12px;
+  }
   .py-0 {
     padding-block: calc(var(--spacing) * 0);
   }
@@ -2642,6 +2656,9 @@
   .py-\[7px\] {
     padding-block: 7px;
   }
+  .py-\[15px\] {
+    padding-block: 15px;
+  }
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
@@ -2803,6 +2820,10 @@
     --tw-leading: calc(var(--spacing) * 10);
     line-height: calc(var(--spacing) * 10);
   }
+  .leading-\[14px\] {
+    --tw-leading: 14px;
+    line-height: 14px;
+  }
   .leading-\[18px\] {
     --tw-leading: 18px;
     line-height: 18px;
@@ -3153,6 +3174,18 @@
   .\[scrollbar-width\:none\] {
     scrollbar-width: none;
   }
+  .scrollbar-thumb-gray-300 {
+    --scrollbar-thumb: hsl(210 3% 85%);
+  }
+  .scrollbar-track-transparent {
+    --scrollbar-track: transparent;
+  }
+  .not-last\:border-b {
+    &:not(*:last-child) {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
+    }
+  }
   .group-focus-within\:\!text-gray-900 {
     &:is(:where(.group):focus-within *) {
       color: var(--color-gray-900) !important;
@@ -3930,6 +3963,13 @@
       }
     }
   }
+  .hover\:scrollbar-thumb-gray-300 {
+    &:hover {
+      @media (hover: hover) {
+        --scrollbar-thumb: hsl(210 3% 85%);
+      }
+    }
+  }
   .focus-within\:hover\:cursor-default {
     &:focus-within {
       &:hover {
@@ -4665,6 +4705,11 @@
       --tw-ring-color: var(--color-charcoal-300);
     }
   }
+  .dark\:scrollbar-thumb-charcoal-700 {
+    &:where(.dark, .dark *) {
+      --scrollbar-thumb: hsl(219 17% 34%);
+    }
+  }
   .dark\:group-focus-within\:\!text-gray-50 {
     &:where(.dark, .dark *) {
       &:is(:where(.group):focus-within *) {
@@ -5006,6 +5051,15 @@
       }
     }
   }
+  .dark\:hover\:scrollbar-thumb-charcoal-700 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          --scrollbar-thumb: hsl(219 17% 34%);
+        }
+      }
+    }
+  }
   .dark\:focus-within\:hover\:bg-charcoal-900 {
     &:where(.dark, .dark *) {
       &:focus-within {
@@ -5214,6 +5268,9 @@
       }
     }
   }
+  .\[\&\]\:\!w-\[120px\] {
+    width: 120px !important;
+  }
   .focus\:\[\&_\.input-field\]\:bg-transparent {
     &:focus {
       & .input-field {
@@ -5367,6 +5424,12 @@ input[type="number"] {
     color: var(--color-gray-900);
   }
 }
+@layer base {
+  * {
+    scrollbar-color: initial;
+    scrollbar-width: initial;
+  }
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@powerhousedao/common",
-    "version": "1.10.7-dev.0",
+    "version": "1.10.8-dev.1",
     "license": "AGPL-3.0-only",
     "type": "module",
     "files": [