npm - treege - Versions diffs - 3.0.0-beta.40 → 3.0.0-beta.41 - Mend

treege 3.0.0-beta.40 → 3.0.0-beta.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/{DefaultInputs-8yJMEyMh.js → DefaultInputs-xMZhO-ry.js} +372 -371
package/dist/ThemeContext-Ejgu9Mwr.js +1 -1
package/dist/{editor-DWJ95r4g.js → editor-sMVFoMxL.js} +290 -290
package/dist/editor.js +1 -1
package/dist/main.js +2 -2
package/dist/renderer.js +1 -1
package/package.json +7 -8

package/dist/{editor-DWJ95r4g.js → editor-sMVFoMxL.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { A as e, E as t, F as n, I as r, L as i, N as a, P as o, T as s, j as c, k as l, t as u } from "./ThemeContext-Ejgu9Mwr.js";
-import { $ as d, A as f, B as p, F as m, G as h, H as g, I as _, J as v, K as y, L as b, M as ee, N as te, P as x, Q as ne, R as S, U as C, V as re, W as w, X as ie, Y as T, Z as ae, _ as oe, at as E, c as D, et as O, it as k, j as se, k as ce, nt as A, o as le, p as ue, q as de, rt as fe, t as pe, tt as j, v as me, z as he } from "./DefaultInputs-8yJMEyMh.js";
+import { $ as d, A as f, B as p, F as m, G as h, H as g, I as _, J as v, K as y, L as b, M as ee, N as te, P as x, Q as ne, R as S, U as C, V as re, W as w, X as ie, Y as T, Z as ae, _ as oe, at as E, c as D, et as O, it as k, j as se, k as ce, nt as A, o as le, p as ue, q as de, rt as fe, t as pe, tt as j, v as me, z as he } from "./DefaultInputs-xMZhO-ry.js";
 import { Background as ge, BackgroundVariant as _e, BaseEdge as ve, Controls as ye, EdgeLabelRenderer as be, Handle as xe, MiniMap as Se, NodeResizer as Ce, Panel as we, Position as Te, ReactFlow as Ee, ReactFlowProvider as De, addEdge as Oe, getBezierPath as ke, useEdges as Ae, useNodes as je, useNodesInitialized as Me, useReactFlow as M, useStore as Ne } from "@xyflow/react";
 import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
 import { useForm as Pe } from "@tanstack/react-form";
@@ -16,11 +16,11 @@ import Lt from "@dagrejs/dagre";
 import { useTheme as Rt } from "next-themes";
 //#region src/editor/assets/img/treege-black.svg
 var zt = "data:image/svg+xml,%3csvg%20width='462'%20height='144'%20viewBox='0%200%20462%20144'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1809_3434)'%3e%3cpath%20d='M137%2041.34L116.57%206C116.22%205.39399%20115.717%204.89037%20115.112%204.53942C114.507%204.18847%20113.82%204.00247%20113.12%204H38.83C38.1303%204.00247%2037.4434%204.18847%2036.838%204.53942C36.2326%204.89037%2035.7299%205.39399%2035.38%206L15%2041.34C14.6495%2041.947%2014.4647%2042.6355%2014.4641%2043.3365C14.4635%2044.0374%2014.6471%2044.7262%2014.9965%2045.3339C15.3459%2045.9416%2015.8488%2046.4467%2016.455%2046.7988C17.0611%2047.1509%2017.7491%2047.3375%2018.45%2047.34H133.53C134.233%2047.341%20134.923%2047.157%20135.532%2046.8063C136.141%2046.4557%20136.647%2045.9508%20136.999%2045.3426C137.35%2044.7343%20137.536%2044.0441%20137.536%2043.3415C137.536%2042.6388%20137.351%2041.9485%20137%2041.34V41.34Z'%20fill='%2311D3B4'/%3e%3cpath%20d='M92.48%20140.64H113.1C113.805%20140.643%20114.498%20140.459%20115.109%20140.108C115.72%20139.757%20116.228%20139.251%20116.58%20138.64L151.39%2078.3401C151.741%2077.7316%20151.926%2077.0413%20151.926%2076.3386C151.926%2075.636%20151.74%2074.9458%20151.389%2074.3375C151.037%2073.7293%20150.531%2073.2244%20149.922%2072.8738C149.313%2072.5231%20148.623%2072.3391%20147.92%2072.3401H92.48C91.4191%2072.3401%2090.4017%2072.7615%2089.6516%2073.5117C88.9014%2074.2618%2088.48%2075.2792%2088.48%2076.3401V136.64C88.48%20137.701%2088.9014%20138.718%2089.6516%20139.469C90.4017%20140.219%2091.4191%20140.64%2092.48%20140.64Z'%20fill='%23007EF6'/%3e%3cpath%20d='M59.48%2072.3201H3.99999C3.29819%2072.3208%202.60893%2072.5061%202.00143%2072.8575C1.39392%2073.2089%200.88955%2073.7139%200.538962%2074.3218C0.188375%2074.9298%200.00390931%2075.6193%200.00408949%2076.3211C0.00426966%2077.0229%200.189089%2077.7123%200.539989%2078.3201L35.38%20138.66C35.7299%20139.266%2036.2326%20139.77%2036.838%20140.121C37.4434%20140.472%2038.1302%20140.658%2038.83%20140.66H59.48C60.5409%20140.66%2061.5583%20140.239%2062.3084%20139.489C63.0586%20138.738%2063.48%20137.721%2063.48%20136.66V76.3101C63.4773%2075.2509%2063.0547%2074.2361%2062.3049%2073.4881C61.555%2072.7401%2060.5391%2072.3201%2059.48%2072.3201V72.3201Z'%20fill='%230164A8'/%3e%3c/g%3e%3cpath%20d='M207.52%20106.96C202.272%20106.96%20198.368%20105.584%20195.808%20102.832C193.312%20100.08%20192.064%2096.336%20192.064%2091.6V70.48H185.632V60.496H192.064V50.704L205.024%2046.864V60.496H216.544L215.776%2070.48H205.024V90.736C205.024%2093.232%20205.6%2094.96%20206.752%2095.92C207.904%2096.816%20209.696%2097.264%20212.128%2097.264C213.92%2097.264%20215.776%2096.944%20217.696%2096.304V105.232C216.288%20105.808%20214.752%20106.224%20213.088%20106.48C211.424%20106.8%20209.568%20106.96%20207.52%20106.96ZM224.347%20106V60.496H236.347L236.923%2065.2C238.971%2063.92%20241.499%2062.768%20244.507%2061.744C247.579%2060.656%20250.587%2059.92%20253.531%2059.536V69.328C251.803%2069.584%20249.915%2069.968%20247.867%2070.48C245.819%2070.992%20243.867%2071.568%20242.011%2072.208C240.155%2072.848%20238.587%2073.52%20237.307%2074.224V106H224.347ZM281.997%20106.96C274.125%20106.96%20267.885%20105.008%20263.277%20101.104C258.669%2097.136%20256.365%2091.152%20256.365%2083.152C256.365%2075.92%20258.285%2070.192%20262.125%2065.968C266.029%2061.68%20271.821%2059.536%20279.501%2059.536C286.541%2059.536%20291.917%2061.392%20295.629%2065.104C299.405%2068.752%20301.292%2073.552%20301.292%2079.504V87.76H268.365C269.069%2091.408%20270.733%2093.904%20273.357%2095.248C276.045%2096.592%20279.821%2097.264%20284.685%2097.264C287.117%2097.264%20289.581%2097.04%20292.077%2096.592C294.637%2096.144%20296.813%2095.568%20298.605%2094.864V104.08C296.493%20105.04%20294.029%20105.744%20291.213%20106.192C288.397%20106.704%20285.325%20106.96%20281.997%20106.96ZM268.365%2079.792H289.965V77.296C289.965%2074.672%20289.197%2072.624%20287.661%2071.152C286.125%2069.616%20283.533%2068.848%20279.885%2068.848C275.597%2068.848%20272.589%2069.712%20270.861%2071.44C269.197%2073.168%20268.365%2075.952%20268.365%2079.792ZM334.028%20106.96C326.156%20106.96%20319.916%20105.008%20315.308%20101.104C310.7%2097.136%20308.396%2091.152%20308.396%2083.152C308.396%2075.92%20310.316%2070.192%20314.156%2065.968C318.06%2061.68%20323.852%2059.536%20331.532%2059.536C338.572%2059.536%20343.948%2061.392%20347.66%2065.104C351.436%2068.752%20353.324%2073.552%20353.324%2079.504V87.76H320.396C321.1%2091.408%20322.764%2093.904%20325.388%2095.248C328.076%2096.592%20331.852%2097.264%20336.716%2097.264C339.148%2097.264%20341.612%2097.04%20344.108%2096.592C346.668%2096.144%20348.844%2095.568%20350.636%2094.864V104.08C348.524%20105.04%20346.06%20105.744%20343.244%20106.192C340.428%20106.704%20337.356%20106.96%20334.028%20106.96ZM320.396%2079.792H341.996V77.296C341.996%2074.672%20341.228%2072.624%20339.692%2071.152C338.156%2069.616%20335.564%2068.848%20331.916%2068.848C327.628%2068.848%20324.62%2069.712%20322.892%2071.44C321.228%2073.168%20320.396%2075.952%20320.396%2079.792ZM381.547%20122.896C378.155%20122.896%20374.667%20122.672%20371.083%20122.224C367.563%20121.776%20364.587%20121.136%20362.155%20120.304V110.608C364.715%20111.44%20367.723%20112.08%20371.179%20112.528C374.635%20113.04%20377.867%20113.296%20380.875%20113.296C385.291%20113.296%20388.491%20113.04%20390.475%20112.528C392.459%20112.08%20393.451%20111.248%20393.451%20110.032C393.451%20109.008%20393.003%20108.304%20392.107%20107.92C391.275%20107.536%20389.483%20107.344%20386.731%20107.344H374.347C366.219%20107.344%20362.155%20104.336%20362.155%2098.32C362.155%2096.464%20362.667%2094.768%20363.691%2093.232C364.715%2091.696%20366.347%2090.48%20368.587%2089.584C363.403%2086.96%20360.811%2082.544%20360.811%2076.336C360.811%2070.448%20362.635%2066.192%20366.283%2063.568C369.931%2060.88%20375.339%2059.536%20382.507%2059.536C383.979%2059.536%20385.579%2059.664%20387.307%2059.92C389.099%2060.112%20390.443%2060.304%20391.339%2060.496H408.427L408.139%2068.656H400.939C402.923%2070.512%20403.915%2073.104%20403.915%2076.432C403.915%2081.104%20402.443%2084.848%20399.499%2087.664C396.555%2090.416%20392.203%2091.792%20386.443%2091.792C385.419%2091.792%20384.427%2091.76%20383.467%2091.696C382.571%2091.568%20381.643%2091.44%20380.683%2091.312C378.763%2091.568%20377.131%2092.016%20375.787%2092.656C374.507%2093.296%20373.867%2094.16%20373.867%2095.248C373.867%2096.72%20375.179%2097.456%20377.803%2097.456H390.667C395.275%2097.456%20398.827%2098.512%20401.323%20100.624C403.819%20102.672%20405.067%20105.68%20405.067%20109.648C405.067%20114.128%20403.051%20117.456%20399.019%20119.632C394.987%20121.808%20389.163%20122.896%20381.547%20122.896ZM382.603%2084.496C386.443%2084.496%20389.099%2083.856%20390.571%2082.576C392.107%2081.232%20392.875%2078.992%20392.875%2075.856C392.875%2072.72%20392.107%2070.448%20390.571%2069.04C389.099%2067.632%20386.443%2066.928%20382.603%2066.928C378.955%2066.928%20376.331%2067.632%20374.731%2069.04C373.131%2070.384%20372.331%2072.656%20372.331%2075.856C372.331%2078.8%20373.067%2080.976%20374.539%2082.384C376.075%2083.792%20378.763%2084.496%20382.603%2084.496ZM439.028%20106.96C431.156%20106.96%20424.916%20105.008%20420.308%20101.104C415.7%2097.136%20413.396%2091.152%20413.396%2083.152C413.396%2075.92%20415.316%2070.192%20419.156%2065.968C423.06%2061.68%20428.852%2059.536%20436.532%2059.536C443.572%2059.536%20448.948%2061.392%20452.66%2065.104C456.436%2068.752%20458.324%2073.552%20458.324%2079.504V87.76H425.396C426.1%2091.408%20427.764%2093.904%20430.388%2095.248C433.076%2096.592%20436.852%2097.264%20441.716%2097.264C444.148%2097.264%20446.612%2097.04%20449.108%2096.592C451.668%2096.144%20453.844%2095.568%20455.636%2094.864V104.08C453.524%20105.04%20451.06%20105.744%20448.244%20106.192C445.428%20106.704%20442.356%20106.96%20439.028%20106.96ZM425.396%2079.792H446.996V77.296C446.996%2074.672%20446.228%2072.624%20444.692%2071.152C443.156%2069.616%20440.564%2068.848%20436.916%2068.848C432.628%2068.848%20429.62%2069.712%20427.892%2071.44C426.228%2073.168%20425.396%2075.952%20425.396%2079.792Z'%20fill='black'/%3e%3cdefs%3e%3cclipPath%20id='clip0_1809_3434'%3e%3crect%20width='151.93'%20height='136.64'%20fill='white'%20transform='translate(0%204)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Bt = "data:image/svg+xml,%3csvg%20width='462'%20height='144'%20viewBox='0%200%20462%20144'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2_65)'%3e%3cpath%20d='M137%2041.34L116.57%206C116.22%205.39399%20115.717%204.89037%20115.112%204.53942C114.507%204.18847%20113.82%204.00247%20113.12%204H38.83C38.1302%204.00247%2037.4434%204.18847%2036.838%204.53942C36.2326%204.89037%2035.7299%205.39399%2035.38%206L15%2041.34C14.6495%2041.947%2014.4647%2042.6355%2014.4641%2043.3365C14.4635%2044.0374%2014.6471%2044.7262%2014.9965%2045.3339C15.3459%2045.9416%2015.8488%2046.4467%2016.4549%2046.7988C17.061%2047.1509%2017.749%2047.3375%2018.45%2047.34H133.53C134.233%2047.341%20134.923%2047.157%20135.532%2046.8063C136.141%2046.4557%20136.647%2045.9508%20136.999%2045.3426C137.35%2044.7343%20137.536%2044.0441%20137.536%2043.3415C137.536%2042.6388%20137.351%2041.9485%20137%2041.34Z'%20fill='%2311D3B4'/%3e%3cpath%20d='M92.48%20140.64H113.1C113.805%20140.643%20114.498%20140.459%20115.109%20140.108C115.72%20139.757%20116.228%20139.25%20116.58%20138.64L151.39%2078.34C151.741%2077.7315%20151.926%2077.0412%20151.926%2076.3385C151.926%2075.6359%20151.74%2074.9457%20151.389%2074.3374C151.037%2073.7292%20150.531%2073.2243%20149.922%2072.8737C149.313%2072.523%20148.623%2072.339%20147.92%2072.34H92.48C91.4191%2072.34%2090.4017%2072.7614%2089.6516%2073.5116C88.9014%2074.2617%2088.48%2075.2791%2088.48%2076.34V136.64C88.48%20137.701%2088.9014%20138.718%2089.6516%20139.468C90.4017%20140.219%2091.4191%20140.64%2092.48%20140.64Z'%20fill='%23007EF6'/%3e%3cpath%20d='M59.48%2072.32H4C3.2982%2072.3207%202.60894%2072.5061%202.00143%2072.8574C1.39393%2073.2088%200.889558%2073.7138%200.53897%2074.3218C0.188382%2074.9297%200.00391694%2075.6192%200.00409712%2076.321C0.00427729%2077.0228%200.189097%2077.7122%200.539997%2078.32L35.38%20138.66C35.7299%20139.266%2036.2326%20139.77%2036.838%20140.121C37.4434%20140.472%2038.1302%20140.658%2038.83%20140.66H59.48C60.5409%20140.66%2061.5583%20140.239%2062.3084%20139.488C63.0586%20138.738%2063.48%20137.721%2063.48%20136.66V76.31C63.4773%2075.2509%2063.0548%2074.236%2062.3049%2073.488C61.555%2072.7401%2060.5391%2072.32%2059.48%2072.32Z'%20fill='%230164A8'/%3e%3c/g%3e%3cpath%20d='M207.52%20106.96C202.272%20106.96%20198.368%20105.584%20195.808%20102.832C193.312%20100.08%20192.064%2096.336%20192.064%2091.6V70.48H185.632V60.496H192.064V50.704L205.024%2046.864V60.496H216.544L215.776%2070.48H205.024V90.736C205.024%2093.232%20205.6%2094.96%20206.752%2095.92C207.904%2096.816%20209.696%2097.264%20212.128%2097.264C213.92%2097.264%20215.776%2096.944%20217.696%2096.304V105.232C216.288%20105.808%20214.752%20106.224%20213.088%20106.48C211.424%20106.8%20209.568%20106.96%20207.52%20106.96ZM224.347%20106V60.496H236.347L236.923%2065.2C238.971%2063.92%20241.499%2062.768%20244.507%2061.744C247.579%2060.656%20250.587%2059.92%20253.531%2059.536V69.328C251.803%2069.584%20249.915%2069.968%20247.867%2070.48C245.819%2070.992%20243.867%2071.568%20242.011%2072.208C240.155%2072.848%20238.587%2073.52%20237.307%2074.224V106H224.347ZM281.997%20106.96C274.125%20106.96%20267.885%20105.008%20263.277%20101.104C258.669%2097.136%20256.365%2091.152%20256.365%2083.152C256.365%2075.92%20258.285%2070.192%20262.125%2065.968C266.029%2061.68%20271.821%2059.536%20279.501%2059.536C286.541%2059.536%20291.917%2061.392%20295.629%2065.104C299.405%2068.752%20301.292%2073.552%20301.292%2079.504V87.76H268.365C269.069%2091.408%20270.733%2093.904%20273.357%2095.248C276.045%2096.592%20279.821%2097.264%20284.685%2097.264C287.117%2097.264%20289.581%2097.04%20292.077%2096.592C294.637%2096.144%20296.813%2095.568%20298.605%2094.864V104.08C296.493%20105.04%20294.029%20105.744%20291.213%20106.192C288.397%20106.704%20285.325%20106.96%20281.997%20106.96ZM268.365%2079.792H289.965V77.296C289.965%2074.672%20289.197%2072.624%20287.661%2071.152C286.125%2069.616%20283.533%2068.848%20279.885%2068.848C275.597%2068.848%20272.589%2069.712%20270.861%2071.44C269.197%2073.168%20268.365%2075.952%20268.365%2079.792ZM334.028%20106.96C326.156%20106.96%20319.916%20105.008%20315.308%20101.104C310.7%2097.136%20308.396%2091.152%20308.396%2083.152C308.396%2075.92%20310.316%2070.192%20314.156%2065.968C318.06%2061.68%20323.852%2059.536%20331.532%2059.536C338.572%2059.536%20343.948%2061.392%20347.66%2065.104C351.436%2068.752%20353.324%2073.552%20353.324%2079.504V87.76H320.396C321.1%2091.408%20322.764%2093.904%20325.388%2095.248C328.076%2096.592%20331.852%2097.264%20336.716%2097.264C339.148%2097.264%20341.612%2097.04%20344.108%2096.592C346.668%2096.144%20348.844%2095.568%20350.636%2094.864V104.08C348.524%20105.04%20346.06%20105.744%20343.244%20106.192C340.428%20106.704%20337.356%20106.96%20334.028%20106.96ZM320.396%2079.792H341.996V77.296C341.996%2074.672%20341.228%2072.624%20339.692%2071.152C338.156%2069.616%20335.564%2068.848%20331.916%2068.848C327.628%2068.848%20324.62%2069.712%20322.892%2071.44C321.228%2073.168%20320.396%2075.952%20320.396%2079.792ZM381.547%20122.896C378.155%20122.896%20374.667%20122.672%20371.083%20122.224C367.563%20121.776%20364.587%20121.136%20362.155%20120.304V110.608C364.715%20111.44%20367.723%20112.08%20371.179%20112.528C374.635%20113.04%20377.867%20113.296%20380.875%20113.296C385.291%20113.296%20388.491%20113.04%20390.475%20112.528C392.459%20112.08%20393.451%20111.248%20393.451%20110.032C393.451%20109.008%20393.003%20108.304%20392.107%20107.92C391.275%20107.536%20389.483%20107.344%20386.731%20107.344H374.347C366.219%20107.344%20362.155%20104.336%20362.155%2098.32C362.155%2096.464%20362.667%2094.768%20363.691%2093.232C364.715%2091.696%20366.347%2090.48%20368.587%2089.584C363.403%2086.96%20360.811%2082.544%20360.811%2076.336C360.811%2070.448%20362.635%2066.192%20366.283%2063.568C369.931%2060.88%20375.339%2059.536%20382.507%2059.536C383.979%2059.536%20385.579%2059.664%20387.307%2059.92C389.099%2060.112%20390.443%2060.304%20391.339%2060.496H408.427L408.139%2068.656H400.939C402.923%2070.512%20403.915%2073.104%20403.915%2076.432C403.915%2081.104%20402.443%2084.848%20399.499%2087.664C396.555%2090.416%20392.203%2091.792%20386.443%2091.792C385.419%2091.792%20384.427%2091.76%20383.467%2091.696C382.571%2091.568%20381.643%2091.44%20380.683%2091.312C378.763%2091.568%20377.131%2092.016%20375.787%2092.656C374.507%2093.296%20373.867%2094.16%20373.867%2095.248C373.867%2096.72%20375.179%2097.456%20377.803%2097.456H390.667C395.275%2097.456%20398.827%2098.512%20401.323%20100.624C403.819%20102.672%20405.067%20105.68%20405.067%20109.648C405.067%20114.128%20403.051%20117.456%20399.019%20119.632C394.987%20121.808%20389.163%20122.896%20381.547%20122.896ZM382.603%2084.496C386.443%2084.496%20389.099%2083.856%20390.571%2082.576C392.107%2081.232%20392.875%2078.992%20392.875%2075.856C392.875%2072.72%20392.107%2070.448%20390.571%2069.04C389.099%2067.632%20386.443%2066.928%20382.603%2066.928C378.955%2066.928%20376.331%2067.632%20374.731%2069.04C373.131%2070.384%20372.331%2072.656%20372.331%2075.856C372.331%2078.8%20373.067%2080.976%20374.539%2082.384C376.075%2083.792%20378.763%2084.496%20382.603%2084.496ZM439.028%20106.96C431.156%20106.96%20424.916%20105.008%20420.308%20101.104C415.7%2097.136%20413.396%2091.152%20413.396%2083.152C413.396%2075.92%20415.316%2070.192%20419.156%2065.968C423.06%2061.68%20428.852%2059.536%20436.532%2059.536C443.572%2059.536%20448.948%2061.392%20452.66%2065.104C456.436%2068.752%20458.324%2073.552%20458.324%2079.504V87.76H425.396C426.1%2091.408%20427.764%2093.904%20430.388%2095.248C433.076%2096.592%20436.852%2097.264%20441.716%2097.264C444.148%2097.264%20446.612%2097.04%20449.108%2096.592C451.668%2096.144%20453.844%2095.568%20455.636%2094.864V104.08C453.524%20105.04%20451.06%20105.744%20448.244%20106.192C445.428%20106.704%20442.356%20106.96%20439.028%20106.96ZM425.396%2079.792H446.996V77.296C446.996%2074.672%20446.228%2072.624%20444.692%2071.152C443.156%2069.616%20440.564%2068.848%20436.916%2068.848C432.628%2068.848%20429.62%2069.712%20427.892%2071.44C426.228%2073.168%20425.396%2075.952%20425.396%2079.792Z'%20fill='white'/%3e%3cdefs%3e%3cclipPath%20id='clip0_2_65'%3e%3crect%20width='151.93'%20height='136.64'%20fill='white'%20transform='translate(0%204)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Vt = ({ theme: e = "dark" }) => /* @__PURE__ */ P("div", {
-	className: "absolute top-5 left-5 z-50 select-none",
+	className: "tg:absolute tg:top-5 tg:left-5 tg:z-50 tg:select-none",
 	children: /* @__PURE__ */ P("img", {
 		src: e === "dark" ? Bt : zt,
 		alt: "Treege",
-		className: "relative h-14 w-auto drop-shadow-[0_0px_35px] drop-shadow-blue-600"
+		className: "tg:relative tg:h-14 tg:w-auto tg:drop-shadow-[0_0px_35px] tg:drop-shadow-blue-600"
 	})
 }), Ht = (e) => {
 	let t = je(), n = Ae();
@@ -94,12 +94,12 @@ var zt = "data:image/svg+xml,%3csvg%20width='462'%20height='144'%20viewBox='0%20
 function Gt({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ F(Nt.Root, {
 		"data-slot": "scroll-area",
-		className: E("relative", e),
+		className: E("tg:relative", e),
 		...n,
 		children: [
 			/* @__PURE__ */ P(Nt.Viewport, {
 				"data-slot": "scroll-area-viewport",
-				className: "size-full rounded-[inherit] outline-none transition-[color,box-shadow] focus-visible:outline-1 focus-visible:ring-[3px] focus-visible:ring-ring/50",
+				className: "tg:size-full tg:rounded-[inherit] tg:outline-none tg:transition-[color,box-shadow] tg:focus-visible:outline-1 tg:focus-visible:ring-[3px] tg:focus-visible:ring-ring/50",
 				children: t
 			}),
 			/* @__PURE__ */ P(Kt, {}),
@@ -111,11 +111,11 @@ function Kt({ className: e, orientation: t = "vertical", ...n }) {
 	return /* @__PURE__ */ P(Nt.ScrollAreaScrollbar, {
 		"data-slot": "scroll-area-scrollbar",
 		orientation: t,
-		className: E("flex touch-none select-none p-px transition-colors", t === "vertical" && "h-full w-2.5 border-l border-l-transparent", t === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", e),
+		className: E("tg:flex tg:touch-none tg:select-none tg:p-px tg:transition-colors", t === "vertical" && "tg:h-full tg:w-2.5 tg:border-l tg:border-l-transparent", t === "horizontal" && "tg:h-2.5 tg:flex-col tg:border-t tg:border-t-transparent", e),
 		...n,
 		children: /* @__PURE__ */ P(Nt.ScrollAreaThumb, {
 			"data-slot": "scroll-area-thumb",
-			className: "relative flex-1 rounded-full bg-border"
+			className: "tg:relative tg:flex-1 tg:rounded-full tg:bg-border"
 		})
 	});
 }
@@ -185,7 +185,7 @@ var qt = {
 			}
 			let n = t.filter((t) => t.logicalOperator === e.AND).length, r = t.filter((t) => t.logicalOperator === e.OR).length;
 			return n > 0 && r === 0 ? `${t.length} ${x("editor.conditionalEdge.conditionsAnd")}` : r > 0 && n === 0 ? `${t.length} ${x("editor.conditionalEdge.conditionsOr")}` : `${t.length} ${x("editor.conditionalEdge.conditionsMixed")}`;
-		}, ue = () => f?.isFallback ? "var(--color-chart-4)" : S ? "var(--color-chart-2)" : "var(--color-chart-3)";
+		}, ue = () => f?.isFallback ? "var(--treege-chart-4)" : S ? "var(--treege-chart-2)" : "var(--treege-chart-3)";
 		return /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(ve, {
 			path: p,
 			markerEnd: l,
@@ -196,7 +196,7 @@ var qt = {
 				strokeWidth: S ? 2 : u?.strokeWidth
 			}
 		}), /* @__PURE__ */ P(be, { children: /* @__PURE__ */ P("div", {
-			className: "nodrag nopan absolute",
+			className: "nodrag nopan tg:absolute",
 			style: {
 				pointerEvents: "all",
 				transform: `translate(-50%, -50%) translate(${m}px,${_}px)`
@@ -209,35 +209,35 @@ var qt = {
 					children: /* @__PURE__ */ F(k, {
 						variant: S ? "default" : "secondary",
 						size: "xs",
-						className: E("transition-[filter]", S ? "hover:bg-primary hover:brightness-125" : "hover:bg-secondary hover:brightness-90"),
+						className: E("tg:transition-[filter]", S ? "tg:hover:bg-primary tg:hover:brightness-125" : "tg:hover:bg-secondary tg:hover:brightness-90"),
 						onClick: D,
-						children: [/* @__PURE__ */ P(St, { className: "h-3 w-3" }), S ? le() : x("editor.conditionalEdge.defineCondition")]
+						children: [/* @__PURE__ */ P(St, { className: "tg:h-3 tg:w-3" }), S ? le() : x("editor.conditionalEdge.defineCondition")]
 					})
 				}), /* @__PURE__ */ P(ae, {
-					className: "w-96 p-1",
+					className: "tg:w-96 tg:p-1",
 					align: "center",
 					onClick: (e) => e.stopPropagation(),
 					children: /* @__PURE__ */ P(Gt, {
-						className: "flex max-h-150 flex-col p-3",
+						className: "tg:flex tg:max-h-150 tg:flex-col tg:p-3",
 						children: /* @__PURE__ */ P("form", {
 							onSubmit: (e) => {
 								e.preventDefault(), e.stopPropagation();
 							},
 							children: /* @__PURE__ */ F("div", {
-								className: "grid gap-5",
+								className: "tg:grid tg:gap-5",
 								children: [
 									/* @__PURE__ */ F("div", {
-										className: "space-y-2",
+										className: "tg:space-y-2",
 										children: [/* @__PURE__ */ P("h4", {
-											className: "font-medium leading-none",
+											className: "tg:font-medium tg:leading-none",
 											children: x("editor.conditionalEdge.displayConditions")
 										}), /* @__PURE__ */ P("p", {
-											className: "text-muted-foreground text-sm",
+											className: "tg:text-muted-foreground tg:text-sm",
 											children: x("editor.conditionalEdge.displayConditionsDesc")
 										})]
 									}),
 									/* @__PURE__ */ F("div", {
-										className: "grid gap-4",
+										className: "tg:grid tg:gap-4",
 										children: [
 											/* @__PURE__ */ P(oe, {
 												name: "label",
@@ -258,19 +258,19 @@ var qt = {
 											/* @__PURE__ */ P(oe, {
 												name: "isFallback",
 												children: (e) => /* @__PURE__ */ P(A, { children: /* @__PURE__ */ F("div", {
-													className: "flex items-center gap-3 rounded-lg border bg-muted/20 p-3",
+													className: "tg:flex tg:items-center tg:gap-3 tg:rounded-lg tg:border tg:bg-muted/20 tg:p-3",
 													children: [/* @__PURE__ */ P(fe, {
 														id: e.name,
 														checked: e.state.value,
 														onCheckedChange: (t) => e.handleChange(t)
 													}), /* @__PURE__ */ F("div", {
-														className: "flex flex-col gap-1",
+														className: "tg:flex tg:flex-col tg:gap-1",
 														children: [/* @__PURE__ */ P(d, {
 															htmlFor: e.name,
-															className: "cursor-pointer font-medium",
+															className: "tg:cursor-pointer tg:font-medium",
 															children: x("editor.conditionalEdge.fallbackPath")
 														}), /* @__PURE__ */ P(j, {
-															className: "text-xs",
+															className: "tg:text-xs",
 															children: x("editor.conditionalEdge.fallbackPathDesc")
 														})]
 													})]
@@ -282,16 +282,16 @@ var qt = {
 												children: (t) => {
 													let n = t.form.getFieldValue("isFallback");
 													return /* @__PURE__ */ F("div", {
-														className: "space-y-3",
+														className: "tg:space-y-3",
 														children: [/* @__PURE__ */ P(d, {
-															className: n ? "text-muted-foreground" : "",
+															className: n ? "tg:text-muted-foreground" : "",
 															children: x("editor.conditionalEdge.conditions")
 														}), /* @__PURE__ */ F("div", {
-															className: "space-y-2",
+															className: "tg:space-y-2",
 															children: [t.state.value?.map((r, i) => /* @__PURE__ */ F("div", {
-																className: "space-y-2",
+																className: "tg:space-y-2",
 																children: [/* @__PURE__ */ F("div", {
-																	className: "space-y-2 rounded-lg border bg-muted/30 p-3",
+																	className: "tg:space-y-2 tg:rounded-lg tg:border tg:bg-muted/30 tg:p-3",
 																	children: [
 																		/* @__PURE__ */ P(oe, {
 																			name: `conditions[${i}].field`,
@@ -304,7 +304,7 @@ var qt = {
 																				onValueChange: (t) => e.handleChange(t),
 																				children: [/* @__PURE__ */ P(v, {
 																					id: `field-${i}`,
-																					className: "w-full",
+																					className: "tg:w-full",
 																					children: /* @__PURE__ */ P(T, { placeholder: x("editor.conditionalEdge.selectField") })
 																				}), /* @__PURE__ */ P(C, { children: te.length === 0 ? /* @__PURE__ */ P(h, {
 																					value: "none",
@@ -322,7 +322,7 @@ var qt = {
 																			})] })
 																		}),
 																		/* @__PURE__ */ F("div", {
-																			className: "flex gap-2",
+																			className: "tg:flex tg:gap-2",
 																			children: [/* @__PURE__ */ P(oe, {
 																				name: `conditions[${i}].operator`,
 																				children: (e) => /* @__PURE__ */ F(A, { children: [/* @__PURE__ */ P(d, {
@@ -365,7 +365,7 @@ var qt = {
 																			}), /* @__PURE__ */ P(oe, {
 																				name: `conditions[${i}].value`,
 																				children: (e) => /* @__PURE__ */ F(A, {
-																					className: "w-full",
+																					className: "tg:w-full",
 																					children: [/* @__PURE__ */ P(d, {
 																						htmlFor: `value-${i}`,
 																						children: x("editor.conditionalEdge.value")
@@ -384,23 +384,23 @@ var qt = {
 																			type: "button",
 																			variant: "ghost",
 																			size: "sm",
-																			className: "w-full",
+																			className: "tg:w-full",
 																			onClick: () => {
 																				t.removeValue(i), re().then();
 																			},
-																			children: [/* @__PURE__ */ P(L, { className: "mr-1 h-4 w-4" }), x("editor.conditionalEdge.removeCondition")]
+																			children: [/* @__PURE__ */ P(L, { className: "tg:mr-1 tg:h-4 tg:w-4" }), x("editor.conditionalEdge.removeCondition")]
 																		})
 																	]
 																}), t.state.value && i < t.state.value.length - 1 && /* @__PURE__ */ P(oe, {
 																	name: `conditions[${i}].logicalOperator`,
 																	children: (t) => /* @__PURE__ */ P("div", {
-																		className: "flex justify-center",
+																		className: "tg:flex tg:justify-center",
 																		children: /* @__PURE__ */ F(g, {
 																			disabled: n,
 																			value: t.state.value || e.AND,
 																			onValueChange: (e) => t.handleChange(e),
 																			children: [/* @__PURE__ */ P(v, {
-																				className: "h-9 w-32 font-semibold",
+																				className: "tg:h-9 tg:w-32 tg:font-semibold",
 																				children: /* @__PURE__ */ P(T, {})
 																			}), /* @__PURE__ */ F(C, { children: [/* @__PURE__ */ P(h, {
 																				value: e.AND,
@@ -417,7 +417,7 @@ var qt = {
 																type: "button",
 																variant: "outline",
 																size: "sm",
-																className: "w-full",
+																className: "tg:w-full",
 																onClick: () => {
 																	t.pushValue({
 																		field: te[0]?.nodeId ?? "",
@@ -426,7 +426,7 @@ var qt = {
 																		value: ""
 																	}), re().then();
 																},
-																children: [/* @__PURE__ */ P(I, { className: "mr-2 h-4 w-4" }), x("editor.conditionalEdge.addCondition")]
+																children: [/* @__PURE__ */ P(I, { className: "tg:mr-2 tg:h-4 tg:w-4" }), x("editor.conditionalEdge.addCondition")]
 															})]
 														})]
 													});
@@ -435,13 +435,13 @@ var qt = {
 										]
 									}),
 									/* @__PURE__ */ F("div", {
-										className: "flex justify-end gap-2 pt-2",
+										className: "tg:flex tg:justify-end tg:gap-2 tg:pt-2",
 										children: [/* @__PURE__ */ F(k, {
 											type: "button",
 											size: "sm",
 											variant: "outline",
 											onClick: se,
-											children: [/* @__PURE__ */ P(L, { className: "mr-1 h-4 w-4" }), x("common.clear")]
+											children: [/* @__PURE__ */ P(L, { className: "tg:mr-1 tg:h-4 tg:w-4" }), x("common.clear")]
 										}), /* @__PURE__ */ P(k, {
 											type: "button",
 											size: "sm",
@@ -590,7 +590,7 @@ var qt = {
 		onClick: d,
 		onMouseDown: d,
 		onPointerDown: d,
-		className: E("nodrag nopan w-full truncate bg-transparent outline-none placeholder:text-muted-foreground/40", r)
+		className: E("nodrag nopan tg:w-full tg:truncate tg:bg-transparent tg:outline-none tg:placeholder:text-muted-foreground/40", r)
 	});
 };
 //#endregion
@@ -611,7 +611,7 @@ function q({ className: e, sideOffset: t = 4, ...n }) {
 	return /* @__PURE__ */ P(B.Portal, { children: /* @__PURE__ */ P(B.Content, {
 		"data-slot": "dropdown-menu-content",
 		sideOffset: t,
-		className: E("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in", e),
+		className: E("tg:data-[state=closed]:fade-out-0 tg:data-[state=open]:fade-in-0 tg:data-[state=closed]:zoom-out-95 tg:data-[state=open]:zoom-in-95 tg:data-[side=bottom]:slide-in-from-top-2 tg:data-[side=left]:slide-in-from-right-2 tg:data-[side=right]:slide-in-from-left-2 tg:data-[side=top]:slide-in-from-bottom-2 tg:z-50 tg:max-h-(--radix-dropdown-menu-content-available-height) tg:min-w-[8rem] tg:origin-(--radix-dropdown-menu-content-transform-origin) tg:overflow-y-auto tg:overflow-x-hidden tg:rounded-md tg:border tg:bg-popover tg:p-1 tg:text-popover-foreground tg:shadow-md tg:data-[state=closed]:animate-out tg:data-[state=open]:animate-in", e),
 		...n
 	}) });
 }
@@ -626,7 +626,7 @@ function Y({ className: e, inset: t, variant: n = "default", ...r }) {
 		"data-slot": "dropdown-menu-item",
 		"data-inset": t,
 		"data-variant": n,
-		className: E("data-[variant=destructive]:*:[svg]:!text-destructive relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[disabled]:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0", e),
+		className: E("tg:data-[variant=destructive]:*:[svg]:!text-destructive tg:relative tg:flex tg:cursor-default tg:select-none tg:items-center tg:gap-2 tg:rounded-sm tg:px-2 tg:py-1.5 tg:text-sm tg:outline-hidden tg:focus:bg-accent tg:focus:text-accent-foreground tg:data-[disabled]:pointer-events-none tg:data-[inset]:pl-8 tg:data-[variant=destructive]:text-destructive tg:data-[disabled]:opacity-50 tg:data-[variant=destructive]:focus:bg-destructive/10 tg:data-[variant=destructive]:focus:text-destructive tg:dark:data-[variant=destructive]:focus:bg-destructive/20 tg:[&_svg:not([class*='size-'])]:size-4 tg:[&_svg:not([class*='text-'])]:text-muted-foreground tg:[&_svg]:pointer-events-none tg:[&_svg]:shrink-0", e),
 		...r
 	});
 }
@@ -634,14 +634,14 @@ function en({ className: e, inset: t, ...n }) {
 	return /* @__PURE__ */ P(B.Label, {
 		"data-slot": "dropdown-menu-label",
 		"data-inset": t,
-		className: E("px-1.5 py-1 font-medium text-muted-foreground text-xs data-[inset]:pl-7", e),
+		className: E("tg:px-1.5 tg:py-1 tg:font-medium tg:text-muted-foreground tg:text-xs tg:data-[inset]:pl-7", e),
 		...n
 	});
 }
 function tn({ className: e, ...t }) {
 	return /* @__PURE__ */ P(B.Separator, {
 		"data-slot": "dropdown-menu-separator",
-		className: E("-mx-1 my-1 h-px bg-border", e),
+		className: E("tg:-mx-1 tg:my-1 tg:h-px tg:bg-border", e),
 		...t
 	});
 }
@@ -657,8 +657,8 @@ var nn = ({ nodeId: e, className: t }) => {
 			children: /* @__PURE__ */ P("button", {
 				type: "button",
 				"aria-label": a("editor.nodeActionsSheet.editNode"),
-				className: E("nodrag nopan absolute top-2 right-2 flex h-6 w-6 cursor-pointer items-center justify-center rounded-md opacity-60 transition-all hover:text-[--treege-color-primary] hover:opacity-100", t),
-				children: /* @__PURE__ */ P(ct, { className: "h-3.5 w-3.5" })
+				className: E("nodrag nopan tg:absolute tg:top-2 tg:right-2 tg:flex tg:h-6 tg:w-6 tg:cursor-pointer tg:items-center tg:justify-center tg:rounded-md tg:opacity-60 tg:transition-all tg:hover:text-[--treege-color-primary] tg:hover:opacity-100", t),
+				children: /* @__PURE__ */ P(ct, { className: "tg:h-3.5 tg:w-3.5" })
 			})
 		}), /* @__PURE__ */ F(q, {
 			align: "end",
@@ -681,15 +681,15 @@ var nn = ({ nodeId: e, className: t }) => {
 			]
 		})]
 	});
-}, rn = Mt("inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3", {
+}, rn = Mt("tg:inline-flex tg:w-fit tg:shrink-0 tg:items-center tg:justify-center tg:gap-1 tg:overflow-hidden tg:rounded-full tg:border tg:border-transparent tg:px-2 tg:py-0.5 tg:text-xs tg:font-medium tg:whitespace-nowrap tg:transition-[color,box-shadow] tg:focus-visible:border-ring tg:focus-visible:ring-[3px] tg:focus-visible:ring-ring/50 tg:aria-invalid:border-destructive tg:aria-invalid:ring-destructive/20 tg:dark:aria-invalid:ring-destructive/40 tg:[&>svg]:pointer-events-none tg:[&>svg]:size-3", {
 	defaultVariants: { variant: "default" },
 	variants: { variant: {
-		blue: "bg-blue-500 text-white dark:bg-blue-600",
-		default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-		destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-		outline: "border-foreground/30 text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-		purple: "bg-purple-600 hover:bg-purple-700 text-white",
-		secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90"
+		blue: "tg:bg-blue-500 tg:text-white tg:dark:bg-blue-600",
+		default: "tg:border-transparent tg:bg-primary tg:text-primary-foreground tg:[a&]:hover:bg-primary/90",
+		destructive: "tg:border-transparent tg:bg-destructive tg:text-white tg:[a&]:hover:bg-destructive/90 tg:focus-visible:ring-destructive/20 tg:dark:focus-visible:ring-destructive/40 tg:dark:bg-destructive/60",
+		outline: "tg:border-foreground/30 tg:text-foreground tg:[a&]:hover:bg-accent tg:[a&]:hover:text-accent-foreground",
+		purple: "tg:bg-purple-600 tg:hover:bg-purple-700 tg:text-white",
+		secondary: "tg:border-transparent tg:bg-secondary tg:text-secondary-foreground tg:[a&]:hover:bg-secondary/90"
 	} }
 });
 function an({ className: e, variant: t, asChild: n = !1, ...r }) {
@@ -702,13 +702,13 @@ function an({ className: e, variant: t, asChild: n = !1, ...r }) {
 var on = Tt(({ data: e, id: t }) => /* @__PURE__ */ F(N, { children: [
 	/* @__PURE__ */ P(Ce, {}),
 	/* @__PURE__ */ P("div", {
-		className: "-top-3.5 absolute left-6",
+		className: "tg:-top-3.5 tg:absolute tg:left-6",
 		children: /* @__PURE__ */ F(an, {
-			className: "max-w-50 bg-chart-2",
-			children: [/* @__PURE__ */ P(Le, { className: "!w-3 !h-3" }), /* @__PURE__ */ P($t, {
+			className: "tg:max-w-50 tg:bg-chart-2",
+			children: [/* @__PURE__ */ P(Le, { className: "tg:!w-3 tg:!h-3" }), /* @__PURE__ */ P($t, {
 				nodeId: t,
 				label: e?.label,
-				className: "min-w-0 flex-1 text-xs text-white placeholder:text-white/60"
+				className: "tg:min-w-0 tg:flex-1 tg:text-xs tg:text-white tg:placeholder:text-white/60"
 			})]
 		})
 	}),
@@ -888,8 +888,8 @@ var on = Tt(({ data: e, id: t }) => /* @__PURE__ */ F(N, { children: [
 		onClick: (e) => {
 			e.defaultPrevented || a(!0);
 		},
-		className: "flex h-6! w-6! cursor-pointer items-center justify-center rounded-sm transition-colors hover:bg-primary/80!",
-		children: /* @__PURE__ */ P(I, { className: "h-4 w-4 text-primary-foreground" })
+		className: "tg:flex tg:h-6! tg:w-6! tg:cursor-pointer tg:items-center tg:justify-center tg:rounded-sm tg:transition-colors tg:hover:bg-primary/80!",
+		children: /* @__PURE__ */ P(I, { className: "tg:h-4 tg:w-4 tg:text-primary-foreground" })
 	}), /* @__PURE__ */ F(G, {
 		open: i,
 		onOpenChange: a,
@@ -897,19 +897,19 @@ var on = Tt(({ data: e, id: t }) => /* @__PURE__ */ F(N, { children: [
 			asChild: !0,
 			children: /* @__PURE__ */ P("span", {
 				"aria-hidden": !0,
-				className: "-translate-x-1/2 pointer-events-none absolute bottom-0 left-1/2 h-0 w-0"
+				className: "tg:-translate-x-1/2 tg:pointer-events-none tg:absolute tg:bottom-0 tg:left-1/2 tg:h-0 tg:w-0"
 			})
 		}), /* @__PURE__ */ F(q, {
 			align: "center",
 			side: "bottom",
-			className: "treege-scrollbar max-h-80",
+			className: "treege-scrollbar tg:max-h-80",
 			children: [
 				/* @__PURE__ */ F(J, { children: [/* @__PURE__ */ P(en, { children: r("editor.selectNodeType.options.input") }), Object.values(X).map((t) => /* @__PURE__ */ F(Y, {
 					onClick: () => n(e, {
 						data: { type: t },
 						type: l.input
 					}),
-					className: "capitalize",
+					className: "tg:capitalize",
 					children: [/* @__PURE__ */ P(Z(t), {}), t]
 				}, t))] }),
 				/* @__PURE__ */ P(tn, {}),
@@ -918,7 +918,7 @@ var on = Tt(({ data: e, id: t }) => /* @__PURE__ */ F(N, { children: [
 						data: { type: t },
 						type: l.ui
 					}),
-					className: "capitalize",
+					className: "tg:capitalize",
 					children: [/* @__PURE__ */ P(Z(t), {}), t]
 				}, t))] }),
 				/* @__PURE__ */ P(tn, {}),
@@ -954,21 +954,21 @@ var on = Tt(({ data: e, id: t }) => /* @__PURE__ */ F(N, { children: [
 		},
 		type: "input"
 	}, c = a(n.label, r), l = t(o), u = /* @__PURE__ */ F("div", {
-		className: "flex items-center gap-1 text-[10px] text-muted-foreground capitalize [&>svg]:size-3",
+		className: "tg:flex tg:items-center tg:gap-1 tg:text-[10px] tg:text-muted-foreground tg:capitalize tg:[&>svg]:size-3",
 		children: [/* @__PURE__ */ P(Z(i), {}), i]
 	});
 	if (i === "hidden") {
 		let e = n.defaultValue?.type === "static" ? n.defaultValue.staticValue : void 0, t = n.defaultValue?.type === "reference" ? n.defaultValue.referenceField : void 0, r = Array.isArray(e) ? e.join(", ") : typeof e == "boolean" ? String(e) : e ?? (t ? `→ ${t}` : "");
 		return /* @__PURE__ */ F("div", {
-			className: "pointer-events-none flex select-none flex-col gap-1 text-sm",
+			className: "tg:pointer-events-none tg:flex tg:select-none tg:flex-col tg:gap-1 tg:text-sm",
 			children: [
 				u,
 				/* @__PURE__ */ P("span", {
-					className: "truncate font-medium",
+					className: "tg:truncate tg:font-medium",
 					children: c || l
 				}),
 				/* @__PURE__ */ P("span", {
-					className: "truncate text-muted-foreground text-xs",
+					className: "tg:truncate tg:text-muted-foreground tg:text-xs",
 					children: r || "—"
 				})
 			]
@@ -978,7 +978,7 @@ var on = Tt(({ data: e, id: t }) => /* @__PURE__ */ F(N, { children: [
 	if (!d) return null;
 	let f = a(n.helperText, r), p = s(n, r);
 	return /* @__PURE__ */ F("div", {
-		className: E("pointer-events-none flex select-none flex-col gap-1", i === "submit" && "items-center"),
+		className: E("tg:pointer-events-none tg:flex tg:select-none tg:flex-col tg:gap-1", i === "submit" && "tg:items-center"),
 		children: [u, /* @__PURE__ */ P(d, {
 			node: o,
 			value: pn(i),
@@ -1008,23 +1008,23 @@ var on = Tt(({ data: e, id: t }) => /* @__PURE__ */ F(N, { children: [
 		onClick: s,
 		children: /* @__PURE__ */ F(an, {
 			variant: "default",
-			className: "nodrag nopan cursor-pointer px-1.5 py-0 text-[10px] capitalize [&>svg]:size-2.5",
+			className: "nodrag nopan tg:cursor-pointer tg:px-1.5 tg:py-0 tg:text-[10px] tg:capitalize tg:[&>svg]:size-2.5",
 			children: [
-				/* @__PURE__ */ P(d, { className: "mt-0.5" }),
+				/* @__PURE__ */ P(d, { className: "tg:mt-0.5" }),
 				u || o("editor.selectNodeType.nodeType"),
 				/* @__PURE__ */ P(Ue, {})
 			]
 		})
 	}), /* @__PURE__ */ F(q, {
 		align: "start",
-		className: "treege-scrollbar max-h-80",
+		className: "treege-scrollbar tg:max-h-80",
 		onClick: s,
 		children: [
 			/* @__PURE__ */ F(J, { children: [/* @__PURE__ */ P(en, { children: o("editor.selectNodeType.options.input") }), hn.map((e) => {
 				let r = Z(e);
 				return /* @__PURE__ */ F(Y, {
 					onClick: () => p(l.input, e),
-					className: E("capitalize", t === l.input && e === n && "bg-accent"),
+					className: E("tg:capitalize", t === l.input && e === n && "tg:bg-accent"),
 					children: [/* @__PURE__ */ P(r, {}), e]
 				}, e);
 			})] }),
@@ -1033,14 +1033,14 @@ var on = Tt(({ data: e, id: t }) => /* @__PURE__ */ F(N, { children: [
 				let r = Z(e);
 				return /* @__PURE__ */ F(Y, {
 					onClick: () => p(l.ui, e),
-					className: E("capitalize", t === l.ui && e === n && "bg-accent"),
+					className: E("tg:capitalize", t === l.ui && e === n && "tg:bg-accent"),
 					children: [/* @__PURE__ */ P(r, {}), e]
 				}, e);
 			})] }),
 			/* @__PURE__ */ P(tn, {}),
 			/* @__PURE__ */ F(J, { children: [/* @__PURE__ */ P(en, { children: o("common.other") }), /* @__PURE__ */ F(Y, {
 				onClick: () => p(l.flow),
-				className: E(t === l.flow && "bg-accent"),
+				className: E(t === l.flow && "tg:bg-accent"),
 				children: [/* @__PURE__ */ P(f, {}), o("editor.selectNodeType.options.flow")]
 			})] })
 		]
@@ -1070,11 +1070,11 @@ var on = Tt(({ data: e, id: t }) => /* @__PURE__ */ F(N, { children: [
 		e.key === "Enter" && (e.preventDefault(), h());
 	}, v = (e) => e.stopPropagation();
 	return /* @__PURE__ */ F("div", {
-		className: "nodrag nopan my-1 flex flex-col gap-0.5",
+		className: "nodrag nopan tg:my-1 tg:flex tg:flex-col tg:gap-0.5",
 		children: [p.map((e, t) => {
 			let n = u(e.label) || e.value || "—", r = `${e.value || "opt"}-${t}`;
 			return /* @__PURE__ */ P("div", {
-				className: "truncate text-muted-foreground text-xs",
+				className: "tg:truncate tg:text-muted-foreground tg:text-xs",
 				children: n
 			}, r);
 		}), /* @__PURE__ */ F(ie, {
@@ -1087,22 +1087,22 @@ var on = Tt(({ data: e, id: t }) => /* @__PURE__ */ F(N, { children: [
 					type: "button",
 					variant: "link",
 					size: "xs",
-					className: "w-fit p-0! focus-visible:border-transparent! focus-visible:ring-0!",
-					children: [/* @__PURE__ */ P(I, { className: "size-3" }), u("editor.inputNodeForm.addOption")]
+					className: "tg:w-fit tg:p-0! tg:focus-visible:border-transparent! tg:focus-visible:ring-0!",
+					children: [/* @__PURE__ */ P(I, { className: "tg:size-3" }), u("editor.inputNodeForm.addOption")]
 				})
 			}), /* @__PURE__ */ P(ae, {
 				align: "start",
-				className: "w-64 p-3",
+				className: "tg:w-64 tg:p-3",
 				onClick: v,
 				children: /* @__PURE__ */ F("form", {
 					onSubmit: h,
-					className: "flex flex-col gap-2",
+					className: "tg:flex tg:flex-col tg:gap-2",
 					children: [
 						/* @__PURE__ */ F("div", {
-							className: "flex flex-col gap-1",
+							className: "tg:flex tg:flex-col tg:gap-1",
 							children: [/* @__PURE__ */ P(d, {
 								htmlFor: `${e}-option-label`,
-								className: "text-xs",
+								className: "tg:text-xs",
 								children: u("editor.inputNodeForm.optionLabel")
 							}), /* @__PURE__ */ P(O, {
 								id: `${e}-option-label`,
@@ -1113,10 +1113,10 @@ var on = Tt(({ data: e, id: t }) => /* @__PURE__ */ F(N, { children: [
 							})]
 						}),
 						/* @__PURE__ */ F("div", {
-							className: "flex flex-col gap-1",
+							className: "tg:flex tg:flex-col tg:gap-1",
 							children: [/* @__PURE__ */ P(d, {
 								htmlFor: `${e}-option-value`,
-								className: "text-xs",
+								className: "tg:text-xs",
 								children: u("editor.inputNodeForm.optionValue")
 							}), /* @__PURE__ */ P(O, {
 								id: `${e}-option-value`,
@@ -1141,7 +1141,7 @@ var on = Tt(({ data: e, id: t }) => /* @__PURE__ */ F(N, { children: [
 	return /* @__PURE__ */ P(an, {
 		variant: t ? "destructive" : "outline",
 		asChild: !0,
-		className: "nodrag nopan cursor-pointer px-1.5 py-0 text-[10px] capitalize [&>svg]:size-2.5",
+		className: "nodrag nopan tg:cursor-pointer tg:px-1.5 tg:py-0 tg:text-[10px] tg:capitalize tg:[&>svg]:size-2.5",
 		children: /* @__PURE__ */ P("button", {
 			type: "button",
 			onClick: (r) => {
@@ -1151,7 +1151,7 @@ var on = Tt(({ data: e, id: t }) => /* @__PURE__ */ F(N, { children: [
 		})
 	});
 }, xn = ({ children: e, inGroup: t, isSubmit: n }) => /* @__PURE__ */ P("div", {
-	className: E("react-flow__node__wrapper relative", t && "in-group", n && "submit-type"),
+	className: E("react-flow__node__wrapper tg:relative", t && "in-group", n && "submit-type"),
 	children: e
 }), Sn = Tt((e) => {
 	let { id: t, isConnectable: n, parentId: r, selected: i, type: a } = e, o = e.type === "input" ? e.data : void 0, s = e.type === "ui" ? e.data : void 0, c = o?.type ?? s?.type, l = o?.type === "submit", u = !i && !!o?.type;
@@ -1174,10 +1174,10 @@ var on = Tt(({ data: e, id: t }) => /* @__PURE__ */ F(N, { children: [
 					nodeId: t,
 					label: e.data?.label,
 					placeholder: o?.name,
-					className: E("py-1", a === "ui" && "capitalize")
+					className: E("tg:py-1", a === "ui" && "tg:capitalize")
 				}),
 				/* @__PURE__ */ F("div", {
-					className: "mb-1 flex gap-1",
+					className: "tg:mb-1 tg:flex tg:gap-1",
 					children: [/* @__PURE__ */ P(_n, {
 						nodeId: t,
 						nodeType: a,
@@ -1262,27 +1262,27 @@ var on = Tt(({ data: e, id: t }) => /* @__PURE__ */ F(N, { children: [
 			children: [
 				/* @__PURE__ */ F(he, { children: [/* @__PURE__ */ P(p, { children: s("editor.changeNodeTypeDialog.title") }), /* @__PURE__ */ P(b, { children: s("editor.changeNodeTypeDialog.description") })] }),
 				/* @__PURE__ */ P(Gt, {
-					className: "max-h-80",
+					className: "tg:max-h-80",
 					children: /* @__PURE__ */ P(oe, {
 						value: l,
 						onValueChange: u,
-						className: "gap-2 pr-2",
+						className: "tg:gap-2 tg:pr-2",
 						children: c.map((e) => {
 							let t = e.data, n = y(t), r = g(e.target);
 							return /* @__PURE__ */ F(d, {
 								htmlFor: `keep-${e.id}`,
-								className: "flex cursor-pointer items-start gap-3 rounded-lg border bg-muted/20 p-3",
+								className: "tg:flex tg:cursor-pointer tg:items-start tg:gap-3 tg:rounded-lg tg:border tg:bg-muted/20 tg:p-3",
 								children: [/* @__PURE__ */ P(me, {
 									id: `keep-${e.id}`,
 									value: e.id,
-									className: "mt-1"
+									className: "tg:mt-1"
 								}), /* @__PURE__ */ F("div", {
-									className: "flex flex-col gap-1",
+									className: "tg:flex tg:flex-col tg:gap-1",
 									children: [/* @__PURE__ */ P("span", {
-										className: "font-medium",
+										className: "tg:font-medium",
 										children: r
 									}), /* @__PURE__ */ P("span", {
-										className: "text-muted-foreground text-xs",
+										className: "tg:text-muted-foreground tg:text-xs",
 										children: n
 									})]
 								})]
@@ -1491,23 +1491,23 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 				size: "sm",
 				disabled: !e?.apiKey,
 				children: [
-					/* @__PURE__ */ P(xt, { className: "h-4 w-4 text-[#13d3b4]" }),
+					/* @__PURE__ */ P(xt, { className: "tg:h-4 tg:w-4 tg:text-[#13d3b4]" }),
 					" ",
 					c("editor.aiGenerator.buttonLabel")
 				]
 			})
 		}), /* @__PURE__ */ F(_, {
-			className: "sm:max-w-[550px]!",
+			className: "tg:sm:max-w-[550px]!",
 			children: [
 				/* @__PURE__ */ F(he, { children: [/* @__PURE__ */ P(p, { children: c("editor.aiGenerator.title") }), /* @__PURE__ */ P(b, { children: c("editor.aiGenerator.titleDescription") })] }),
 				/* @__PURE__ */ F("div", {
-					className: "grid gap-4 py-4",
+					className: "tg:grid tg:gap-4 tg:py-4",
 					children: [/* @__PURE__ */ F("div", {
-						className: "grid gap-2",
+						className: "tg:grid tg:gap-2",
 						children: [
 							/* @__PURE__ */ P("label", {
 								htmlFor: "ai-prompt",
-								className: "font-medium text-sm",
+								className: "tg:font-medium tg:text-sm",
 								children: c("editor.aiGenerator.description")
 							}),
 							/* @__PURE__ */ P(le, {
@@ -1519,25 +1519,25 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 								},
 								rows: 6,
 								disabled: o,
-								className: "resize-none"
+								className: "tg:resize-none"
 							}),
 							/* @__PURE__ */ P("p", {
-								className: "text-muted-foreground text-xs",
+								className: "tg:text-muted-foreground tg:text-xs",
 								children: c("editor.aiGenerator.keyboardShortcut").replace("{cmdEnter}", "⌘ Enter").replace("{ctrlEnter}", "Ctrl Enter")
 							})
 						]
 					}), !e?.apiKey && /* @__PURE__ */ F("div", {
-						className: "rounded-md bg-muted p-3 text-sm",
+						className: "tg:rounded-md tg:bg-muted tg:p-3 tg:text-sm",
 						children: [/* @__PURE__ */ P("p", {
-							className: "font-medium",
+							className: "tg:font-medium",
 							children: c("editor.aiGenerator.aiNotConfigured")
 						}), /* @__PURE__ */ F("p", {
-							className: "mt-1 text-muted-foreground text-xs",
+							className: "tg:mt-1 tg:text-muted-foreground tg:text-xs",
 							children: [
 								c("editor.aiGenerator.aiNotConfiguredDesc").replace("{code}", ""),
 								" ",
 								/* @__PURE__ */ P("code", {
-									className: "rounded bg-background px-1 py-0.5",
+									className: "tg:rounded tg:bg-background tg:px-1 tg:py-0.5",
 									children: "aiConfig"
 								})
 							]
@@ -1552,7 +1552,7 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 				}), /* @__PURE__ */ P(k, {
 					onClick: l,
 					disabled: o || !i.trim() || !e?.apiKey,
-					children: o ? /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(at, { className: "h-4 w-4 animate-spin" }), c("editor.aiGenerator.generating")] }) : /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(xt, { className: "h-4 w-4 text-[--treege-color-primary]" }), c("editor.aiGenerator.generate")] })
+					children: o ? /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(at, { className: "tg:h-4 tg:w-4 tg:animate-spin" }), c("editor.aiGenerator.generating")] }) : /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(xt, { className: "tg:h-4 tg:w-4 tg:text-[--treege-color-primary]" }), c("editor.aiGenerator.generate")] })
 				})] })
 			]
 		})]
@@ -1612,7 +1612,7 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 		};
 	}, [_]), /* @__PURE__ */ F(we, {
 		position: "top-right",
-		className: "flex gap-2",
+		className: "tg:flex tg:gap-2",
 		children: [
 			/* @__PURE__ */ P(Ln, {
 				aiConfig: i,
@@ -1651,11 +1651,11 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 				align: "start",
 				children: [
 					/* @__PURE__ */ P(en, {
-						className: "font-normal",
+						className: "tg:font-normal",
 						children: /* @__PURE__ */ F("div", {
-							className: "flex flex-col gap-1",
+							className: "tg:flex tg:flex-col tg:gap-1",
 							children: [/* @__PURE__ */ P("span", {
-								className: "text-muted-foreground text-xs",
+								className: "tg:text-muted-foreground tg:text-xs",
 								children: "Flow ID"
 							}), /* @__PURE__ */ F("button", {
 								onClick: async () => {
@@ -1665,10 +1665,10 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 										V.error(p("editor.actionsPanel.copyFailed"));
 									}
 								},
-								className: "flex items-center gap-2 font-mono text-muted-foreground transition-colors hover:text-primary",
+								className: "tg:flex tg:items-center tg:gap-2 tg:font-mono tg:text-muted-foreground tg:transition-colors tg:hover:text-primary",
 								type: "button",
-								children: [/* @__PURE__ */ P(Ye, { className: "h-3 w-3" }), /* @__PURE__ */ P("span", {
-									className: "truncate text-xs",
+								children: [/* @__PURE__ */ P(Ye, { className: "tg:h-3 tg:w-3" }), /* @__PURE__ */ P("span", {
+									className: "tg:truncate tg:text-xs",
 									children: l
 								})]
 							})]
@@ -1695,9 +1695,9 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 						onClick: () => {
 							a([]), o([]), V.success(p("editor.actionsPanel.clearSuccess"), { description: p("editor.actionsPanel.clearSuccessDesc") });
 						},
-						className: "text-destructive focus:text-destructive",
+						className: "tg:text-destructive tg:focus:text-destructive",
 						children: [
-							/* @__PURE__ */ P(vt, { className: "text-destructive" }),
+							/* @__PURE__ */ P(vt, { className: "tg:text-destructive" }),
 							" ",
 							p("editor.actionsPanel.clear")
 						]
@@ -1707,7 +1707,7 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 			/* @__PURE__ */ P("input", {
 				type: "file",
 				accept: "application/json,.json",
-				className: "hidden",
+				className: "tg:hidden",
 				ref: f,
 				onChange: h
 			})
@@ -1725,11 +1725,11 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 	value: e,
 	onValueChange: t,
 	children: [/* @__PURE__ */ P(v, {
-		className: "uppercase",
+		className: "tg:uppercase",
 		children: /* @__PURE__ */ P(T, { placeholder: "" })
 	}), /* @__PURE__ */ P(C, { children: /* @__PURE__ */ P(w, { children: Object.values(Bn).map((e) => /* @__PURE__ */ P(h, {
 		value: e,
-		className: "uppercase",
+		className: "tg:uppercase",
 		children: e
 	}, e)) }) })]
 }), $ = () => {
@@ -1762,13 +1762,13 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 			e.preventDefault(), e.stopPropagation();
 		},
 		children: /* @__PURE__ */ F("div", {
-			className: "grid gap-6",
+			className: "tg:grid tg:gap-6",
 			children: [/* @__PURE__ */ F("div", {
-				className: "flex items-end gap-2",
+				className: "tg:flex tg:items-end tg:gap-2",
 				children: [/* @__PURE__ */ P(a, {
 					name: "label",
 					children: (t) => /* @__PURE__ */ F(A, {
-						className: "flex-1",
+						className: "tg:flex-1",
 						children: [/* @__PURE__ */ P(d, {
 							htmlFor: t.name,
 							children: i("editor.flowNodeForm.label")
@@ -1826,11 +1826,11 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 			e.preventDefault(), e.stopPropagation();
 		},
 		children: /* @__PURE__ */ F("div", {
-			className: "flex items-end gap-2",
+			className: "tg:flex tg:items-end tg:gap-2",
 			children: [/* @__PURE__ */ P(i, {
 				name: "label",
 				children: (t) => /* @__PURE__ */ F(A, {
-					className: "flex-1",
+					className: "tg:flex-1",
 					children: [/* @__PURE__ */ P(d, {
 						htmlFor: t.name,
 						children: "Label"
@@ -1885,7 +1885,7 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 		}
 	});
 	return /* @__PURE__ */ P("div", { children: /* @__PURE__ */ F("div", {
-		className: "grid gap-6",
+		className: "tg:grid tg:gap-6",
 		children: [
 			/* @__PURE__ */ P(o, {
 				name: "url",
@@ -1895,7 +1895,7 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 						children: r("editor.httpConfigForm.apiUrl")
 					}),
 					/* @__PURE__ */ F("div", {
-						className: "flex gap-2",
+						className: "tg:flex tg:gap-2",
 						children: [/* @__PURE__ */ P(O, {
 							id: e.name,
 							name: e.name,
@@ -1903,14 +1903,14 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 							onBlur: e.handleBlur,
 							onChange: ({ target: t }) => e.handleChange(t.value),
 							placeholder: r("editor.httpConfigForm.apiUrlPlaceholder"),
-							className: "flex-1"
+							className: "tg:flex-1"
 						}), /* @__PURE__ */ F(G, { children: [/* @__PURE__ */ P(K, {
 							asChild: !0,
 							children: /* @__PURE__ */ P(k, {
 								type: "button",
 								variant: "outline",
 								size: "icon",
-								children: /* @__PURE__ */ P(bt, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ P(bt, { className: "tg:h-4 tg:w-4" })
 							})
 						}), /* @__PURE__ */ P(q, {
 							align: "end",
@@ -1923,12 +1923,12 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 									e.handleChange(r + n);
 								},
 								children: /* @__PURE__ */ F("div", {
-									className: "flex flex-col",
+									className: "tg:flex tg:flex-col",
 									children: [/* @__PURE__ */ P("span", {
-										className: "font-medium",
+										className: "tg:font-medium",
 										children: t.label
 									}), /* @__PURE__ */ P("span", {
-										className: "text-muted-foreground text-xs",
+										className: "tg:text-muted-foreground tg:text-xs",
 										children: `{{${t.nodeId}}}`
 									})]
 								})
@@ -1974,19 +1974,19 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 				})] })
 			}),
 			/* @__PURE__ */ F("div", {
-				className: "space-y-4",
+				className: "tg:space-y-4",
 				children: [/* @__PURE__ */ P("h4", {
-					className: "font-semibold text-sm",
+					className: "tg:font-semibold tg:text-sm",
 					children: r("editor.httpConfigForm.headers")
 				}), /* @__PURE__ */ P(o, {
 					name: "headers",
 					mode: "array",
 					children: (e) => /* @__PURE__ */ F("div", {
-						className: "space-y-2",
+						className: "tg:space-y-2",
 						children: [e.state.value?.map((t, n) => {
 							let i = `headers[${n}]`;
 							return /* @__PURE__ */ F("div", {
-								className: "flex items-start gap-2",
+								className: "tg:flex tg:items-start tg:gap-2",
 								children: [
 									/* @__PURE__ */ P(o, {
 										name: `headers[${n}].key`,
@@ -2011,7 +2011,7 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 										onClick: () => {
 											e.removeValue(n);
 										},
-										children: /* @__PURE__ */ P(L, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ P(L, { className: "tg:h-4 tg:w-4" })
 									})
 								]
 							}, i);
@@ -2025,7 +2025,7 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 									value: ""
 								});
 							},
-							children: [/* @__PURE__ */ P(I, { className: "mr-2 h-4 w-4" }), r("editor.httpConfigForm.addHeader")]
+							children: [/* @__PURE__ */ P(I, { className: "tg:mr-2 tg:h-4 tg:w-4" }), r("editor.httpConfigForm.addHeader")]
 						})]
 					})
 				})]
@@ -2036,11 +2036,11 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 					sendAllFormValues: e.values.sendAllFormValues
 				}),
 				children: ({ method: e, sendAllFormValues: t }) => Un.includes(e || "") && /* @__PURE__ */ F("div", {
-					className: "space-y-4",
+					className: "tg:space-y-4",
 					children: [/* @__PURE__ */ P(o, {
 						name: "sendAllFormValues",
 						children: (e) => /* @__PURE__ */ F("div", {
-							className: "flex items-center space-x-2",
+							className: "tg:flex tg:items-center tg:space-x-2",
 							children: [/* @__PURE__ */ P(D, {
 								id: e.name,
 								checked: e.state.value,
@@ -2054,7 +2054,7 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 						name: "body",
 						children: (e) => /* @__PURE__ */ F(A, { children: [
 							/* @__PURE__ */ F("div", {
-								className: "mb-2 flex items-center justify-between",
+								className: "tg:mb-2 tg:flex tg:items-center tg:justify-between",
 								children: [/* @__PURE__ */ P(d, {
 									htmlFor: e.name,
 									children: r("editor.httpConfigForm.requestBody")
@@ -2065,7 +2065,7 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 										variant: "ghost",
 										size: "sm",
 										disabled: t,
-										children: [/* @__PURE__ */ P(bt, { className: "mr-2 h-4 w-4" }), r("editor.httpConfigForm.insertVariable")]
+										children: [/* @__PURE__ */ P(bt, { className: "tg:mr-2 tg:h-4 tg:w-4" }), r("editor.httpConfigForm.insertVariable")]
 									})
 								}), /* @__PURE__ */ P(q, {
 									align: "end",
@@ -2078,12 +2078,12 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 											e.handleChange(r + n), a().then();
 										},
 										children: /* @__PURE__ */ F("div", {
-											className: "flex flex-col",
+											className: "tg:flex tg:flex-col",
 											children: [/* @__PURE__ */ P("span", {
-												className: "font-medium",
+												className: "tg:font-medium",
 												children: t.label
 											}), /* @__PURE__ */ P("span", {
-												className: "text-muted-foreground text-xs",
+												className: "tg:text-muted-foreground tg:text-xs",
 												children: `{{${t.nodeId}}}`
 											})]
 										})
@@ -2106,10 +2106,10 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 				})
 			}),
 			/* @__PURE__ */ F("div", {
-				className: "space-y-4",
+				className: "tg:space-y-4",
 				children: [
 					/* @__PURE__ */ P("h4", {
-						className: "font-semibold text-sm",
+						className: "tg:font-semibold tg:text-sm",
 						children: r("editor.httpConfigForm.responseConfiguration")
 					}),
 					/* @__PURE__ */ P(o, {
@@ -2131,10 +2131,10 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 						] })
 					}),
 					/* @__PURE__ */ F("div", {
-						className: "space-y-4",
+						className: "tg:space-y-4",
 						children: [
 							/* @__PURE__ */ P("h5", {
-								className: "font-medium text-sm",
+								className: "tg:font-medium tg:text-sm",
 								children: r("editor.httpConfigForm.mapToOptions")
 							}),
 							/* @__PURE__ */ P(o, {
@@ -2196,10 +2196,10 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 				]
 			}),
 			/* @__PURE__ */ F("div", {
-				className: "space-y-4",
+				className: "tg:space-y-4",
 				children: [
 					/* @__PURE__ */ P("h4", {
-						className: "font-semibold text-sm",
+						className: "tg:font-semibold tg:text-sm",
 						children: r("editor.httpConfigForm.behavior")
 					}),
 					/* @__PURE__ */ P(s, {
@@ -2209,7 +2209,7 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 							children: (t) => {
 								let n = !!e?.trim(), i = n ? t.state.value : !0;
 								return !n && t.state.value !== !0 && t.handleChange(!0), /* @__PURE__ */ F("div", {
-									className: "flex items-center space-x-2",
+									className: "tg:flex tg:items-center tg:space-x-2",
 									children: [/* @__PURE__ */ P(D, {
 										id: t.name,
 										checked: i,
@@ -2217,7 +2217,7 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 										onCheckedChange: (e) => t.handleChange(e)
 									}), /* @__PURE__ */ P(d, {
 										htmlFor: t.name,
-										className: n ? "" : "text-muted-foreground",
+										className: n ? "" : "tg:text-muted-foreground",
 										children: r("editor.httpConfigForm.fetchOnMount")
 									})]
 								});
@@ -2227,7 +2227,7 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 					/* @__PURE__ */ P(o, {
 						name: "showLoading",
 						children: (e) => /* @__PURE__ */ F("div", {
-							className: "flex items-center space-x-2",
+							className: "tg:flex tg:items-center tg:space-x-2",
 							children: [/* @__PURE__ */ P(D, {
 								id: e.name,
 								checked: e.state.value,
@@ -2270,7 +2270,7 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 		}
 	});
 	return /* @__PURE__ */ P("div", { children: /* @__PURE__ */ F("div", {
-		className: "grid gap-6",
+		className: "tg:grid tg:gap-6",
 		children: [
 			/* @__PURE__ */ P(c, {
 				name: "url",
@@ -2280,7 +2280,7 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 						children: a("editor.submitConfigForm.apiUrl")
 					}),
 					/* @__PURE__ */ F("div", {
-						className: "flex gap-2",
+						className: "tg:flex tg:gap-2",
 						children: [/* @__PURE__ */ P(O, {
 							id: e.name,
 							name: e.name,
@@ -2288,14 +2288,14 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 							onBlur: e.handleBlur,
 							onChange: ({ target: t }) => e.handleChange(t.value),
 							placeholder: a("editor.submitConfigForm.apiUrlPlaceholder"),
-							className: "flex-1"
+							className: "tg:flex-1"
 						}), /* @__PURE__ */ F(G, { children: [/* @__PURE__ */ P(K, {
 							asChild: !0,
 							children: /* @__PURE__ */ P(k, {
 								type: "button",
 								variant: "outline",
 								size: "icon",
-								children: /* @__PURE__ */ P(bt, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ P(bt, { className: "tg:h-4 tg:w-4" })
 							})
 						}), /* @__PURE__ */ P(q, {
 							align: "end",
@@ -2308,12 +2308,12 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 									e.handleChange(r + n);
 								},
 								children: /* @__PURE__ */ F("div", {
-									className: "flex flex-col",
+									className: "tg:flex tg:flex-col",
 									children: [/* @__PURE__ */ P("span", {
-										className: "font-medium",
+										className: "tg:font-medium",
 										children: t.label
 									}), /* @__PURE__ */ P("span", {
-										className: "text-muted-foreground text-xs",
+										className: "tg:text-muted-foreground tg:text-xs",
 										children: `{{${t.nodeId}}}`
 									})]
 								})
@@ -2355,19 +2355,19 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 				})] })
 			}),
 			/* @__PURE__ */ F("div", {
-				className: "space-y-4",
+				className: "tg:space-y-4",
 				children: [/* @__PURE__ */ P("h4", {
-					className: "font-semibold text-sm",
+					className: "tg:font-semibold tg:text-sm",
 					children: a("editor.submitConfigForm.headers")
 				}), /* @__PURE__ */ P(c, {
 					name: "headers",
 					mode: "array",
 					children: (e) => /* @__PURE__ */ F("div", {
-						className: "space-y-2",
+						className: "tg:space-y-2",
 						children: [e.state.value?.map((t, n) => {
 							let r = `headers[${n}]`;
 							return /* @__PURE__ */ F("div", {
-								className: "flex items-start gap-2",
+								className: "tg:flex tg:items-start tg:gap-2",
 								children: [
 									/* @__PURE__ */ P(c, {
 										name: `headers[${n}].key`,
@@ -2392,7 +2392,7 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 										onClick: () => {
 											e.removeValue(n);
 										},
-										children: /* @__PURE__ */ P(L, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ P(L, { className: "tg:h-4 tg:w-4" })
 									})
 								]
 							}, r);
@@ -2406,7 +2406,7 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 									value: ""
 								});
 							},
-							children: [/* @__PURE__ */ P(I, { className: "mr-2 h-4 w-4" }), a("editor.submitConfigForm.addHeader")]
+							children: [/* @__PURE__ */ P(I, { className: "tg:mr-2 tg:h-4 tg:w-4" }), a("editor.submitConfigForm.addHeader")]
 						})]
 					})
 				})]
@@ -2417,11 +2417,11 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 					sendAllFormValues: e.values.sendAllFormValues
 				}),
 				children: ({ method: e, sendAllFormValues: t }) => Gn.includes(e || "") && /* @__PURE__ */ F("div", {
-					className: "space-y-4",
+					className: "tg:space-y-4",
 					children: [/* @__PURE__ */ P(c, {
 						name: "sendAllFormValues",
 						children: (e) => /* @__PURE__ */ F("div", {
-							className: "flex items-center space-x-2",
+							className: "tg:flex tg:items-center tg:space-x-2",
 							children: [/* @__PURE__ */ P(D, {
 								id: e.name,
 								checked: e.state.value,
@@ -2435,7 +2435,7 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 						name: "body",
 						children: (e) => /* @__PURE__ */ F(A, { children: [
 							/* @__PURE__ */ F("div", {
-								className: "mb-2 flex items-center justify-between",
+								className: "tg:mb-2 tg:flex tg:items-center tg:justify-between",
 								children: [/* @__PURE__ */ P(d, {
 									htmlFor: e.name,
 									children: a("editor.submitConfigForm.requestBody")
@@ -2446,7 +2446,7 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 										variant: "ghost",
 										size: "sm",
 										disabled: t,
-										children: [/* @__PURE__ */ P(bt, { className: "mr-2 h-4 w-4" }), a("editor.submitConfigForm.insertVariable")]
+										children: [/* @__PURE__ */ P(bt, { className: "tg:mr-2 tg:h-4 tg:w-4" }), a("editor.submitConfigForm.insertVariable")]
 									})
 								}), /* @__PURE__ */ P(q, {
 									align: "end",
@@ -2459,12 +2459,12 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 											e.handleChange(r + n), s().then();
 										},
 										children: /* @__PURE__ */ F("div", {
-											className: "flex flex-col",
+											className: "tg:flex tg:flex-col",
 											children: [/* @__PURE__ */ P("span", {
-												className: "font-medium",
+												className: "tg:font-medium",
 												children: t.label
 											}), /* @__PURE__ */ P("span", {
-												className: "text-muted-foreground text-xs",
+												className: "tg:text-muted-foreground tg:text-xs",
 												children: `{{${t.nodeId}}}`
 											})]
 										})
@@ -2487,10 +2487,10 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 				})
 			}),
 			/* @__PURE__ */ F("div", {
-				className: "space-y-4",
+				className: "tg:space-y-4",
 				children: [
 					/* @__PURE__ */ P("h4", {
-						className: "font-semibold text-sm",
+						className: "tg:font-semibold tg:text-sm",
 						children: a("editor.submitConfigForm.postSubmission")
 					}),
 					/* @__PURE__ */ P(c, {
@@ -2512,11 +2512,11 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 						] })
 					}),
 					/* @__PURE__ */ F("div", {
-						className: "flex items-center gap-2",
+						className: "tg:flex tg:items-center tg:gap-2",
 						children: [/* @__PURE__ */ P(c, {
 							name: "successMessage",
 							children: (e) => /* @__PURE__ */ F(A, {
-								className: "flex-1",
+								className: "tg:flex-1",
 								children: [
 									/* @__PURE__ */ P(d, {
 										htmlFor: e.name,
@@ -2544,11 +2544,11 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 						})]
 					}),
 					/* @__PURE__ */ F("div", {
-						className: "flex items-center gap-2",
+						className: "tg:flex tg:items-center tg:gap-2",
 						children: [/* @__PURE__ */ P(c, {
 							name: "errorMessage",
 							children: (e) => /* @__PURE__ */ F(A, {
-								className: "flex-1",
+								className: "tg:flex-1",
 								children: [
 									/* @__PURE__ */ P(d, {
 										htmlFor: e.name,
@@ -2578,14 +2578,14 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 				]
 			}),
 			/* @__PURE__ */ F("div", {
-				className: "space-y-4",
+				className: "tg:space-y-4",
 				children: [/* @__PURE__ */ P("h4", {
-					className: "font-semibold text-sm",
+					className: "tg:font-semibold tg:text-sm",
 					children: a("editor.submitConfigForm.behavior")
 				}), /* @__PURE__ */ P(c, {
 					name: "showLoading",
 					children: (e) => /* @__PURE__ */ F("div", {
-						className: "flex items-center space-x-2",
+						className: "tg:flex tg:items-center tg:space-x-2",
 						children: [/* @__PURE__ */ P(D, {
 							id: e.name,
 							checked: e.state.value,
@@ -2614,14 +2614,14 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 				variant: "outline",
 				role: "combobox",
 				"aria-expanded": p,
-				className: E("w-full justify-between font-normal", l),
+				className: E("tg:w-full tg:justify-between tg:font-normal", l),
 				children: [/* @__PURE__ */ P("span", {
-					className: "truncate",
+					className: "tg:truncate",
 					children: b && S ? S.label : i
-				}), /* @__PURE__ */ P(We, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
+				}), /* @__PURE__ */ P(We, { className: "tg:ml-2 tg:h-4 tg:w-4 tg:shrink-0 tg:opacity-50" })]
 			})
 		}), /* @__PURE__ */ P(ae, {
-			className: "w-full p-0",
+			className: "tg:w-full tg:p-0",
 			align: "start",
 			children: /* @__PURE__ */ F(ce, {
 				shouldFilter: !1,
@@ -2636,16 +2636,16 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 						onSelect: () => {
 							r?.(""), m(!1), g("");
 						},
-						className: "mt-1 text-muted-foreground",
-						children: [/* @__PURE__ */ P(L, { className: "mr-2 h-4 w-4" }), s]
+						className: "tg:mt-1 tg:text-muted-foreground",
+						children: [/* @__PURE__ */ P(L, { className: "tg:mr-2 tg:h-4 tg:w-4" }), s]
 					}) }),
 					/* @__PURE__ */ F(se, { children: [re && /* @__PURE__ */ F(te, {
 						value: `__create__${h}`,
 						onSelect: () => {
 							h.trim() && (r?.(h.trim()), m(!1), g(""));
 						},
-						className: "text-primary",
-						children: [/* @__PURE__ */ P(I, { className: "mr-2 h-4 w-4" }), o(h)]
+						className: "tg:text-primary",
+						children: [/* @__PURE__ */ P(I, { className: "tg:mr-2 tg:h-4 tg:w-4" }), o(h)]
 					}), e.filter((e) => {
 						let t = h.toLowerCase();
 						return e.label.toLowerCase().includes(t) || (e.value?.toLowerCase() ?? "").includes(t);
@@ -2654,7 +2654,7 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 						onSelect: () => w(e?.value || ""),
 						children: [/* @__PURE__ */ P(Ve, {
 							"aria-hidden": "true",
-							className: E("mr-2 h-4 w-4", b && _(e.value) === y ? "opacity-100" : "opacity-0")
+							className: E("tg:mr-2 tg:h-4 tg:w-4", b && _(e.value) === y ? "tg:opacity-100" : "tg:opacity-0")
 						}), e.label]
 					}, e.value ?? e.label ?? t))] })
 				] })]
@@ -2724,13 +2724,13 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 		e && (t(e), a(!1));
 	};
 	return /* @__PURE__ */ F("div", {
-		className: "relative",
+		className: "tg:relative",
 		children: [
 			/* @__PURE__ */ P("input", {
 				ref: n,
 				type: "file",
 				accept: "image/*",
-				className: "hidden",
+				className: "tg:hidden",
 				onChange: l
 			}),
 			/* @__PURE__ */ F(ie, {
@@ -2740,36 +2740,36 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 					asChild: !0,
 					children: e ? /* @__PURE__ */ P("button", {
 						type: "button",
-						className: "h-9 w-9 cursor-pointer overflow-hidden rounded-md border border-input",
+						className: "tg:h-9 tg:w-9 tg:cursor-pointer tg:overflow-hidden tg:rounded-md tg:border tg:border-input",
 						"aria-label": c("editor.inputNodeForm.optionImageReplace"),
 						children: /* @__PURE__ */ P("img", {
 							src: e,
 							alt: "",
-							className: "h-full w-full object-cover"
+							className: "tg:h-full tg:w-full tg:object-cover"
 						})
 					}) : /* @__PURE__ */ P(k, {
 						type: "button",
 						variant: "outline",
 						size: "icon",
 						"aria-label": c("editor.inputNodeForm.optionImageAdd"),
-						children: /* @__PURE__ */ P(tt, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ P(tt, { className: "tg:h-4 tg:w-4" })
 					})
 				}), /* @__PURE__ */ F(ae, {
 					align: "start",
-					className: "w-64 space-y-3 p-3",
+					className: "tg:w-64 tg:space-y-3 tg:p-3",
 					children: [
 						/* @__PURE__ */ F(k, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
-							className: "w-full",
+							className: "tg:w-full",
 							onClick: () => n.current?.click(),
-							children: [/* @__PURE__ */ P(yt, { className: "mr-2 h-4 w-4" }), c("editor.inputNodeForm.optionImageUpload")]
+							children: [/* @__PURE__ */ P(yt, { className: "tg:mr-2 tg:h-4 tg:w-4" }), c("editor.inputNodeForm.optionImageUpload")]
 						}),
 						/* @__PURE__ */ P(ue, {}),
 						/* @__PURE__ */ F("div", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ P(rt, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), /* @__PURE__ */ P(O, {
+							className: "tg:flex tg:items-center tg:gap-2",
+							children: [/* @__PURE__ */ P(rt, { className: "tg:h-4 tg:w-4 tg:shrink-0 tg:text-muted-foreground" }), /* @__PURE__ */ P(O, {
 								placeholder: c("editor.inputNodeForm.optionImageUrlPlaceholder"),
 								value: o,
 								onChange: (n) => {
@@ -2794,9 +2794,9 @@ var Ln = ({ aiConfig: e, onGenerate: t }) => {
 				onClick: (e) => {
 					e.stopPropagation(), t("");
 				},
-				className: "-top-1 -right-1 absolute flex h-4 w-4 cursor-pointer items-center justify-center rounded-full bg-destructive text-destructive-foreground",
+				className: "tg:-top-1 tg:-right-1 tg:absolute tg:flex tg:h-4 tg:w-4 tg:cursor-pointer tg:items-center tg:justify-center tg:rounded-full tg:bg-destructive tg:text-destructive-foreground",
 				"aria-label": c("editor.inputNodeForm.optionImageRemove"),
-				children: /* @__PURE__ */ P(L, { className: "h-3 w-3" })
+				children: /* @__PURE__ */ P(L, { className: "tg:h-3 tg:w-3" })
 			})
 		]
 	});
@@ -2861,14 +2861,14 @@ var or = () => {
 			e.preventDefault(), e.stopPropagation();
 		},
 		children: /* @__PURE__ */ F("div", {
-			className: "grid gap-6",
+			className: "tg:grid tg:gap-6",
 			children: [
 				/* @__PURE__ */ F("div", {
-					className: "flex items-end gap-2",
+					className: "tg:flex tg:items-end tg:gap-2",
 					children: [/* @__PURE__ */ P(u, {
 						name: "label",
 						children: (t) => /* @__PURE__ */ F(A, {
-							className: "flex-1",
+							className: "tg:flex-1",
 							children: [/* @__PURE__ */ P(d, {
 								htmlFor: t.name,
 								children: o("editor.inputNodeForm.label")
@@ -2892,11 +2892,11 @@ var or = () => {
 					})]
 				}),
 				!(s || c) && n?.data?.type !== "file" && /* @__PURE__ */ F("div", {
-					className: "flex items-end gap-2",
+					className: "tg:flex tg:items-end tg:gap-2",
 					children: [/* @__PURE__ */ P(u, {
 						name: "placeholder",
 						children: (t) => /* @__PURE__ */ F(A, {
-							className: "flex-1",
+							className: "tg:flex-1",
 							children: [/* @__PURE__ */ P(d, {
 								htmlFor: t.name,
 								children: o("editor.inputNodeForm.placeholder")
@@ -2919,11 +2919,11 @@ var or = () => {
 					})]
 				}),
 				!(s || c) && /* @__PURE__ */ F("div", {
-					className: "flex items-end gap-2",
+					className: "tg:flex tg:items-end tg:gap-2",
 					children: [/* @__PURE__ */ P(u, {
 						name: "helperText",
 						children: (t) => /* @__PURE__ */ F(A, {
-							className: "flex-1",
+							className: "tg:flex-1",
 							children: [/* @__PURE__ */ P(d, {
 								htmlFor: t.name,
 								children: o("editor.inputNodeForm.helperText")
@@ -2947,26 +2947,26 @@ var or = () => {
 				}),
 				n?.data?.type === "http" && /* @__PURE__ */ F(rr, {
 					defaultOpen: !0,
-					className: "flex w-full max-w-[350px] flex-col gap-2",
+					className: "tg:flex tg:w-full tg:max-w-[350px] tg:flex-col tg:gap-2",
 					children: [/* @__PURE__ */ P(ir, {
 						asChild: !0,
 						children: /* @__PURE__ */ F("div", {
-							className: "flex items-center justify-between gap-4",
+							className: "tg:flex tg:items-center tg:justify-between tg:gap-4",
 							children: [/* @__PURE__ */ P("h4", {
-								className: "font-semibold text-sm",
+								className: "tg:font-semibold tg:text-sm",
 								children: o("editor.inputNodeForm.httpConfiguration")
 							}), /* @__PURE__ */ F(k, {
 								variant: "ghost",
 								size: "icon",
-								className: "size-8",
+								className: "tg:size-8",
 								children: [/* @__PURE__ */ P(We, {}), /* @__PURE__ */ P("span", {
-									className: "sr-only",
+									className: "tg:sr-only",
 									children: o("common.toggle")
 								})]
 							})]
 						})
 					}), /* @__PURE__ */ P(ar, {
-						className: "flex flex-col gap-4",
+						className: "tg:flex tg:flex-col tg:gap-4",
 						children: /* @__PURE__ */ P(u, {
 							name: "httpConfig",
 							children: (e) => /* @__PURE__ */ P(Wn, {
@@ -2979,26 +2979,26 @@ var or = () => {
 					})]
 				}),
 				s && /* @__PURE__ */ F(rr, {
-					className: "flex w-full max-w-[350px] flex-col gap-2",
+					className: "tg:flex tg:w-full tg:max-w-[350px] tg:flex-col tg:gap-2",
 					children: [/* @__PURE__ */ P(ir, {
 						asChild: !0,
 						children: /* @__PURE__ */ F("div", {
-							className: "flex items-center justify-between gap-4",
+							className: "tg:flex tg:items-center tg:justify-between tg:gap-4",
 							children: [/* @__PURE__ */ P("h4", {
-								className: "font-semibold text-sm",
+								className: "tg:font-semibold tg:text-sm",
 								children: o("editor.inputNodeForm.submitConfiguration")
 							}), /* @__PURE__ */ F(k, {
 								variant: "ghost",
 								size: "icon",
-								className: "size-8",
+								className: "tg:size-8",
 								children: [/* @__PURE__ */ P(We, {}), /* @__PURE__ */ P("span", {
-									className: "sr-only",
+									className: "tg:sr-only",
 									children: o("common.toggle")
 								})]
 							})]
 						})
 					}), /* @__PURE__ */ P(ar, {
-						className: "flex flex-col gap-4",
+						className: "tg:flex tg:flex-col tg:gap-4",
 						children: /* @__PURE__ */ P(u, {
 							name: "submitConfig",
 							children: (e) => /* @__PURE__ */ P(Kn, {
@@ -3013,7 +3013,7 @@ var or = () => {
 				n?.data?.type === "file" && /* @__PURE__ */ P(u, {
 					name: "multiple",
 					children: (e) => /* @__PURE__ */ F("div", {
-						className: "flex items-center space-x-2",
+						className: "tg:flex tg:items-center tg:space-x-2",
 						children: [/* @__PURE__ */ P(D, {
 							id: e.name,
 							checked: e.state.value,
@@ -3026,38 +3026,38 @@ var or = () => {
 				}),
 				i && /* @__PURE__ */ F(rr, {
 					defaultOpen: !0,
-					className: "flex w-full max-w-[350px] flex-col gap-2",
+					className: "tg:flex tg:w-full tg:max-w-[350px] tg:flex-col tg:gap-2",
 					children: [/* @__PURE__ */ P(ir, {
 						asChild: !0,
 						children: /* @__PURE__ */ F("div", {
-							className: "flex items-center justify-between gap-4",
+							className: "tg:flex tg:items-center tg:justify-between tg:gap-4",
 							children: [/* @__PURE__ */ P("h4", {
-								className: "font-semibold text-sm",
+								className: "tg:font-semibold tg:text-sm",
 								children: o("editor.inputNodeForm.options")
 							}), /* @__PURE__ */ F(k, {
 								variant: "ghost",
 								size: "icon",
-								className: "size-8",
+								className: "tg:size-8",
 								children: [/* @__PURE__ */ P(We, {}), /* @__PURE__ */ P("span", {
-									className: "sr-only",
+									className: "tg:sr-only",
 									children: o("common.toggle")
 								})]
 							})]
 						})
 					}), /* @__PURE__ */ F(ar, {
-						className: "flex flex-col gap-4",
+						className: "tg:flex tg:flex-col tg:gap-4",
 						children: [
 							/* @__PURE__ */ P(u, {
 								name: "options",
 								mode: "array",
 								children: (t) => /* @__PURE__ */ F("div", {
-									className: "space-y-2",
+									className: "tg:space-y-2",
 									children: [t.state.value?.map((r, i) => {
 										let a = `options[${i}]`;
 										return /* @__PURE__ */ F("div", {
-											className: "flex flex-col gap-2",
+											className: "tg:flex tg:flex-col tg:gap-2",
 											children: [/* @__PURE__ */ F("div", {
-												className: "flex items-start gap-2",
+												className: "tg:flex tg:items-start tg:gap-2",
 												children: [
 													n?.data?.type === "radio" && /* @__PURE__ */ P(u, {
 														name: `options[${i}].image`,
@@ -3094,7 +3094,7 @@ var or = () => {
 														onClick: () => {
 															t.removeValue(i), l().then();
 														},
-														children: /* @__PURE__ */ P(L, { className: "h-4 w-4" })
+														children: /* @__PURE__ */ P(L, { className: "tg:h-4 tg:w-4" })
 													})
 												]
 											}), (n?.data?.type === "radio" || n?.data?.type === "checkbox") && /* @__PURE__ */ P(u, {
@@ -3128,7 +3128,7 @@ var or = () => {
 							n?.data?.type === "select" && /* @__PURE__ */ P(u, {
 								name: "multiple",
 								children: (e) => /* @__PURE__ */ F("div", {
-									className: "flex items-center space-x-2",
+									className: "tg:flex tg:items-center tg:space-x-2",
 									children: [/* @__PURE__ */ P(D, {
 										id: e.name,
 										checked: e.state.value,
@@ -3149,7 +3149,7 @@ var or = () => {
 									onValueChange: (t) => e.handleChange(t),
 									children: [/* @__PURE__ */ P(v, {
 										id: e.name,
-										className: "w-full",
+										className: "tg:w-full",
 										children: /* @__PURE__ */ P(T, {})
 									}), /* @__PURE__ */ F(C, { children: [/* @__PURE__ */ P(h, {
 										value: "default",
@@ -3164,31 +3164,31 @@ var or = () => {
 					})]
 				}),
 				!s && /* @__PURE__ */ F(rr, {
-					className: "flex w-full max-w-[350px] flex-col gap-2",
+					className: "tg:flex tg:w-full tg:max-w-[350px] tg:flex-col tg:gap-2",
 					children: [/* @__PURE__ */ P(ir, {
 						asChild: !0,
 						children: /* @__PURE__ */ F("div", {
-							className: "flex items-center justify-between gap-4",
+							className: "tg:flex tg:items-center tg:justify-between tg:gap-4",
 							children: [/* @__PURE__ */ P("h4", {
-								className: "font-semibold text-sm",
+								className: "tg:font-semibold tg:text-sm",
 								children: o("editor.inputNodeForm.validation")
 							}), /* @__PURE__ */ F(k, {
 								variant: "ghost",
 								size: "icon",
-								className: "size-8",
+								className: "tg:size-8",
 								children: [/* @__PURE__ */ P(We, {}), /* @__PURE__ */ P("span", {
-									className: "sr-only",
+									className: "tg:sr-only",
 									children: o("common.toggle")
 								})]
 							})]
 						})
 					}), /* @__PURE__ */ F(ar, {
-						className: "flex flex-col gap-6",
+						className: "tg:flex tg:flex-col tg:gap-6",
 						children: [
 							/* @__PURE__ */ P(u, {
 								name: "required",
 								children: (e) => /* @__PURE__ */ P(A, { children: /* @__PURE__ */ F("div", {
-									className: "flex items-center space-x-2",
+									className: "tg:flex tg:items-center tg:space-x-2",
 									children: [/* @__PURE__ */ P(D, {
 										id: e.name,
 										checked: e.state.value,
@@ -3202,7 +3202,7 @@ var or = () => {
 							(n?.data?.type === "date" || n?.data?.type === "daterange") && /* @__PURE__ */ P(u, {
 								name: "disablePast",
 								children: (e) => /* @__PURE__ */ P(A, { children: /* @__PURE__ */ F("div", {
-									className: "flex items-center space-x-2",
+									className: "tg:flex tg:items-center tg:space-x-2",
 									children: [/* @__PURE__ */ P(D, {
 										id: e.name,
 										checked: e.state.value,
@@ -3225,11 +3225,11 @@ var or = () => {
 								})] })
 							}),
 							/* @__PURE__ */ F("div", {
-								className: "flex items-end gap-2",
+								className: "tg:flex tg:items-end tg:gap-2",
 								children: [/* @__PURE__ */ P(u, {
 									name: "errorMessage",
 									children: (t) => /* @__PURE__ */ F(A, {
-										className: "flex-1",
+										className: "tg:flex-1",
 										children: [/* @__PURE__ */ P(d, {
 											htmlFor: t.name,
 											children: o("editor.inputNodeForm.errorMessage")
@@ -3255,26 +3255,26 @@ var or = () => {
 					})]
 				}),
 				!s && /* @__PURE__ */ F(rr, {
-					className: "flex w-full max-w-[350px] flex-col gap-2",
+					className: "tg:flex tg:w-full tg:max-w-[350px] tg:flex-col tg:gap-2",
 					children: [/* @__PURE__ */ P(ir, {
 						asChild: !0,
 						children: /* @__PURE__ */ F("div", {
-							className: "flex items-center justify-between gap-4",
+							className: "tg:flex tg:items-center tg:justify-between tg:gap-4",
 							children: [/* @__PURE__ */ P("h4", {
-								className: "font-semibold text-sm",
+								className: "tg:font-semibold tg:text-sm",
 								children: o("editor.inputNodeForm.advancedConfiguration")
 							}), /* @__PURE__ */ F(k, {
 								variant: "ghost",
 								size: "icon",
-								className: "size-8",
+								className: "tg:size-8",
 								children: [/* @__PURE__ */ P(We, {}), /* @__PURE__ */ P("span", {
-									className: "sr-only",
+									className: "tg:sr-only",
 									children: o("common.toggle")
 								})]
 							})]
 						})
 					}), /* @__PURE__ */ F(ar, {
-						className: "flex flex-col gap-6",
+						className: "tg:flex tg:flex-col tg:gap-6",
 						children: [/* @__PURE__ */ P(u, {
 							name: "name",
 							children: (e) => /* @__PURE__ */ F(A, { children: [
@@ -3336,7 +3336,7 @@ var or = () => {
 												e.handleChange(n.length > 0 ? n : null);
 											}
 										})] }) : t === "checkbox" ? /* @__PURE__ */ P(A, { children: /* @__PURE__ */ F("div", {
-											className: "flex items-center space-x-2",
+											className: "tg:flex tg:items-center tg:space-x-2",
 											children: [/* @__PURE__ */ P(D, {
 												id: e.name,
 												checked: !!e.state.value,
@@ -3447,9 +3447,9 @@ var or = () => {
 										children: (e) => /* @__PURE__ */ F(A, { children: [
 											/* @__PURE__ */ P(d, { children: o("editor.inputNodeForm.objectMapping") }),
 											/* @__PURE__ */ F("div", {
-												className: "space-y-2",
+												className: "tg:space-y-2",
 												children: [e.state.value?.map((t, n) => /* @__PURE__ */ F("div", {
-													className: "flex items-center gap-2",
+													className: "tg:flex tg:items-center tg:gap-2",
 													children: [
 														/* @__PURE__ */ P(u, {
 															name: `defaultValue.objectMapping[${n}].sourceKey`,
@@ -3460,7 +3460,7 @@ var or = () => {
 															})
 														}),
 														/* @__PURE__ */ P("span", {
-															className: "text-muted-foreground",
+															className: "tg:text-muted-foreground",
 															children: "→"
 														}),
 														/* @__PURE__ */ P(u, {
@@ -3478,21 +3478,21 @@ var or = () => {
 															onClick: () => {
 																e.removeValue(n), l().then();
 															},
-															children: /* @__PURE__ */ P(L, { className: "h-4 w-4" })
+															children: /* @__PURE__ */ P(L, { className: "tg:h-4 tg:w-4" })
 														})
 													]
 												}, `mapping-${n}`)), /* @__PURE__ */ F(k, {
 													type: "button",
 													variant: "outline",
 													size: "sm",
-													className: "w-full",
+													className: "tg:w-full",
 													onClick: () => {
 														e.pushValue({
 															sourceKey: "",
 															targetKey: ""
 														}), l().then();
 													},
-													children: [/* @__PURE__ */ P(I, { className: "mr-2 h-4 w-4" }), o("editor.inputNodeForm.addMapping")]
+													children: [/* @__PURE__ */ P(I, { className: "tg:mr-2 tg:h-4 tg:w-4" }), o("editor.inputNodeForm.addMapping")]
 												})]
 											}),
 											/* @__PURE__ */ P(j, { children: o("editor.inputNodeForm.objectMappingDesc") })
@@ -3524,13 +3524,13 @@ var or = () => {
 			e.preventDefault(), e.stopPropagation();
 		},
 		children: /* @__PURE__ */ P("div", {
-			className: "grid gap-6",
+			className: "tg:grid tg:gap-6",
 			children: /* @__PURE__ */ F("div", {
-				className: "flex items-end gap-2",
+				className: "tg:flex tg:items-end tg:gap-2",
 				children: [/* @__PURE__ */ P(i, {
 					name: "label",
 					children: (t) => /* @__PURE__ */ F(A, {
-						className: "flex-1",
+						className: "tg:flex-1",
 						children: [/* @__PURE__ */ P(d, {
 							htmlFor: t.name,
 							children: "Label"
@@ -3606,18 +3606,18 @@ var or = () => {
 		} : e)]), t(""), i(!1), V.success("Group created", { description: `The group "${e.trim()}" has been created successfully.` });
 	};
 	return /* @__PURE__ */ F("div", {
-		className: "space-y-2",
+		className: "tg:space-y-2",
 		children: [/* @__PURE__ */ P(d, {
 			htmlFor: f,
 			children: u("editor.selectNodeGroup.group")
 		}), /* @__PURE__ */ F("div", {
-			className: "flex gap-2",
+			className: "tg:flex tg:gap-2",
 			children: [/* @__PURE__ */ F(g, {
 				value: c,
 				onValueChange: m,
 				children: [/* @__PURE__ */ P(v, {
 					id: f,
-					className: "flex-1",
+					className: "tg:flex-1",
 					children: /* @__PURE__ */ P(T, { placeholder: u("editor.selectNodeGroup.noGroup") })
 				}), /* @__PURE__ */ P(C, { children: /* @__PURE__ */ F(w, { children: [/* @__PURE__ */ P(h, {
 					value: "none",
@@ -3635,27 +3635,27 @@ var or = () => {
 						variant: "outline",
 						size: "icon",
 						title: "Create a new group",
-						children: /* @__PURE__ */ P(dt, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ P(dt, { className: "tg:h-4 tg:w-4" })
 					})
 				}), /* @__PURE__ */ P(ae, {
-					className: "w-80",
+					className: "tg:w-80",
 					align: "end",
 					disablePortal: !0,
 					children: /* @__PURE__ */ F("div", {
-						className: "space-y-4",
+						className: "tg:space-y-4",
 						children: [
 							/* @__PURE__ */ F("div", {
-								className: "space-y-2",
+								className: "tg:space-y-2",
 								children: [/* @__PURE__ */ P("h4", {
-									className: "font-medium leading-none",
+									className: "tg:font-medium tg:leading-none",
 									children: u("editor.selectNodeGroup.newGroup")
 								}), /* @__PURE__ */ P("p", {
-									className: "text-muted-foreground text-sm",
+									className: "tg:text-muted-foreground tg:text-sm",
 									children: u("editor.selectNodeGroup.newGroupDescription")
 								})]
 							}),
 							/* @__PURE__ */ F("div", {
-								className: "space-y-2",
+								className: "tg:space-y-2",
 								children: [/* @__PURE__ */ P(d, {
 									htmlFor: p,
 									children: u("editor.selectNodeGroup.groupName")
@@ -3671,7 +3671,7 @@ var or = () => {
 								})]
 							}),
 							/* @__PURE__ */ F("div", {
-								className: "flex justify-end gap-2",
+								className: "tg:flex tg:justify-end tg:gap-2",
 								children: [/* @__PURE__ */ P(k, {
 									variant: "outline",
 									size: "sm",
@@ -3722,24 +3722,24 @@ var or = () => {
 		},
 		disabled: s,
 		children: [/* @__PURE__ */ P(v, {
-			className: "w-full capitalize",
+			className: "tg:w-full tg:capitalize",
 			id: u,
 			children: /* @__PURE__ */ P(T, { placeholder: c("editor.selectNodeType.nodeType") })
 		}), /* @__PURE__ */ P(C, {
-			className: "treege-scrollbar max-h-80",
+			className: "treege-scrollbar tg:max-h-80",
 			children: s ? /* @__PURE__ */ P(w, { children: /* @__PURE__ */ P(h, {
 				value: l.group,
 				children: c("editor.selectNodeType.options.group")
 			}) }) : /* @__PURE__ */ F(N, { children: [
 				/* @__PURE__ */ F(w, { children: [/* @__PURE__ */ P(y, { children: c("editor.selectNodeType.options.input") }), lr.map((e) => /* @__PURE__ */ F(h, {
 					value: e,
-					className: "capitalize",
+					className: "tg:capitalize",
 					children: [/* @__PURE__ */ P(Z(e), {}), e]
 				}, e))] }),
 				/* @__PURE__ */ P(de, {}),
 				/* @__PURE__ */ F(w, { children: [/* @__PURE__ */ P(y, { children: c("editor.selectNodeType.options.ui") }), ur.map((e) => /* @__PURE__ */ F(h, {
 					value: e,
-					className: "capitalize",
+					className: "tg:capitalize",
 					children: [/* @__PURE__ */ P(Z(e), {}), e]
 				}, e))] }),
 				/* @__PURE__ */ P(de, {}),
@@ -3768,19 +3768,19 @@ function pr({ ...e }) {
 function mr({ className: e, ...t }) {
 	return /* @__PURE__ */ P(Pt.Overlay, {
 		"data-slot": "sheet-overlay",
-		className: E("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in", e),
+		className: E("tg:data-[state=closed]:fade-out-0 tg:data-[state=open]:fade-in-0 tg:fixed tg:inset-0 tg:z-50 tg:bg-black/50 tg:data-[state=closed]:animate-out tg:data-[state=open]:animate-in", e),
 		...t
 	});
 }
 function hr({ className: e, children: t, side: n = "right", ...r }) {
 	return /* @__PURE__ */ F(pr, { children: [/* @__PURE__ */ P(mr, {}), /* @__PURE__ */ F(Pt.Content, {
 		"data-slot": "sheet-content",
-		className: E("fixed z-50 flex flex-col gap-4 bg-background shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=open]:animate-in data-[state=closed]:duration-300 data-[state=open]:duration-500", n === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", n === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", n === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", n === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", e),
+		className: E("tg:fixed tg:z-50 tg:flex tg:flex-col tg:gap-4 tg:bg-background tg:shadow-lg tg:transition tg:ease-in-out tg:data-[state=closed]:animate-out tg:data-[state=open]:animate-in tg:data-[state=closed]:duration-300 tg:data-[state=open]:duration-500", n === "right" && "tg:data-[state=closed]:slide-out-to-right tg:data-[state=open]:slide-in-from-right tg:inset-y-0 tg:right-0 tg:h-full tg:w-3/4 tg:border-l tg:sm:max-w-sm", n === "left" && "tg:data-[state=closed]:slide-out-to-left tg:data-[state=open]:slide-in-from-left tg:inset-y-0 tg:left-0 tg:h-full tg:w-3/4 tg:border-r tg:sm:max-w-sm", n === "top" && "tg:data-[state=closed]:slide-out-to-top tg:data-[state=open]:slide-in-from-top tg:inset-x-0 tg:top-0 tg:h-auto tg:border-b", n === "bottom" && "tg:data-[state=closed]:slide-out-to-bottom tg:data-[state=open]:slide-in-from-bottom tg:inset-x-0 tg:bottom-0 tg:h-auto tg:border-t", e),
 		...r,
 		children: [t, /* @__PURE__ */ F(Pt.Close, {
-			className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary",
-			children: [/* @__PURE__ */ P(Ct, { className: "size-4" }), /* @__PURE__ */ P("span", {
-				className: "sr-only",
+			className: "tg:absolute tg:top-4 tg:right-4 tg:rounded-xs tg:opacity-70 tg:ring-offset-background tg:transition-opacity tg:hover:opacity-100 tg:focus:outline-hidden tg:focus:ring-2 tg:focus:ring-ring tg:focus:ring-offset-2 tg:disabled:pointer-events-none tg:data-[state=open]:bg-secondary",
+			children: [/* @__PURE__ */ P(Ct, { className: "tg:size-4" }), /* @__PURE__ */ P("span", {
+				className: "tg:sr-only",
 				children: "Close"
 			})]
 		})]
@@ -3789,28 +3789,28 @@ function hr({ className: e, children: t, side: n = "right", ...r }) {
 function gr({ className: e, ...t }) {
 	return /* @__PURE__ */ P("div", {
 		"data-slot": "sheet-header",
-		className: E("flex flex-col gap-1.5 p-4", e),
+		className: E("tg:flex tg:flex-col tg:gap-1.5 tg:p-4", e),
 		...t
 	});
 }
 function _r({ className: e, ...t }) {
 	return /* @__PURE__ */ P("div", {
 		"data-slot": "sheet-footer",
-		className: E("mt-auto flex flex-col gap-2 p-4", e),
+		className: E("tg:mt-auto tg:flex tg:flex-col tg:gap-2 tg:p-4", e),
 		...t
 	});
 }
 function vr({ className: e, ...t }) {
 	return /* @__PURE__ */ P(Pt.Title, {
 		"data-slot": "sheet-title",
-		className: E("font-semibold text-foreground", e),
+		className: E("tg:font-semibold tg:text-foreground", e),
 		...t
 	});
 }
 function yr({ className: e, ...t }) {
 	return /* @__PURE__ */ P(Pt.Description, {
 		"data-slot": "sheet-description",
-		className: E("text-muted-foreground text-sm", e),
+		className: E("tg:text-muted-foreground tg:text-sm", e),
 		...t
 	});
 }
@@ -3826,20 +3826,20 @@ var br = () => {
 			e || d();
 		},
 		children: /* @__PURE__ */ F(hr, {
-			className: "flex flex-col gap-0",
+			className: "tg:flex tg:flex-col tg:gap-0",
 			children: [
 				/* @__PURE__ */ F(gr, { children: [/* @__PURE__ */ F(vr, { children: [
 					l("editor.nodeActionsSheet.editNode"),
 					" ",
 					/* @__PURE__ */ P("span", {
-						className: "font-light text-muted-foreground text-xs",
+						className: "tg:font-light tg:text-muted-foreground tg:text-xs",
 						children: e?.id
 					})
 				] }), /* @__PURE__ */ P(yr, { children: u || "\xA0" })] }),
 				/* @__PURE__ */ P(Gt, {
-					className: "flex min-h-0 flex-1 flex-col px-4",
+					className: "tg:flex tg:min-h-0 tg:flex-1 tg:flex-col tg:px-4",
 					children: /* @__PURE__ */ F("div", {
-						className: "space-y-6 py-4",
+						className: "tg:space-y-6 tg:py-4",
 						children: [
 							/* @__PURE__ */ P(dr, {}),
 							/* @__PURE__ */ P(cr, {}),
@@ -3852,7 +3852,7 @@ var br = () => {
 					})
 				}),
 				/* @__PURE__ */ P(_r, {
-					className: "flex items-end border-t",
+					className: "tg:flex tg:items-end tg:border-t",
 					children: /* @__PURE__ */ P(k, {
 						variant: "ghost",
 						size: "icon",
@@ -3939,7 +3939,7 @@ var br = () => {
 	let { theme: t = "system" } = Rt();
 	return /* @__PURE__ */ P(Ft, {
 		theme: t,
-		className: "toaster group",
+		className: "toaster tg:group",
 		style: {
 			"--normal-bg": "var(--treege-popover)",
 			"--normal-border": "var(--treege-border)",