From b1333abf34d6035189bf710a46ab3acc2c20572d Mon Sep 17 00:00:00 2001
From: Isaac Roberts <119639439+madebyisaacr@users.noreply.github.com>
Date: Mon, 15 Jun 2026 19:09:26 -0400
Subject: [PATCH 1/6] CSV import

---
 plugins/csv-import/src/App.css                |  6 +---
 .../src/components/CollectionIcon.tsx         | 29 +------------------
 2 files changed, 2 insertions(+), 33 deletions(-)

diff --git a/plugins/csv-import/src/App.css b/plugins/csv-import/src/App.css
index dc6853860..e669c2204 100644
--- a/plugins/csv-import/src/App.css
+++ b/plugins/csv-import/src/App.css
@@ -17,16 +17,12 @@ body {
     align-items: center;
     text-align: left;
     height: 100%;
-    gap: 15px;
+    gap: 10px;
     padding-left: 15px;
     padding-right: 15px;
     padding-bottom: 15px;
 }
 
-[data-framer-styles="prerelease"] .import-collection {
-    gap: 10px;
-}
-
 .select-csv-file {
     display: flex;
     flex-direction: column;
diff --git a/plugins/csv-import/src/components/CollectionIcon.tsx b/plugins/csv-import/src/components/CollectionIcon.tsx
index eabb081e6..ac7fca987 100644
--- a/plugins/csv-import/src/components/CollectionIcon.tsx
+++ b/plugins/csv-import/src/components/CollectionIcon.tsx
@@ -1,9 +1,5 @@
-import { useMemo } from "react"
-
 export function CollectionIcon() {
-    const isPrerelease = useMemo(() => document.body.getAttribute("data-framer-styles") === "prerelease", [])
-
-    return isPrerelease ? (
+    return (
         <svg
             role="presentation"
             xmlns="http://www.w3.org/2000/svg"
@@ -27,28 +23,5 @@ export function CollectionIcon() {
                 d="M10.25 3.25c0 1.105-1.903 2-4.25 2s-4.25-.895-4.25-2M10.25 6c0 1.105-1.903 2-4.25 2s-4.25-.895-4.25-2"
             />
         </svg>
-    ) : (
-        <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width={12}
-            height={12}
-            viewBox="0 0 12 12"
-            fill="none"
-            role="presentation"
-            aria-hidden="true"
-        >
-            <path
-                d="M 6 0.5 C 8.761 0.5 11 1.619 11 3 C 11 4.381 8.761 5.5 6 5.5 C 3.239 5.5 1 4.381 1 3 C 1 1.619 3.239 0.5 6 0.5 Z"
-                fill="currentColor"
-            />
-            <path
-                d="M 11 6 C 11 7.381 8.761 8.5 6 8.5 C 3.239 8.5 1 7.381 1 6 C 1 5.711 1.098 5.433 1.278 5.175 C 2.377 5.991 4.084 6.515 6 6.515 C 7.916 6.515 9.623 5.991 10.722 5.175 C 10.902 5.433 11 5.711 11 6 Z"
-                fill="currentColor"
-            />
-            <path
-                d="M 11 9 C 11 10.381 8.761 11.5 6 11.5 C 3.239 11.5 1 10.381 1 9 C 1 8.711 1.098 8.433 1.278 8.175 C 2.377 8.991 4.084 9.515 6 9.515 C 7.916 9.515 9.623 8.991 10.722 8.175 C 10.902 8.433 11 8.711 11 9 Z"
-                fill="currentColor"
-            />
-        </svg>
     )
 }

From 551ddd6f70101389a7f81b1af1688e2333cdeb23 Mon Sep 17 00:00:00 2001
From: Isaac Roberts <119639439+madebyisaacr@users.noreply.github.com>
Date: Mon, 15 Jun 2026 19:13:36 -0400
Subject: [PATCH 2/6] Renamer

---
 plugins/renamer/src/App.css                  |  67 +----
 plugins/renamer/src/components/LayerIcon.tsx | 282 +++++++------------
 plugins/renamer/src/components/Tabs.tsx      |  18 --
 3 files changed, 105 insertions(+), 262 deletions(-)

diff --git a/plugins/renamer/src/App.css b/plugins/renamer/src/App.css
index 83d124ff6..55cd3c7e9 100644
--- a/plugins/renamer/src/App.css
+++ b/plugins/renamer/src/App.css
@@ -45,48 +45,19 @@
     display: flex;
     align-items: center;
     flex-shrink: 0;
-    padding: 15px;
-    position: relative;
-}
-
-[data-framer-styles="prerelease"] .tabs {
     padding: 0 15px;
-}
-
-.tabs:before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 15px;
-    right: 15px;
-    height: 1px;
-    background-color: var(--framer-color-divider);
-    z-index: 1;
-}
-
-[data-framer-styles="prerelease"] .tabs:before {
-    display: none;
+    position: relative;
 }
 
 .tabs-container {
     position: relative;
     display: flex;
+    width: 100%;
+    height: auto;
     flex-direction: row;
     align-items: center;
-    justify-content: space-around;
-    background-color: var(--framer-color-bg-tertiary);
-    border-radius: 8px;
-    width: 100%;
-    padding: 2px;
-    height: 30px;
-}
-
-[data-framer-styles="prerelease"] .tabs-container {
     justify-content: start;
-    background-color: transparent;
-    border-radius: 0;
     padding: 10px 0;
-    height: auto;
     border-top: 1px solid var(--framer-color-divider);
     border-bottom: 1px solid var(--framer-color-divider);
 }
@@ -95,15 +66,9 @@
     position: relative;
     background: none !important;
     border: 0;
-    flex: 1;
-    height: 100%;
     color: #999999;
     font-weight: 500;
     user-select: none;
-    transition: color 200ms ease;
-}
-
-[data-framer-styles="prerelease"] .tab {
     flex: none;
     width: fit-content;
     height: 30px;
@@ -113,20 +78,9 @@
         background-color 100ms ease;
 }
 
-.tab:not(.active):hover {
-    color: var(--framer-color-text-secondary);
-}
-
-[data-framer-styles="prerelease"] .tab:not(.active):hover {
-    color: #999999;
-}
-
 .tab.active {
     color: var(--framer-color-text);
     font-weight: 600;
-}
-
-[data-framer-styles="prerelease"] .tab.active {
     background-color: var(--framer-color-bg-tertiary) !important;
 }
 
@@ -257,17 +211,6 @@
     inset: 0;
 }
 
-body:not([data-framer-styles="prerelease"]) .results-container:before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 15px;
-    right: 15px;
-    height: 1px;
-    background-color: var(--framer-color-divider);
-    z-index: 1;
-}
-
 .results-container.is-scrollable:after {
     content: "";
     position: absolute;
@@ -283,10 +226,6 @@ body:not([data-framer-styles="prerelease"]) .results-container:before {
     flex: 1;
     height: 100%;
     overflow-y: auto;
-    padding: 15px;
-}
-
-[data-framer-styles="prerelease"] .container {
     padding: 10px 15px;
 }
 
diff --git a/plugins/renamer/src/components/LayerIcon.tsx b/plugins/renamer/src/components/LayerIcon.tsx
index 9d73e6abe..9165c18b7 100644
--- a/plugins/renamer/src/components/LayerIcon.tsx
+++ b/plugins/renamer/src/components/LayerIcon.tsx
@@ -1,4 +1,3 @@
-import { useMemo } from "react"
 import type { IndexNodeType } from "../search/types"
 
 interface Props {
@@ -7,190 +6,113 @@ interface Props {
 }
 
 export default function LayerIcon({ type, isBreakpoint }: Props) {
-    const isPrerelease = useMemo(() => document.body.getAttribute("data-framer-styles") === "prerelease", [])
-
     let icon = null
 
-    if (isPrerelease) {
-        switch (type) {
-            case "TextNode":
-                icon = (
-                    <svg
-                        role="presentation"
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="12"
-                        height="12"
-                        fill="none"
-                        className="text-icon"
-                    >
-                        <g
-                            fill="transparent"
-                            stroke="currentColor"
-                            strokeLinecap="round"
-                            strokeMiterlimit="10"
-                            strokeWidth="1.5"
-                        >
-                            <path d="M6.25 2.25V10M2 2.25h8.5" />
-                        </g>
-                    </svg>
-                )
-                break
-            case "FrameNode":
-                icon = isBreakpoint ? (
-                    <svg
-                        role="presentation"
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="12"
-                        height="12"
-                        fill="none"
-                        className="frame-icon"
-                    >
-                        <defs>
-                            <clipPath id="breakpoint-clip-path">
-                                <path d="M.5 3.5a3 3 0 0 1 3-3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-5a3 3 0 0 1-3-3Z"></path>
-                            </clipPath>
-                        </defs>
-                        <path
-                            d="M.5 3.5a3 3 0 0 1 3-3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-5a3 3 0 0 1-3-3Z"
-                            fill="transparent"
-                            stroke="currentColor"
-                            strokeLinecap="round"
-                            strokeLinejoin="round"
-                            strokeWidth="3"
-                            clipPath="url(#breakpoint-clip-path)"
-                        />
-                        <path
-                            fill="currentColor"
-                            fillOpacity="0.2"
-                            stroke="currentColor"
-                            strokeLinecap="round"
-                            strokeLinejoin="round"
-                            d="M10 1.5H2.5l-1 1v2H11v-1Z"
-                        />
-                    </svg>
-                ) : (
-                    <svg
-                        role="presentation"
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="12"
-                        height="12"
-                        fill="none"
-                        className="frame-icon"
-                    >
-                        <path
-                            fill="currentColor"
-                            fillOpacity="0.2"
-                            stroke="currentColor"
-                            strokeLinecap="round"
-                            strokeLinejoin="round"
-                            strokeWidth="1.5"
-                            d="M1.25 3.25a2 2 0 0 1 2-2h5.5a2 2 0 0 1 2 2v5.5a2 2 0 0 1-2 2h-5.5a2 2 0 0 1-2-2Z"
-                        />
-                    </svg>
-                )
-                break
-
-            case "ComponentInstanceNode":
-                icon = (
-                    <svg
-                        role="presentation"
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="12"
-                        height="12"
-                        viewBox="0 0 12 12"
-                        fill="none"
-                        aria-hidden="true"
-                        focusable="false"
-                        className="component-icon"
+    switch (type) {
+        case "TextNode":
+            icon = (
+                <svg
+                    role="presentation"
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="12"
+                    height="12"
+                    fill="none"
+                    className="text-icon"
+                >
+                    <g
+                        fill="transparent"
+                        stroke="currentColor"
+                        strokeLinecap="round"
+                        strokeMiterlimit="10"
+                        strokeWidth="1.5"
                     >
-                        <path
-                            fill="currentColor"
-                            fillOpacity="0.2"
-                            stroke="currentColor"
-                            strokeWidth="1.5"
-                            d="M4.586 1.354a2 2 0 0 1 2.828 0l3.232 3.232a2 2 0 0 1 0 2.828l-3.232 3.232a2 2 0 0 1-2.828 0L1.354 7.414a2 2 0 0 1 0-2.828Z"
-                        />
-                        <path fill="none" stroke="currentColor" d="m3 3 6 6M9 3 3 9" />
-                    </svg>
-                )
-                break
+                        <path d="M6.25 2.25V10M2 2.25h8.5" />
+                    </g>
+                </svg>
+            )
+            break
+        case "FrameNode":
+            icon = isBreakpoint ? (
+                <svg
+                    role="presentation"
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="12"
+                    height="12"
+                    fill="none"
+                    className="frame-icon"
+                >
+                    <defs>
+                        <clipPath id="breakpoint-clip-path">
+                            <path d="M.5 3.5a3 3 0 0 1 3-3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-5a3 3 0 0 1-3-3Z"></path>
+                        </clipPath>
+                    </defs>
+                    <path
+                        d="M.5 3.5a3 3 0 0 1 3-3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-5a3 3 0 0 1-3-3Z"
+                        fill="transparent"
+                        stroke="currentColor"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        strokeWidth="3"
+                        clipPath="url(#breakpoint-clip-path)"
+                    />
+                    <path
+                        fill="currentColor"
+                        fillOpacity="0.2"
+                        stroke="currentColor"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        d="M10 1.5H2.5l-1 1v2H11v-1Z"
+                    />
+                </svg>
+            ) : (
+                <svg
+                    role="presentation"
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="12"
+                    height="12"
+                    fill="none"
+                    className="frame-icon"
+                >
+                    <path
+                        fill="currentColor"
+                        fillOpacity="0.2"
+                        stroke="currentColor"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        strokeWidth="1.5"
+                        d="M1.25 3.25a2 2 0 0 1 2-2h5.5a2 2 0 0 1 2 2v5.5a2 2 0 0 1-2 2h-5.5a2 2 0 0 1-2-2Z"
+                    />
+                </svg>
+            )
+            break
 
-            default:
-                icon = null
-        }
-    } else {
-        switch (type) {
-            case "TextNode":
-                icon = (
-                    <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        role="presentation"
-                        width="12"
-                        height="12"
-                        className="text-icon"
-                    >
-                        <path
-                            d="M6 3.5v6M2.25 2.5h7.5"
-                            fill="transparent"
-                            strokeWidth="2"
-                            stroke="currentColor"
-                            strokeLinecap="round"
-                            strokeMiterlimit="10"
-                        />
-                    </svg>
-                )
-                break
-
-            case "FrameNode":
-                icon = isBreakpoint ? (
-                    <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="12"
-                        height="12"
-                        fill="none"
-                        role="presentation"
-                        className="frame-icon"
-                    >
-                        <path
-                            fill="currentColor"
-                            d="M1 3a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1a.5.5 0 0 1-.5.5h-9A.5.5 0 0 1 1 4Z"
-                        />
-                        <path
-                            fill="currentColor"
-                            fillOpacity="0.4"
-                            d="M1 6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v3a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2Z"
-                        />
-                    </svg>
-                ) : (
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" className="frame-icon">
-                        <path
-                            d="M 1 2.5 C 1 1.672 1.672 1 2.5 1 L 8.5 1 C 9.328 1 10 1.672 10 2.5 L 10 8.5 C 10 9.328 9.328 10 8.5 10 L 2.5 10 C 1.672 10 1 9.328 1 8.5 Z"
-                            fill="currentColor"
-                        />
-                    </svg>
-                )
-                break
-
-            case "ComponentInstanceNode":
-                icon = (
-                    <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="11"
-                        height="11"
-                        viewBox="0 0 11 11"
-                        className="component-icon"
-                    >
-                        <path
-                            d="M4.44.55a1.5 1.5 0 0 1 2.12 0l1.592 1.591L5.5 4.793 2.848 2.14ZM2.14 8.152.551 6.56a1.5 1.5 0 0 1 0-2.122l1.59-1.59L4.793 5.5Zm8.309-3.713a1.5 1.5 0 0 1 0 2.122L8.859 8.15 6.207 5.5 8.86 2.848Zm-3.89 6.01a1.5 1.5 0 0 1-2.12 0L2.847 8.86 5.5 6.207 8.152 8.86Z"
-                            fill="currentColor"
-                        />
-                    </svg>
-                )
-                break
+        case "ComponentInstanceNode":
+            icon = (
+                <svg
+                    role="presentation"
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="12"
+                    height="12"
+                    viewBox="0 0 12 12"
+                    fill="none"
+                    aria-hidden="true"
+                    focusable="false"
+                    className="component-icon"
+                >
+                    <path
+                        fill="currentColor"
+                        fillOpacity="0.2"
+                        stroke="currentColor"
+                        strokeWidth="1.5"
+                        d="M4.586 1.354a2 2 0 0 1 2.828 0l3.232 3.232a2 2 0 0 1 0 2.828l-3.232 3.232a2 2 0 0 1-2.828 0L1.354 7.414a2 2 0 0 1 0-2.828Z"
+                    />
+                    <path fill="none" stroke="currentColor" d="m3 3 6 6M9 3 3 9" />
+                </svg>
+            )
+            break
 
-            default:
-                icon = null
-        }
+        default:
+            icon = null
     }
 
     return <div className="icon">{icon}</div>
diff --git a/plugins/renamer/src/components/Tabs.tsx b/plugins/renamer/src/components/Tabs.tsx
index 52d05ca97..481bea90b 100644
--- a/plugins/renamer/src/components/Tabs.tsx
+++ b/plugins/renamer/src/components/Tabs.tsx
@@ -1,5 +1,4 @@
 import cx from "classnames"
-import { useMemo } from "react"
 
 interface TabItem {
     label: string
@@ -12,26 +11,9 @@ interface Props {
 }
 
 export default function Tabs({ items }: Props) {
-    const isPrerelease = useMemo(() => document.body.getAttribute("data-framer-styles") === "prerelease", [])
-    const activeIndex = items.findIndex(item => item.active)
-
     return (
         <div className="tabs">
             <div className="tabs-container">
-                {!isPrerelease && (
-                    <div className="tab-bg-container">
-                        {activeIndex !== -1 && (
-                            <div
-                                className="tab-bg"
-                                style={{
-                                    width: `${100 / items.length}%`,
-                                    left: `${(100 / items.length) * activeIndex}%`,
-                                }}
-                            />
-                        )}
-                    </div>
-                )}
-
                 {items.map((item, index) => (
                     <button key={index} className={cx("tab", item.active && "active")} onClick={item.select}>
                         {item.label}

From b61fc14aa4ee829406be69ebd20be60b2d933af6 Mon Sep 17 00:00:00 2001
From: Isaac Roberts <119639439+madebyisaacr@users.noreply.github.com>
Date: Mon, 15 Jun 2026 19:15:31 -0400
Subject: [PATCH 3/6] Text search

---
 .../src/components/ui/IconCollection.tsx      | 28 +------------------
 .../src/components/ui/IconComponent.tsx       | 11 +-------
 .../src/components/ui/IconWebPage.tsx         | 11 +-------
 3 files changed, 3 insertions(+), 47 deletions(-)

diff --git a/plugins/global-search/src/components/ui/IconCollection.tsx b/plugins/global-search/src/components/ui/IconCollection.tsx
index 6db402afb..82932847a 100644
--- a/plugins/global-search/src/components/ui/IconCollection.tsx
+++ b/plugins/global-search/src/components/ui/IconCollection.tsx
@@ -1,9 +1,7 @@
 import { type SVGProps, useMemo } from "react"
 
 export function IconCollection(props: SVGProps<SVGSVGElement>) {
-    const isPrerelease = useMemo(() => document.body.getAttribute("data-framer-styles") === "prerelease", [])
-
-    return isPrerelease ? (
+    return (
         <svg
             xmlns="http://www.w3.org/2000/svg"
             width="12"
@@ -27,29 +25,5 @@ export function IconCollection(props: SVGProps<SVGSVGElement>) {
                 d="M10.25 3.25c0 1.105-1.903 2-4.25 2s-4.25-.895-4.25-2M10.25 6c0 1.105-1.903 2-4.25 2s-4.25-.895-4.25-2"
             />
         </svg>
-    ) : (
-        <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width={12}
-            height={12}
-            viewBox="0 0 12 12"
-            fill="none"
-            role="presentation"
-            aria-hidden="true"
-            {...props}
-        >
-            <path
-                d="M 6 0.5 C 8.761 0.5 11 1.619 11 3 C 11 4.381 8.761 5.5 6 5.5 C 3.239 5.5 1 4.381 1 3 C 1 1.619 3.239 0.5 6 0.5 Z"
-                fill="currentColor"
-            />
-            <path
-                d="M 11 6 C 11 7.381 8.761 8.5 6 8.5 C 3.239 8.5 1 7.381 1 6 C 1 5.711 1.098 5.433 1.278 5.175 C 2.377 5.991 4.084 6.515 6 6.515 C 7.916 6.515 9.623 5.991 10.722 5.175 C 10.902 5.433 11 5.711 11 6 Z"
-                fill="currentColor"
-            />
-            <path
-                d="M 11 9 C 11 10.381 8.761 11.5 6 11.5 C 3.239 11.5 1 10.381 1 9 C 1 8.711 1.098 8.433 1.278 8.175 C 2.377 8.991 4.084 9.515 6 9.515 C 7.916 9.515 9.623 8.991 10.722 8.175 C 10.902 8.433 11 8.711 11 9 Z"
-                fill="currentColor"
-            />
-        </svg>
     )
 }
diff --git a/plugins/global-search/src/components/ui/IconComponent.tsx b/plugins/global-search/src/components/ui/IconComponent.tsx
index 6576792da..18f894b41 100644
--- a/plugins/global-search/src/components/ui/IconComponent.tsx
+++ b/plugins/global-search/src/components/ui/IconComponent.tsx
@@ -1,9 +1,7 @@
 import { type SVGProps, useMemo } from "react"
 
 export function IconComponent(props: SVGProps<SVGSVGElement>) {
-    const isPrerelease = useMemo(() => document.body.getAttribute("data-framer-styles") === "prerelease", [])
-
-    return isPrerelease ? (
+    return (
         <svg
             xmlns="http://www.w3.org/2000/svg"
             width="12"
@@ -23,12 +21,5 @@ export function IconComponent(props: SVGProps<SVGSVGElement>) {
             />
             <path fill="none" stroke="currentColor" d="m3 3 6 6M9 3 3 9" />
         </svg>
-    ) : (
-        <svg xmlns="http://www.w3.org/2000/svg" width={11} height={11} fill="none" {...props}>
-            <path
-                fill="currentColor"
-                d="M4.4.6C5 0 6 0 6.6.6L8.2 2 5.5 4.8 2.8 2zM2.1 8.2L.6 6.6C0 6 0 5 .6 4.4L2 2.8l2.7 2.7zm8.3-3.8c.6.6.6 1.6 0 2.2L9 8.2 6.2 5.5 9 2.8zm-3.8 6c-.6.6-1.6.6-2.2 0L2.8 9l2.7-2.7L8.2 9z"
-            />
-        </svg>
     )
 }
diff --git a/plugins/global-search/src/components/ui/IconWebPage.tsx b/plugins/global-search/src/components/ui/IconWebPage.tsx
index 3a485a62e..9d6d85c7b 100644
--- a/plugins/global-search/src/components/ui/IconWebPage.tsx
+++ b/plugins/global-search/src/components/ui/IconWebPage.tsx
@@ -1,9 +1,7 @@
 import { type SVGProps, useMemo } from "react"
 
 export function IconWebPage(props: SVGProps<SVGSVGElement>) {
-    const isPrerelease = useMemo(() => document.body.getAttribute("data-framer-styles") === "prerelease", [])
-
-    return isPrerelease ? (
+    return (
         <svg
             xmlns="http://www.w3.org/2000/svg"
             width="12"
@@ -28,12 +26,5 @@ export function IconWebPage(props: SVGProps<SVGSVGElement>) {
                 strokeWidth="1.5"
             />
         </svg>
-    ) : (
-        <svg xmlns="http://www.w3.org/2000/svg" width={10} height={12} fill="none" overflow="visible" {...props}>
-            <path
-                fill="currentColor"
-                d="M0 2.5C0 1.1 1.1 0 2.5 0H4c.6 0 1 .4 1 1v2c0 1.1.9 2 2 2h2c.6 0 1 .4 1 1v3.5c0 1.4-1.1 2.5-2.5 2.5h-5A2.5 2.5 0 010 9.5zm6.4-2a.3.3 0 00-.4.1V3c0 .6.4 1 1 1h2.4c.2 0 .3-.3.2-.4z"
-            />
-        </svg>
     )
 }

From e826446b4736d91110d601e6f416f091590b48c0 Mon Sep 17 00:00:00 2001
From: Isaac Roberts <119639439+madebyisaacr@users.noreply.github.com>
Date: Mon, 15 Jun 2026 19:19:28 -0400
Subject: [PATCH 4/6] ASCII

---
 plugins/ascii/src/App.css | 41 +++++++--------------------------------
 1 file changed, 7 insertions(+), 34 deletions(-)

diff --git a/plugins/ascii/src/App.css b/plugins/ascii/src/App.css
index d943c3dda..12de15313 100644
--- a/plugins/ascii/src/App.css
+++ b/plugins/ascii/src/App.css
@@ -12,12 +12,8 @@ body[data-framer-theme="light"] {
 }
 
 body[data-framer-theme="dark"] {
-    --slider-track-left-color: var(--framer-color-tint);
-    --slider-track-right-color: #444;
-}
-
-body[data-framer-styles="prerelease"][data-framer-theme="dark"] {
     --slider-track-left-color: #707070;
+    --slider-track-right-color: #444;
 }
 
 .canvas-container {
@@ -153,7 +149,7 @@ body[data-framer-theme="dark"] .gui-row .gui-label {
     min-height: 30px;
     border-radius: 8px;
     border: transparent;
-    background-color: var(--framer-color-bg-tertiary);
+    background-color: var(--framer-color-control);
     display: flex;
     align-items: center;
     display: flex;
@@ -212,10 +208,6 @@ body[data-framer-theme="dark"] .gui-row .gui-label {
     }
 }
 
-:where([data-framer-styles="prerelease"])[data-framer-theme="dark"] .color-input {
-    background-color: var(--framer-color-control);
-}
-
 body[data-framer-theme="light"] .color-input {
     input[type="color"]::after {
         box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
@@ -277,7 +269,7 @@ input[type="range"]::-webkit-slider-runnable-track {
         var(--slider-track-right-color) var(--progress)
     );
     border-radius: 2px;
-    height: 2px;
+    height: 3px;
     will-change: transform;
 }
 
@@ -290,10 +282,10 @@ input[type="range"]::-webkit-slider-thumb {
         0px 1px 3px 0px rgba(0, 0, 0, 0.2),
         0px 0.5px 0px 0px rgba(0, 0, 0, 0.1) !important;
     cursor: pointer;
-    height: 10px;
-    margin-top: -4px;
+    height: 12px;
+    width: 12px;
+    margin-top: -4.5px;
     opacity: 1;
-    width: 10px;
     will-change: transform;
 }
 
@@ -305,7 +297,7 @@ input[type="range"]::-moz-range-track {
         var(--slider-track-right-color) var(--progress)
     );
     border-radius: 2px;
-    height: 2px;
+    height: 3px;
     border: none;
 }
 
@@ -317,25 +309,6 @@ input[type="range"]::-moz-range-thumb {
         0px 1px 3px 0px rgba(0, 0, 0, 0.2),
         0px 0.5px 0px 0px rgba(0, 0, 0, 0.1) !important;
     cursor: pointer;
-    height: 10px;
-    width: 10px;
-}
-
-[data-framer-styles="prerelease"] input[type="range"]::-webkit-slider-runnable-track {
-    height: 3px;
-}
-
-[data-framer-styles="prerelease"] input[type="range"]::-webkit-slider-thumb {
-    height: 12px;
-    width: 12px;
-    margin-top: -4.5px;
-}
-
-[data-framer-styles="prerelease"] input[type="range"]::-moz-range-track {
-    height: 3px;
-}
-
-[data-framer-styles="prerelease"] input[type="range"]::-moz-range-thumb {
     height: 12px;
     width: 12px;
 }

From aeeaa7e6febe83463e30ae9fd80ebac32b6273bc Mon Sep 17 00:00:00 2001
From: Isaac Roberts <119639439+madebyisaacr@users.noreply.github.com>
Date: Mon, 15 Jun 2026 19:20:37 -0400
Subject: [PATCH 5/6] Dither

---
 plugins/dither/src/App.css | 41 +++++++-------------------------------
 1 file changed, 7 insertions(+), 34 deletions(-)

diff --git a/plugins/dither/src/App.css b/plugins/dither/src/App.css
index edff0f158..6cde016ad 100644
--- a/plugins/dither/src/App.css
+++ b/plugins/dither/src/App.css
@@ -27,12 +27,8 @@ body[data-framer-theme="light"] {
 }
 
 body[data-framer-theme="dark"] {
-    --slider-track-left-color: var(--framer-color-tint);
-    --slider-track-right-color: #444;
-}
-
-body[data-framer-styles="prerelease"][data-framer-theme="dark"] {
     --slider-track-left-color: #707070;
+    --slider-track-right-color: #444;
 }
 
 .canvas-container {
@@ -133,7 +129,7 @@ body[data-framer-theme="dark"] .gui-row .gui-label {
     min-height: 30px;
     border-radius: 8px;
     border: transparent;
-    background-color: var(--framer-color-bg-tertiary);
+    background-color: var(--framer-color-control);
     display: flex;
     align-items: center;
     display: flex;
@@ -191,10 +187,6 @@ body[data-framer-theme="dark"] .gui-row .gui-label {
     }
 }
 
-:where([data-framer-styles="prerelease"])[data-framer-theme="dark"] .color-input {
-    background-color: var(--framer-color-control);
-}
-
 body[data-framer-theme="light"] .color-input {
     input[type="color"]::after {
         border: 1px solid rgba(0, 0, 0, 0.15);
@@ -270,7 +262,7 @@ input[type="range"]::-webkit-slider-runnable-track {
         var(--slider-track-right-color) var(--progress)
     );
     border-radius: 2px;
-    height: 2px;
+    height: 3px;
     will-change: transform;
 }
 
@@ -283,10 +275,10 @@ input[type="range"]::-webkit-slider-thumb {
         0px 1px 3px 0px rgba(0, 0, 0, 0.2),
         0px 0.5px 0px 0px rgba(0, 0, 0, 0.1) !important;
     cursor: pointer;
-    height: 10px;
-    margin-top: -4px;
+    height: 12px;
+    width: 12px;
+    margin-top: -4.5px;
     opacity: 1;
-    width: 10px;
     will-change: transform;
 }
 
@@ -298,7 +290,7 @@ input[type="range"]::-moz-range-track {
         var(--slider-track-right-color) var(--progress)
     );
     border-radius: 2px;
-    height: 2px;
+    height: 3px;
     border: none;
 }
 
@@ -310,25 +302,6 @@ input[type="range"]::-moz-range-thumb {
         0px 1px 3px 0px rgba(0, 0, 0, 0.2),
         0px 0.5px 0px 0px rgba(0, 0, 0, 0.1) !important;
     cursor: pointer;
-    height: 10px;
-    width: 10px;
-}
-
-[data-framer-styles="prerelease"] input[type="range"]::-webkit-slider-runnable-track {
-    height: 3px;
-}
-
-[data-framer-styles="prerelease"] input[type="range"]::-webkit-slider-thumb {
-    height: 12px;
-    width: 12px;
-    margin-top: -4.5px;
-}
-
-[data-framer-styles="prerelease"] input[type="range"]::-moz-range-track {
-    height: 3px;
-}
-
-[data-framer-styles="prerelease"] input[type="range"]::-moz-range-thumb {
     height: 12px;
     width: 12px;
 }

From 40ee9ea8c7844d67678e7dd03de147f02e5e28f9 Mon Sep 17 00:00:00 2001
From: Isaac Roberts <119639439+madebyisaacr@users.noreply.github.com>
Date: Thu, 18 Jun 2026 13:25:19 -0400
Subject: [PATCH 6/6] Remove unused import

---
 plugins/global-search/src/components/ui/IconCollection.tsx | 2 +-
 plugins/global-search/src/components/ui/IconComponent.tsx  | 2 +-
 plugins/global-search/src/components/ui/IconWebPage.tsx    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/plugins/global-search/src/components/ui/IconCollection.tsx b/plugins/global-search/src/components/ui/IconCollection.tsx
index 82932847a..609c2f7d5 100644
--- a/plugins/global-search/src/components/ui/IconCollection.tsx
+++ b/plugins/global-search/src/components/ui/IconCollection.tsx
@@ -1,4 +1,4 @@
-import { type SVGProps, useMemo } from "react"
+import { type SVGProps } from "react"
 
 export function IconCollection(props: SVGProps<SVGSVGElement>) {
     return (
diff --git a/plugins/global-search/src/components/ui/IconComponent.tsx b/plugins/global-search/src/components/ui/IconComponent.tsx
index 18f894b41..93cfb91a5 100644
--- a/plugins/global-search/src/components/ui/IconComponent.tsx
+++ b/plugins/global-search/src/components/ui/IconComponent.tsx
@@ -1,4 +1,4 @@
-import { type SVGProps, useMemo } from "react"
+import { type SVGProps } from "react"
 
 export function IconComponent(props: SVGProps<SVGSVGElement>) {
     return (
diff --git a/plugins/global-search/src/components/ui/IconWebPage.tsx b/plugins/global-search/src/components/ui/IconWebPage.tsx
index 9d6d85c7b..fd336f78b 100644
--- a/plugins/global-search/src/components/ui/IconWebPage.tsx
+++ b/plugins/global-search/src/components/ui/IconWebPage.tsx
@@ -1,4 +1,4 @@
-import { type SVGProps, useMemo } from "react"
+import { type SVGProps } from "react"
 
 export function IconWebPage(props: SVGProps<SVGSVGElement>) {
     return (