@dust-tt/sparkle 0.7.4 → 0.7.5-rc-1

package/dist/esm/lottie/spinnerLightXS.d.ts

@@ -41,12 +41,12 @@ declare const animation: {
                     to: number[];
                     ti: number[];
                 } | {
+                    t: number;
+                    s: number[];
                     i?: undefined;
                     o?: undefined;
                     to?: undefined;
                     ti?: undefined;
-                    t: number;
-                    s: number[];
                 })[];
                 ix: number;
                 l: number;
@@ -68,19 +68,6 @@ declare const animation: {
         shapes: {
             ty: string;
             it: ({
-                o?: undefined;
-                c?: undefined;
-                bm?: undefined;
-                p?: undefined;
-                a?: undefined;
-                s?: undefined;
-                sk?: undefined;
-                sa?: undefined;
-                r?: undefined;
-                w?: undefined;
-                lc?: undefined;
-                lj?: undefined;
-                ml?: undefined;
                 ind: number;
                 ty: string;
                 ix: number;
@@ -103,8 +90,6 @@ declare const animation: {
                             c: boolean;
                         }[];
                     } | {
-                        i?: undefined;
-                        o?: undefined;
                         t: number;
                         s: {
                             i: number[][];
@@ -112,22 +97,28 @@ declare const animation: {
                             v: number[][];
                             c: boolean;
                         }[];
+                        i?: undefined;
+                        o?: undefined;
                     })[];
                     ix: number;
                 };
                 nm: string;
                 mn: string;
                 hd: boolean;
-            } | {
+                o?: undefined;
+                c?: undefined;
+                bm?: undefined;
                 p?: undefined;
                 a?: undefined;
                 s?: undefined;
+                r?: undefined;
                 sk?: undefined;
                 sa?: undefined;
-                ix?: undefined;
-                r?: undefined;
-                ind?: undefined;
-                ks?: undefined;
+                w?: undefined;
+                lc?: undefined;
+                lj?: undefined;
+                ml?: undefined;
+            } | {
                 ty: string;
                 c: {
                     a: number;
@@ -151,19 +142,16 @@ declare const animation: {
                 nm: string;
                 mn: string;
                 hd: boolean;
-            } | {
+                ind?: undefined;
+                ix?: undefined;
+                ks?: undefined;
                 p?: undefined;
                 a?: undefined;
                 s?: undefined;
+                r?: undefined;
                 sk?: undefined;
                 sa?: undefined;
-                ix?: undefined;
-                ind?: undefined;
-                ks?: undefined;
-                w?: undefined;
-                lc?: undefined;
-                lj?: undefined;
-                ml?: undefined;
+            } | {
                 ty: string;
                 c: {
                     a: number;
@@ -184,10 +172,10 @@ declare const animation: {
                         t: number;
                         s: number[];
                     } | {
-                        i?: undefined;
-                        o?: undefined;
                         t: number;
                         s: number[];
+                        i?: undefined;
+                        o?: undefined;
                     })[];
                     ix: number;
                 };
@@ -196,18 +184,19 @@ declare const animation: {
                 nm: string;
                 mn: string;
                 hd: boolean;
-            } | {
-                c?: undefined;
-                bm?: undefined;
-                mn?: undefined;
-                hd?: undefined;
-                ix?: undefined;
                 ind?: undefined;
+                ix?: undefined;
                 ks?: undefined;
+                p?: undefined;
+                a?: undefined;
+                s?: undefined;
+                sk?: undefined;
+                sa?: undefined;
                 w?: undefined;
                 lc?: undefined;
                 lj?: undefined;
                 ml?: undefined;
+            } | {
                 ty: string;
                 p: {
                     a: number;
@@ -245,6 +234,17 @@ declare const animation: {
                     ix: number;
                 };
                 nm: string;
+                ind?: undefined;
+                ix?: undefined;
+                ks?: undefined;
+                c?: undefined;
+                bm?: undefined;
+                mn?: undefined;
+                hd?: undefined;
+                w?: undefined;
+                lc?: undefined;
+                lj?: undefined;
+                ml?: undefined;
             })[];
             nm: string;
             np: number;

package/dist/esm/stories/InteractiveImageGrid.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InteractiveImageGrid.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/InteractiveImageGrid.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,IAAI;;;;;;;CAGuB,CAAC;AAElC,eAAe,IAAI,CAAC;AA8CpB,eAAO,MAAM,uBAAuB,yBAmBnC,CAAC;AAEF,eAAO,MAAM,0BAA0B,yBAgCtC,CAAC"}
+{"version":3,"file":"InteractiveImageGrid.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/InteractiveImageGrid.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,IAAI;;;;;;;CAGuB,CAAC;AAElC,eAAe,IAAI,CAAC;AA8CpB,eAAO,MAAM,uBAAuB,yBAmBnC,CAAC;AAEF,eAAO,MAAM,0BAA0B,yBAkCtC,CAAC"}

package/dist/esm/stories/InteractiveImageGrid.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"InteractiveImageGrid.stories.js","sourceRoot":"","sources":["../../../src/stories/InteractiveImageGrid.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAEhF,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;CACY,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,MAAM,MAAM,GAAG;IACb;QACE,GAAG,EAAE,wCAAwC;QAC7C,SAAS,EAAE,IAAI;QACf,KAAK,EAAE,wCAAwC;KAChD;IACD;QACE,GAAG,EAAE,iCAAiC;QACtC,WAAW,EAAE,qDAAqD;QAClE,QAAQ,EAAE,qDAAqD;QAC/D,KAAK,EAAE,iCAAiC;KACzC;IACD;QACE,GAAG,EAAE,iCAAiC;QACtC,WAAW,EAAE,qDAAqD;QAClE,QAAQ,EAAE,qDAAqD;QAC/D,KAAK,EAAE,iCAAiC;KACzC;IACD;QACE,GAAG,EAAE,iCAAiC;QACtC,WAAW,EAAE,qDAAqD;QAClE,QAAQ,EAAE,qDAAqD;QAC/D,KAAK,EAAE,iCAAiC;KACzC;IACD;QACE,GAAG,EAAE,iCAAiC;QACtC,WAAW,EAAE,qDAAqD;QAClE,QAAQ,EAAE,qDAAqD;QAC/D,KAAK,EAAE,iCAAiC;KACzC;IACD;QACE,GAAG,EAAE,iCAAiC;QACtC,WAAW,EAAE,qDAAqD;QAClE,QAAQ,EAAE,qDAAqD;QAC/D,KAAK,EAAE,iCAAiC;KACzC;IACD;QACE,GAAG,EAAE,qCAAqC;QAC1C,WAAW,EAAE,+CAA+C;QAC5D,QAAQ,EAAE,+CAA+C;QACzD,KAAK,EAAE,iCAAiC;KACzC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,CAC3C,6BAAK,SAAS,EAAC,2BAA2B;IACxC,6BAAK,SAAS,EAAC,aAAa;QAC1B,yDAA+B;QAC/B,oBAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,GAAI,CACpC;IACN,6BAAK,SAAS,EAAC,aAAa;QAC1B,0EAAgD;QAChD,oBAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,GAAI,CACpC;IACN,6BAAK,SAAS,EAAC,aAAa;QAC1B,sEAA4C;QAC5C,oBAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAI,CAChD;IACN,6BAAK,SAAS,EAAC,aAAa;QAC1B,gFAAsD;QACtD,oBAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAI,CAChD,CACF,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,CACL,6BAAK,SAAS,EAAC,2BAA2B;QACxC;YACE,4BAAI,SAAS,EAAC,QAAQ,wEAEjB;YACJ,OAAO,CAAC,CAAC,CAAC,CACT,6BAAK,SAAS,EAAC,uGAAuG;;gBAEpH,gCACE,SAAS,EAAC,uCAAuC,EACjD,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,YAGzB,CACL,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,oBAAoB,IACnB,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,GAC/B,CACH,CACG;QACN;YACE,4BAAI,SAAS,EAAC,QAAQ,kEAAiE;YACvF,oBAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAI,CAChD,CACF,CACP,CAAC;AAAA,CACH,CAAC"}
+{"version":3,"file":"InteractiveImageGrid.stories.js","sourceRoot":"","sources":["../../../src/stories/InteractiveImageGrid.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/stories/VoicePicker.stories.d.ts

@@ -0,0 +1,49 @@
+import type { StoryObj } from "@storybook/react";
+import { VoicePicker } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof VoicePicker;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        status: {
+            control: false;
+        };
+        level: {
+            control: false;
+        };
+        elapsedSeconds: {
+            control: false;
+        };
+        onRecordStart: {
+            control: false;
+        };
+        onRecordStop: {
+            control: false;
+        };
+        buttonProps: {
+            control: false;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        disabled: {
+            control: "boolean";
+        };
+        showStopLabel: {
+            control: "boolean";
+        };
+        pressDelayMs: {
+            control: "number";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Interactive: Story;
+//# sourceMappingURL=VoicePicker.stories.d.ts.map

package/dist/esm/stories/VoicePicker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoicePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/VoicePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4B0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAOnC,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAC"}

package/dist/esm/stories/VoicePicker.stories.js

@@ -0,0 +1,111 @@
+import React from "react";
+import { VoicePicker } from "../index_with_tw_base";
+const meta = {
+    title: "Primitives/VoicePicker",
+    component: VoicePicker,
+    tags: ["autodocs"],
+    parameters: {
+        layout: "padded",
+    },
+    argTypes: {
+        status: { control: false },
+        level: { control: false },
+        elapsedSeconds: { control: false },
+        onRecordStart: { control: false },
+        onRecordStop: { control: false },
+        buttonProps: { control: false },
+        size: {
+            control: { type: "select" },
+            options: ["xs", "sm", "md"],
+        },
+        disabled: {
+            control: "boolean",
+        },
+        showStopLabel: {
+            control: "boolean",
+        },
+        pressDelayMs: {
+            control: "number",
+        },
+    },
+};
+export default meta;
+export const Interactive = {
+    args: {
+        status: "idle",
+        level: 0,
+        elapsedSeconds: 0,
+        onRecordStart: async () => { },
+        onRecordStop: async () => { },
+        size: "xs",
+        disabled: false,
+        showStopLabel: true,
+        pressDelayMs: 150,
+    },
+    render: function Render(args) {
+        return (React.createElement(VoicePickerDemo, { size: args.size, disabled: args.disabled, showStopLabel: args.showStopLabel, pressDelayMs: args.pressDelayMs }));
+    },
+};
+function VoicePickerDemo({ size, disabled, showStopLabel, pressDelayMs, }) {
+    const [status, setStatus] = React.useState("idle");
+    const [level, setLevel] = React.useState(0);
+    const [elapsedSeconds, setElapsedSeconds] = React.useState(0);
+    const elapsedIntervalRef = React.useRef(null);
+    const levelIntervalRef = React.useRef(null);
+    const transcribeTimeoutRef = React.useRef(null);
+    React.useEffect(() => {
+        return () => {
+            clearIntervalRef(elapsedIntervalRef);
+            clearIntervalRef(levelIntervalRef);
+            clearTimeoutRef(transcribeTimeoutRef);
+        };
+    }, []);
+    React.useEffect(() => {
+        if (status !== "recording") {
+            clearIntervalRef(elapsedIntervalRef);
+            clearIntervalRef(levelIntervalRef);
+            setElapsedSeconds(0);
+            setLevel(0);
+            return;
+        }
+        elapsedIntervalRef.current = window.setInterval(() => {
+            setElapsedSeconds((previous) => previous + 1);
+        }, 1000);
+        levelIntervalRef.current = window.setInterval(() => {
+            setLevel(Math.random());
+        }, 200);
+        return () => {
+            clearIntervalRef(elapsedIntervalRef);
+            clearIntervalRef(levelIntervalRef);
+        };
+    }, [status]);
+    async function handleRecordStart() {
+        clearTimeoutRef(transcribeTimeoutRef);
+        setStatus("recording");
+    }
+    async function handleRecordStop() {
+        if (status !== "recording") {
+            return;
+        }
+        setStatus("transcribing");
+        clearTimeoutRef(transcribeTimeoutRef);
+        transcribeTimeoutRef.current = window.setTimeout(() => {
+            setStatus("idle");
+        }, 1200);
+    }
+    return (React.createElement("div", { className: "s-flex s-items-center s-gap-2" },
+        React.createElement(VoicePicker, { status: status, level: level, elapsedSeconds: elapsedSeconds, onRecordStart: handleRecordStart, onRecordStop: handleRecordStop, size: size, disabled: disabled, showStopLabel: showStopLabel, pressDelayMs: pressDelayMs })));
+}
+function clearIntervalRef(ref) {
+    if (ref.current !== null) {
+        window.clearInterval(ref.current);
+        ref.current = null;
+    }
+}
+function clearTimeoutRef(ref) {
+    if (ref.current !== null) {
+        window.clearTimeout(ref.current);
+        ref.current = null;
+    }
+}
+//# sourceMappingURL=VoicePicker.stories.js.map

package/dist/esm/stories/VoicePicker.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoicePicker.stories.js","sourceRoot":"","sources":["../../../src/stories/VoicePicker.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/styles/allotment.css

@@ -17,28 +17,37 @@
   width: 100%;
 }
 
-.allotment-module_splitView__L-yRc > .allotment-module_sashContainer__fzwJF > .allotment-module_sash__QA-2t {
+.allotment-module_splitView__L-yRc
+  > .allotment-module_sashContainer__fzwJF
+  > .allotment-module_sash__QA-2t {
   pointer-events: auto;
 }
 
-.allotment-module_splitView__L-yRc > .allotment-module_splitViewContainer__rQnVa {
+.allotment-module_splitView__L-yRc
+  > .allotment-module_splitViewContainer__rQnVa {
   height: 100%;
   position: relative;
   white-space: nowrap;
   width: 100%;
 }
 
-.allotment-module_splitView__L-yRc > .allotment-module_splitViewContainer__rQnVa > .allotment-module_splitViewView__MGZ6O {
+.allotment-module_splitView__L-yRc
+  > .allotment-module_splitViewContainer__rQnVa
+  > .allotment-module_splitViewView__MGZ6O {
   overflow: hidden;
   position: absolute;
   white-space: initial;
 }
 
-.allotment-module_splitView__L-yRc.allotment-module_vertical__WSwwa > .allotment-module_splitViewContainer__rQnVa > .allotment-module_splitViewView__MGZ6O {
+.allotment-module_splitView__L-yRc.allotment-module_vertical__WSwwa
+  > .allotment-module_splitViewContainer__rQnVa
+  > .allotment-module_splitViewView__MGZ6O {
   width: 100%;
 }
 
-.allotment-module_splitView__L-yRc.allotment-module_horizontal__7doS8 > .allotment-module_splitViewContainer__rQnVa > .allotment-module_splitViewView__MGZ6O {
+.allotment-module_splitView__L-yRc.allotment-module_horizontal__7doS8
+  > .allotment-module_splitViewContainer__rQnVa
+  > .allotment-module_splitViewView__MGZ6O {
   height: 100%;
 }
 
@@ -129,7 +138,8 @@
   height: var(--sash-size);
 }
 
-.sash-module_sash__K-9lB:not(.sash-module_disabled__Hm-wx) > .sash-module_orthogonal-drag-handle__Yii2- {
+.sash-module_sash__K-9lB:not(.sash-module_disabled__Hm-wx)
+  > .sash-module_orthogonal-drag-handle__Yii2- {
   content: " ";
   height: calc(var(--sash-size) * 2);
   width: calc(var(--sash-size) * 2);
@@ -139,36 +149,48 @@
   position: absolute;
 }
 
-.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(.sash-module_disabled__Hm-wx)
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(
+    .sash-module_disabled__Hm-wx
+  )
   > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk,
-.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(.sash-module_disabled__Hm-wx)
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(
+    .sash-module_disabled__Hm-wx
+  )
   > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
   cursor: nwse-resize;
 }
 
-.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(.sash-module_disabled__Hm-wx)
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(
+    .sash-module_disabled__Hm-wx
+  )
   > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R,
-.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(.sash-module_disabled__Hm-wx)
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(
+    .sash-module_disabled__Hm-wx
+  )
   > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
   cursor: nesw-resize;
 }
 
-.sash-module_sash__K-9lB.sash-module_vertical__pB-rs > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
+.sash-module_sash__K-9lB.sash-module_vertical__pB-rs
+  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
   left: calc(var(--sash-size) * -0.5);
   top: calc(var(--sash-size) * -1);
 }
 
-.sash-module_sash__K-9lB.sash-module_vertical__pB-rs > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
+.sash-module_sash__K-9lB.sash-module_vertical__pB-rs
+  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
   left: calc(var(--sash-size) * -0.5);
   bottom: calc(var(--sash-size) * -1);
 }
 
-.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw
+  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
   top: calc(var(--sash-size) * -0.5);
   left: calc(var(--sash-size) * -1);
 }
 
-.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw
+  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
   top: calc(var(--sash-size) * -0.5);
   right: calc(var(--sash-size) * -1);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.7.4",
+  "version": "0.7.5-rc-1",
   "scripts": {
     "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
     "tailwind": "npx tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",

package/src/components/Input.tsx

@@ -20,6 +20,7 @@ export interface InputProps extends Omit<
   value?: string | null;
   isError?: boolean;
   className?: string;
+  containerClassName?: string;
   label?: string;
 }
 
@@ -87,6 +88,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
   (
     {
       className,
+      containerClassName,
       message,
       messageStatus,
       value,
@@ -104,7 +106,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
           ? "disabled"
           : "default";
     return (
-      <div className="s-flex s-flex-col s-gap-1">
+      <div className={cn("s-flex s-flex-col s-gap-1", containerClassName)}>
         {label && (
           <Label htmlFor={props.name} className="s-mb-1">
             {label}

package/src/components/NavigationList.tsx

@@ -167,7 +167,7 @@ const NavigationListItem = React.forwardRef<
             {icon && <Icon visual={icon} size="xs" className="s-m-0.5" />}
             {avatar}
             {label && (
-              <span className="s-grow s-overflow-hidden s-text-ellipsis s-whitespace-nowrap group-hover/menu-item:s-pr-8 group-focus-within/menu-item:s-pr-8 group-data-[selected=true]/menu-item:s-pr-8">
+              <span className="s-grow s-overflow-hidden s-text-ellipsis s-whitespace-nowrap group-focus-within/menu-item:s-pr-8 group-hover/menu-item:s-pr-8 group-data-[selected=true]/menu-item:s-pr-8">
                 {label}
               </span>
             )}
@@ -179,7 +179,7 @@ const NavigationListItem = React.forwardRef<
                 className={cn(
                   "s-flex-shrink-0 s-translate-x-0.5",
                   moreMenu &&
-                    "group-hover/menu-item:s-hidden group-focus-within/menu-item:s-hidden"
+                    "group-focus-within/menu-item:s-hidden group-hover/menu-item:s-hidden"
                 )}
               />
             )}
@@ -188,7 +188,7 @@ const NavigationListItem = React.forwardRef<
                 className={cn(
                   "s-heading-xs s-flex s-flex-shrink-0 s-items-center s-justify-center s-rounded-full",
                   moreMenu &&
-                    "group-hover/menu-item:s-hidden group-focus-within/menu-item:s-hidden",
+                    "group-focus-within/menu-item:s-hidden group-hover/menu-item:s-hidden",
                   getStatusDotColor()
                 )}
               />