@ably/ui 14.6.0 → 14.6.2-dev.7b98b73

package/core/Accordion/types.js

@@ -1 +1 @@
-export const accordionThemes=["dark","light","transparent"];
+export const accordionThemes=["dark","light","transparent","darkTransparent"];

package/core/Accordion.js

@@ -1 +1 @@
-import React,{useState,useRef,useEffect}from"react";import Icon from"./Icon";import throttle from"lodash.throttle";const themeClasses={dark:{bg:"bg-neutral-1200",hoverBg:"hover:bg-neutral-1100",text:"text-white",toggleIconColor:"text-orange-600",selectableBg:"bg-neutral-300",selectableText:"text-neutral-1300"},light:{bg:"bg-neutral-200",hoverBg:"hover:bg-neutral-300",text:"text-neutral-1300",toggleIconColor:"text-neutral-1000",selectableBg:"bg-neutral-1200",selectableText:"text-white"},transparent:{bg:"bg-white",hoverBg:"hover:bg-white",text:"text-neutral-1000",toggleIconColor:"text-dark-grey"}};const isNonTransparentTheme=theme=>theme!=="transparent";const AccordionRow=({name,children,onClick,open,rowIcon,options,toggleIcons,theme})=>{const rowRef=useRef(null);const[contentHeight,setContentHeight]=useState(0);useEffect(()=>{const handleHeight=throttle(()=>{if(rowRef.current){setContentHeight(rowRef.current.scrollHeight+16)}},250);handleHeight();window.addEventListener("resize",handleHeight);return()=>window.removeEventListener("resize",handleHeight)},[]);const{selectable,sticky}=options||{};const{text,bg,hoverBg,toggleIconColor,selectableBg,selectableText}=themeClasses[theme];const bgClasses=selectable&&open&&selectableBg||`${bg} ${hoverBg}`;const textClass=selectable&&open&&selectableText||text;return /*#__PURE__*/React.createElement("div",{className:`border-mid-grey border-b last:border-none ${isNonTransparentTheme(theme)?"border-none":""}`},/*#__PURE__*/React.createElement("button",{type:"button",onClick:onClick,className:`flex w-full ${sticky?"sticky top-0":""} focus:outline-none py-16 rounded-lg ui-text-p1 font-bold text-left items-center gap-12 ${isNonTransparentTheme(theme)?"px-16":""} transition-colors ${bgClasses} ${textClass}`},rowIcon?/*#__PURE__*/React.createElement(Icon,{name:rowIcon,color:textClass,size:"32"}):null,/*#__PURE__*/React.createElement("span",null,name),!selectable?/*#__PURE__*/React.createElement("span",{className:"flex-1 justify-end flex items-center"},/*#__PURE__*/React.createElement(Icon,{name:open?toggleIcons.open.name:toggleIcons.closed.name,color:toggleIconColor,size:"16"})," "):null),/*#__PURE__*/React.createElement("div",{className:`ui-text-p2 transition-[max-height] duration-500 overflow-hidden ${isNonTransparentTheme(theme)?"pt-16 px-16":"px-0"}`,style:{maxHeight:open?contentHeight:0},ref:rowRef},/*#__PURE__*/React.createElement("div",{className:"pb-16"},children)))};const Accordion=({data,theme="transparent",id="id-accordion",className="",icons={closed:{name:"icon-gui-plus"},open:{name:"icon-gui-minus"}},options})=>{const{defaultOpenIndexes,autoClose}=options||{};const[openIndexes,setOpenIndexes]=useState(defaultOpenIndexes??[]);const handleSetIndex=index=>{const currentIndexIsOpen=openIndexes.includes(index);if(autoClose){setOpenIndexes(currentIndexIsOpen?[]:[index])}else{setOpenIndexes(currentIndexIsOpen?openIndexes.filter(i=>i!==index):[...openIndexes,index])}};return /*#__PURE__*/React.createElement("div",{className:className,id:id},data.map((item,currentIndex)=>{return /*#__PURE__*/React.createElement(AccordionRow,{key:item.name,name:item.name,rowIcon:item.icon,open:openIndexes.includes(currentIndex),onClick:()=>handleSetIndex(currentIndex),toggleIcons:icons,theme:theme,options:options},item.content)}))};export default Accordion;
+import React,{useState,useRef,useEffect}from"react";import Icon from"./Icon";const themeClasses={dark:{bg:"bg-neutral-1200",hoverBg:"hover:bg-neutral-1100",text:"text-white",toggleIconColor:"text-orange-600",selectableBg:"bg-neutral-300",selectableText:"text-neutral-1300"},light:{bg:"bg-neutral-200",hoverBg:"hover:bg-neutral-300",text:"text-neutral-1300",toggleIconColor:"text-neutral-1000",selectableBg:"bg-neutral-1200",selectableText:"text-white"},transparent:{bg:"bg-transparent",hoverBg:"hover:bg-transparent",text:"text-neutral-1000",toggleIconColor:"text-dark-grey",border:"border-neutral-500 border-b last:border-none"},darkTransparent:{bg:"bg-transparent",hoverBg:"hover:bg-transparent",text:"text-neutral-000",toggleIconColor:"text-orange-600",border:"border-neutral-900 border-b last:border-none"}};const isNonTransparentTheme=theme=>!["transparent","darkTransparent"].includes(theme);const AccordionRow=({name,children,onClick,open,rowIcon,options,toggleIcons,theme})=>{const rowRef=useRef(null);const[contentHeight,setContentHeight]=useState(0);useEffect(()=>{const resizeObserver=new ResizeObserver(()=>{if(rowRef.current){setContentHeight(rowRef.current.scrollHeight+16)}});if(rowRef.current){resizeObserver.observe(rowRef.current)}return()=>{if(rowRef.current){resizeObserver.unobserve(rowRef.current)}}},[]);const{selectable,sticky}=options||{};const{text,bg,hoverBg,toggleIconColor,selectableBg,selectableText,border}=themeClasses[theme];const bgClasses=selectable&&open&&selectableBg||`${bg} ${hoverBg}`;const textClass=selectable&&open&&selectableText||text;return /*#__PURE__*/React.createElement("div",{className:`${border}`},/*#__PURE__*/React.createElement("button",{type:"button",onClick:onClick,className:`flex w-full ${sticky?"sticky top-0":""} focus:outline-none py-16 rounded-lg ui-text-p1 font-bold text-left items-center gap-12 ${isNonTransparentTheme(theme)?"px-16":""} transition-colors ${bgClasses} ${textClass}`},rowIcon?/*#__PURE__*/React.createElement(Icon,{name:rowIcon,color:textClass,size:"32"}):null,/*#__PURE__*/React.createElement("span",null,name),!selectable?/*#__PURE__*/React.createElement("span",{className:"flex-1 justify-end flex items-center"},/*#__PURE__*/React.createElement(Icon,{name:open?toggleIcons.open.name:toggleIcons.closed.name,color:toggleIconColor,size:"16"})," "):null),/*#__PURE__*/React.createElement("div",{className:`ui-text-p2 transition-[max-height] duration-500 overflow-y-hidden ${isNonTransparentTheme(theme)?"pt-16":""}`,style:{maxHeight:open?contentHeight:0},ref:rowRef},/*#__PURE__*/React.createElement("div",{className:"pb-16"},children)))};const Accordion=({data,theme="transparent",id="id-accordion",className="",icons={closed:{name:"icon-gui-plus"},open:{name:"icon-gui-minus"}},options})=>{const{defaultOpenIndexes,autoClose}=options||{};const[openIndexes,setOpenIndexes]=useState(defaultOpenIndexes??[]);const handleSetIndex=index=>{const currentIndexIsOpen=openIndexes.includes(index);if(autoClose){setOpenIndexes(currentIndexIsOpen?[]:[index])}else{setOpenIndexes(currentIndexIsOpen?openIndexes.filter(i=>i!==index):[...openIndexes,index])}};return /*#__PURE__*/React.createElement("div",{className:className,id:id},data.map((item,currentIndex)=>{return /*#__PURE__*/React.createElement(AccordionRow,{key:item.name,name:item.name,rowIcon:item.icon,open:openIndexes.includes(currentIndex),onClick:()=>handleSetIndex(currentIndex),toggleIcons:icons,theme:theme,options:options},item.content)}))};export default Accordion;

package/core/Icon/EncapsulatedIcon.js

@@ -1 +1 @@
-import React from"react";import Icon from"../Icon";import{determineThemeColor}from"../styles/colors/utils";const EncapsulatedIcon=({theme="dark",size="40px",className,...iconProps})=>{const t=color=>determineThemeColor("dark",theme,color);const numericalSize=parseInt(size,10);return /*#__PURE__*/React.createElement("div",{className:`p-1 rounded-lg ${theme==="light"?"bg-gradient-to-t":"bg-gradient-to-b"} ${t("from-neutral-900")} ${className??""}`,style:{width:numericalSize,height:numericalSize}},/*#__PURE__*/React.createElement("div",{className:`flex items-center justify-center rounded-lg ${t("bg-neutral-1100")}`,style:{height:numericalSize-2}},/*#__PURE__*/React.createElement(Icon,{size:`${numericalSize-12}`,...iconProps})))};export default EncapsulatedIcon;
+import React from"react";import Icon from"../Icon";import{determineThemeColor}from"../styles/colors/utils";const EncapsulatedIcon=({theme="dark",size="40px",iconSize,className,innerClassName,...iconProps})=>{const t=color=>determineThemeColor("dark",theme,color);const numericalSize=parseInt(size,10);const numericalIconSize=iconSize?parseInt(iconSize,10):numericalSize-12;return /*#__PURE__*/React.createElement("div",{className:`p-1 rounded-lg ${theme==="light"?"bg-gradient-to-t":"bg-gradient-to-b"} ${t("from-neutral-900")} ${className??""}`,style:{width:numericalSize,height:numericalSize}},/*#__PURE__*/React.createElement("div",{className:`flex items-center justify-center rounded-lg ${t("bg-neutral-1100")} ${innerClassName??""}`,style:{height:numericalSize-2}},/*#__PURE__*/React.createElement(Icon,{size:`${numericalIconSize}`,...iconProps})))};export default EncapsulatedIcon;

package/core/Pricing/PricingCards.js

@@ -1 +1 @@
-import React,{Fragment}from"react";import{determineThemeColor}from"../styles/colors/utils";import Icon from"../Icon";import FeaturedLink from"../FeaturedLink";const PricingCards=({data,theme="dark",delimiter})=>{const t=color=>determineThemeColor("dark",theme,color);const delimiterColumn=index=>delimiter&&index%2===1?/*#__PURE__*/React.createElement("div",{className:"flex items-center justify-center w-full m-8 @[920px]:w-20"},/*#__PURE__*/React.createElement(Icon,{name:delimiter,size:"20",additionalCSS:t("text-neutral-500")})):null;const gridRules={nonDelimited:"grid @[552px]:grid-cols-2 @[1104px]:grid-cols-4",delimited:"flex flex-col items-center @[920px]:flex-row"};return /*#__PURE__*/React.createElement("div",{className:"@container flex justify-center"},/*#__PURE__*/React.createElement("div",{className:`${delimiter?gridRules.delimited:gridRules.nonDelimited} gap-8`},data.map(({title,description,price,cta,sections},index)=>/*#__PURE__*/React.createElement(Fragment,{key:title.content},delimiterColumn(index),/*#__PURE__*/React.createElement("div",{className:`flex flex-1 p-1 bg-gradient-to-b ${t("from-neutral-1100")} ${t("to-neutral-1100")} rounded-2xl min-w-[272px]`},/*#__PURE__*/React.createElement("div",{className:`flex-1 px-24 py-32 flex flex-col gap-24 rounded-2xl ${t("bg-neutral-1300")} bg-opacity-25 ${cta?`${t("hover:bg-neutral-1200")} hover:bg-opacity-100`:""} transition-colors group ${delimiter?"@[520px]:flex-row @[920px]:flex-col":""}`},/*#__PURE__*/React.createElement("div",{className:`flex flex-col gap-24 ${delimiter?"@[520px]:flex-1 @[920px}:flex-none":""}`},/*#__PURE__*/React.createElement("div",null,/*#__PURE__*/React.createElement("p",{className:`mb-12 ${title.className??""} ${t(title.color??"text-neutral-000")}`},title.content),/*#__PURE__*/React.createElement("p",{className:`ui-text-p1 ${description.className??""} ${t(description.color??"text-neutral-000")}`},description.content)),/*#__PURE__*/React.createElement("div",{className:`flex items-end gap-8 ${delimiter?"@[520px]:flex-col @[520px]:items-start @[920px]:flex-row @[920px]:items-end":""}`},/*#__PURE__*/React.createElement("p",{className:`ui-text-title font-medium tracking-tight leading-none ${t("text-neutral-000")}`},Number.isNaN(Number(price.amount))?"":"$",price.amount),/*#__PURE__*/React.createElement("div",{className:t("text-neutral-000")},price.content)),cta?/*#__PURE__*/React.createElement("div",{className:"group"},/*#__PURE__*/React.createElement(FeaturedLink,{additionalCSS:`text-center ui-btn ${t("bg-neutral-000")} ${t("text-neutral-1300")} hover:text-neutral-000 px-24 !py-12 ${cta.className??""}`,url:cta.url},cta.text)):null),/*#__PURE__*/React.createElement("div",{className:"flex-1 flex flex-col gap-24"},sections.map(({title,items,listItemColors,cta})=>/*#__PURE__*/React.createElement("div",{key:title,className:"flex flex-col gap-12"},/*#__PURE__*/React.createElement("p",{className:`${t("text-neutral-500")} font-mono uppercase text-overline2 tracking-[0.16em]`},title),/*#__PURE__*/React.createElement("div",{className:delimiter?"":"flex flex-col gap-4"},items.map((item,index)=>Array.isArray(item)?/*#__PURE__*/React.createElement("div",{key:item[0],className:`flex justify-between gap-16 px-8 -mx-8 ${index===0?"py-8":"py-4"} ${index>0&&index%2===0?`${t("bg-blue-900")} rounded-md`:""}`},item.map((subItem,subIndex)=>/*#__PURE__*/React.createElement("span",{key:subItem,className:`ui-text-p3 ${index===0?"font-bold":"font-medium"} ${t("text-neutral-300")} ${subIndex%2===1?"text-right":""}`},subItem))):/*#__PURE__*/React.createElement("div",{key:item,className:"flex gap-8 items-start"},listItemColors?/*#__PURE__*/React.createElement(Icon,{name:"icon-gui-check-circled-fill",color:t(listItemColors.background),secondaryColor:t(listItemColors.foreground),size:"16",additionalCSS:"mt-2"}):null,/*#__PURE__*/React.createElement("div",{className:`flex-1 ${listItemColors?"ui-text-p3":"ui-text-p2"} font-medium ${t("text-neutral-300")}`},item)))),cta?/*#__PURE__*/React.createElement("div",{className:"flex items-center h-40"},/*#__PURE__*/React.createElement("div",{className:`hidden sm:group-hover:hidden leading-6 font-extralight text-p3 ${t("text-neutral-800")}`},"•••"),/*#__PURE__*/React.createElement(FeaturedLink,{url:cta.url??"#",additionalCSS:`sm:hidden group-hover:block font-medium ui-text-p3 ${t("text-neutral-500")} hover:${t("text-neutral-000")} transition-colors`},cta.text)):null))))),delimiterColumn(index)))))};export default PricingCards;
+import React,{Fragment}from"react";import{determineThemeColor}from"../styles/colors/utils";import Icon from"../Icon";import FeaturedLink from"../FeaturedLink";const PricingCards=({data,theme="dark",delimiter})=>{const t=color=>determineThemeColor("dark",theme,color);const delimiterColumn=index=>delimiter&&index%2===1?/*#__PURE__*/React.createElement("div",{className:"flex items-center justify-center w-full m-8 @[920px]:w-20"},/*#__PURE__*/React.createElement(Icon,{name:delimiter,size:"20",additionalCSS:t("text-neutral-500")})):null;const gridRules={nonDelimited:"grid @[552px]:grid-cols-2 @[1104px]:grid-cols-4",delimited:"flex flex-col items-center @[920px]:flex-row"};return /*#__PURE__*/React.createElement("div",{className:"@container flex justify-center"},/*#__PURE__*/React.createElement("div",{className:`${delimiter?gridRules.delimited:gridRules.nonDelimited} gap-8`},data.map(({title,description,price,cta,sections},index)=>/*#__PURE__*/React.createElement(Fragment,{key:title.content},delimiterColumn(index),/*#__PURE__*/React.createElement("div",{className:`relative border ${t("border-neutral-1100")} flex-1 px-24 py-32 flex flex-col gap-24 rounded-2xl group ${delimiter?"@[520px]:flex-row @[920px]:flex-col":""} min-w-[272px] overflow-hidden`},/*#__PURE__*/React.createElement("div",{className:`absolute z-0 -top-32 -left-32 w-[calc(100%+64px)] h-[calc(100%+64px)] rounded-2xl ${t("bg-neutral-1300")} ${cta?`${t("group-hover:bg-neutral-1200")} group-hover:opacity-100`:""} transition-[colors,opacity] opacity-25 blur-md`}),/*#__PURE__*/React.createElement("div",{className:`relative z-10 flex flex-col gap-24 ${delimiter?"@[520px]:flex-1 @[920px}:flex-none":""}`},/*#__PURE__*/React.createElement("div",null,/*#__PURE__*/React.createElement("p",{className:`mb-12 ${title.className??""} ${t(title.color??"text-neutral-000")}`},title.content),/*#__PURE__*/React.createElement("p",{className:`ui-text-p1 ${description.className??""} ${t(description.color??"text-neutral-000")}`},description.content)),/*#__PURE__*/React.createElement("div",{className:`flex items-end gap-8 ${delimiter?"@[520px]:flex-col @[520px]:items-start @[920px]:flex-row @[920px]:items-end":""}`},/*#__PURE__*/React.createElement("p",{className:`ui-text-title font-medium tracking-tight leading-none ${t("text-neutral-000")}`},Number.isNaN(Number(price.amount))?"":"$",price.amount),/*#__PURE__*/React.createElement("div",{className:t("text-neutral-000")},price.content)),cta?/*#__PURE__*/React.createElement("div",{className:"group"},/*#__PURE__*/React.createElement(FeaturedLink,{additionalCSS:`text-center ui-btn ${t("bg-neutral-000")} ${t("text-neutral-1300")} hover:text-neutral-000 px-24 !py-12 ${cta.className??""}`,url:cta.url},cta.text)):null),/*#__PURE__*/React.createElement("div",{className:"flex-1 flex flex-col gap-24 relative z-10"},sections.map(({title,items,listItemColors,cta})=>/*#__PURE__*/React.createElement("div",{key:title,className:"flex flex-col gap-12"},/*#__PURE__*/React.createElement("p",{className:`${t("text-neutral-500")} font-mono uppercase text-overline2 tracking-[0.16em]`},title),/*#__PURE__*/React.createElement("div",{className:delimiter?"":"flex flex-col gap-4"},items.map((item,index)=>Array.isArray(item)?/*#__PURE__*/React.createElement("div",{key:item[0],className:`flex justify-between gap-16 px-8 -mx-8 ${index===0?"py-8":"py-4"} ${index>0&&index%2===0?`${t("bg-blue-900")} rounded-md`:""}`},item.map((subItem,subIndex)=>/*#__PURE__*/React.createElement("span",{key:subItem,className:`ui-text-p3 ${index===0?"font-bold":"font-medium"} ${t("text-neutral-300")} ${subIndex%2===1?"text-right":""}`},subItem))):/*#__PURE__*/React.createElement("div",{key:item,className:"flex gap-8 items-start"},listItemColors?/*#__PURE__*/React.createElement(Icon,{name:"icon-gui-check-circled-fill",color:t(listItemColors.background),secondaryColor:t(listItemColors.foreground),size:"16",additionalCSS:"mt-2"}):null,/*#__PURE__*/React.createElement("div",{className:`flex-1 ${listItemColors?"ui-text-p3":"ui-text-p2"} font-medium ${t("text-neutral-300")}`},item)))),cta?/*#__PURE__*/React.createElement("div",{className:"flex items-center h-40"},/*#__PURE__*/React.createElement("div",{className:`hidden sm:block sm:group-hover:hidden leading-6 font-extralight text-p3 ${t("text-neutral-800")}`},"•••"),/*#__PURE__*/React.createElement(FeaturedLink,{url:cta.url??"#",additionalCSS:`sm:hidden group-hover:block font-medium ui-text-p3 ${t("text-neutral-500")} hover:${t("text-neutral-000")} transition-colors`},cta.text)):null)))),delimiterColumn(index)))))};export default PricingCards;

package/core/Tooltip.js

@@ -1 +1 @@
-import React,{useEffect,useRef,useState}from"react";import Icon from"./Icon";const Tooltip=({children,triggerProps,tooltipProps,...rest})=>{const[open,setOpen]=useState(false);const[position,setPosition]=useState({x:0,y:0});const offset=8;const reference=useRef(null);const floating=useRef(null);useEffect(()=>{if(open){const floatingRect=floating.current?.getBoundingClientRect();const referenceRect=reference.current?.getBoundingClientRect();if(floatingRect&&referenceRect){setPosition({x:Math.min(floatingRect.width/2,floatingRect.left)-referenceRect.width/2,y:Math.min(floatingRect.height,floatingRect.top)+offset})}}else{setPosition({x:0,y:0})}},[open]);return /*#__PURE__*/React.createElement("div",{...rest,className:`relative inline-block align-top h-16 ${rest?.className??""}`},/*#__PURE__*/React.createElement("button",{onMouseEnter:()=>setOpen(true),onMouseLeave:()=>setOpen(false),type:"button",ref:reference,"aria-describedby":"tooltip",...triggerProps,className:`ml-8 p-0 relative top-1 focus:outline-none ${triggerProps?.className??""}`},/*#__PURE__*/React.createElement(Icon,{name:"icon-gui-info",size:"1rem"})),open?/*#__PURE__*/React.createElement("div",{role:"tooltip",ref:floating,style:{top:-position.y,left:-position.x,boxShadow:"4px 4px 15px rgba(0, 0, 0, 0.2)"},...tooltipProps,className:`bg-light-grey p-12 rounded pointer-events-none absolute z-20 ${tooltipProps?.className??""}`},/*#__PURE__*/React.createElement("div",{className:"w-256"},children)):null)};export default Tooltip;
+import React,{useEffect,useRef,useState}from"react";import Icon from"./Icon";import{determineThemeColor}from"./styles/colors/utils";const Tooltip=({children,triggerProps,tooltipProps,theme="dark",...rest})=>{const[open,setOpen]=useState(false);const[fadeOut,setFadeOut]=useState(false);const[position,setPosition]=useState({x:0,y:0});const offset=8;const reference=useRef(null);const floating=useRef(null);const t=color=>determineThemeColor("light",theme,color);useEffect(()=>{if(open){const floatingRect=floating.current?.getBoundingClientRect();const referenceRect=reference.current?.getBoundingClientRect();if(floatingRect&&referenceRect){setPosition({x:Math.min(floatingRect.width/2,floatingRect.left)-referenceRect.width/2,y:Math.min(floatingRect.height,floatingRect.top)+offset})}}else{setPosition({x:0,y:0})}},[open]);return /*#__PURE__*/React.createElement("div",{...rest,className:`relative inline-block align-top h-16 ${rest?.className??""}`},/*#__PURE__*/React.createElement("button",{onMouseEnter:()=>setOpen(true),onMouseLeave:()=>{setFadeOut(true);setTimeout(()=>{setOpen(false);setFadeOut(false)},250)},type:"button",ref:reference,"aria-describedby":"tooltip",...triggerProps,className:`ml-8 p-0 relative top-1 focus:outline-none ${triggerProps?.className??""}`},/*#__PURE__*/React.createElement(Icon,{name:"icon-gui-info",color:`${t("text-neutral-800")}`,size:"1rem"})),open?/*#__PURE__*/React.createElement("div",{role:"tooltip",ref:floating,style:{top:-position.y,left:-position.x,boxShadow:"4px 4px 15px rgba(0, 0, 0, 0.2)"},...tooltipProps,className:`${t("bg-neutral-1000")} ${t("text-neutral-200")} ui-text-p3 font-medium p-16 rounded-lg pointer-events-none absolute z-50 ${tooltipProps?.className??""} ${fadeOut?"animate-[tooltipExit_0.25s_ease-in-out]":"animate-[tooltipEntry_0.25s_ease-in-out]"}`},/*#__PURE__*/React.createElement("div",{className:"w-[240px]"},children)):null)};export default Tooltip;

package/core/styles/colors/utils.js

@@ -1 +1 @@
-import{colorNames}from"./types";export const convertTailwindClassToVar=className=>className.replace(/(text|bg|from|to)-([a-z0-9-]+)/gi,"var(--color-$2)");const calculatePaletteRange=(acc,color)=>{const splitColor=color.split("-");const numericalColor=Number(splitColor[splitColor.length-1]);return{min:acc.min===-1||numericalColor<acc.min?numericalColor:acc.min,max:acc.max===-1||numericalColor>acc.max?numericalColor:acc.max}};export const determineThemeColor=(baseTheme,currentTheme,color)=>{if(baseTheme===currentTheme){return color}else{const splitColor=color.split("-");if(splitColor.length===3){const[property,palette,variant]=splitColor;const paletteColors=Object.keys(colorNames).includes(palette)?colorNames[palette]:colorNames.secondary;const{min,max}=paletteColors.reduce((acc,color)=>calculatePaletteRange(acc,color),{min:-1,max:-1});return`${property}-${palette}-${(max+min-Number(variant)).toString().padStart(3,"0")}`}else{return color}}};
+import{colorNames}from"./types";export const convertTailwindClassToVar=className=>className.replace(/(text|bg|from|to)-([a-z0-9-]+)/gi,"var(--color-$2)");const calculatePaletteRange=(acc,color)=>{const splitColor=color.split("-");const numericalColor=Number(splitColor[splitColor.length-1]);return{min:acc.min===-1||numericalColor<acc.min?numericalColor:acc.min,max:acc.max===-1||numericalColor>acc.max?numericalColor:acc.max}};export const determineThemeColor=(baseTheme,currentTheme,color)=>{if(baseTheme===currentTheme){return color}else{const splitColor=color.split("-");if(splitColor.length>=3){const property=splitColor.slice(0,splitColor.length-2).join("-");const palette=splitColor[splitColor.length-2];const variant=splitColor[splitColor.length-1];const paletteColors=Object.keys(colorNames).includes(palette)?colorNames[palette]:colorNames.secondary;const{min,max}=paletteColors.reduce((acc,color)=>calculatePaletteRange(acc,color),{min:-1,max:-1});return`${property}-${palette}-${(max+min-Number(variant)).toString().padStart(3,"0")}`}else{return color}}};

package/index.d.ts

@@ -19,7 +19,7 @@ export type AccordionIcons = {
         css?: string;
     };
 };
-export const accordionThemes: readonly ["dark", "light", "transparent"];
+export const accordionThemes: readonly ["dark", "light", "transparent", "darkTransparent"];
 export type AccordionTheme = (typeof accordionThemes)[number];
 export type AccordionThemeColors = {
     bg: ColorClass;
@@ -28,6 +28,7 @@ export type AccordionThemeColors = {
     toggleIconColor: ColorClass;
     selectableBg?: ColorClass;
     selectableText?: ColorClass;
+    border?: string;
 };
 export type AccordionOptions = {
     autoClose?: boolean;
@@ -140,14 +141,14 @@ export default DropdownMenu;
 }
 
 declare module '@ably/ui/core/Expander' {
-import { PropsWithChildren } from "react";
+import { PropsWithChildren, ReactNode } from "react";
 type ExpanderProps = {
     heightThreshold?: number;
     className?: string;
     fadeClassName?: string;
     controlsClassName?: string;
-    controlsOpenedLabel?: string;
-    controlsClosedLabel?: string;
+    controlsOpenedLabel?: string | ReactNode;
+    controlsClosedLabel?: string | ReactNode;
 };
 const Expander: ({ heightThreshold, className, fadeClassName, controlsClassName, controlsOpenedLabel, controlsClosedLabel, children, }: PropsWithChildren<ExpanderProps>) => import("react/jsx-runtime").JSX.Element;
 export default Expander;
@@ -231,15 +232,17 @@ import { Theme } from ".@ably/ui/core/styles/colors/types";
 type EncapsulatedIconProps = {
     theme?: Theme;
     className?: string;
+    innerClassName?: string;
+    iconSize?: string;
 } & IconProps;
-const EncapsulatedIcon: ({ theme, size, className, ...iconProps }: EncapsulatedIconProps) => import("react/jsx-runtime").JSX.Element;
+const EncapsulatedIcon: ({ theme, size, iconSize, className, innerClassName, ...iconProps }: EncapsulatedIconProps) => import("react/jsx-runtime").JSX.Element;
 export default EncapsulatedIcon;
 //# sourceMappingURL=EncapsulatedIcon.d.ts.map
 }
 
 declare module '@ably/ui/core/Icon/secondary-colors' {
 import { IconName } from "@ably/ui/core/types";
-export const defaultIconSecondaryColor: (name: IconName) => "bg-neutral-000" | "bg-neutral-100" | "bg-neutral-200" | "bg-neutral-300" | "bg-neutral-400" | "bg-neutral-500" | "bg-neutral-600" | "bg-neutral-700" | "bg-neutral-800" | "bg-neutral-900" | "bg-neutral-1000" | "bg-neutral-1100" | "bg-neutral-1200" | "bg-neutral-1300" | "bg-orange-100" | "bg-orange-200" | "bg-orange-300" | "bg-orange-400" | "bg-orange-500" | "bg-orange-600" | "bg-orange-700" | "bg-orange-800" | "bg-orange-900" | "bg-orange-1000" | "bg-orange-1100" | "bg-yellow-100" | "bg-yellow-200" | "bg-yellow-300" | "bg-yellow-400" | "bg-yellow-500" | "bg-yellow-600" | "bg-yellow-700" | "bg-yellow-800" | "bg-yellow-900" | "bg-green-100" | "bg-green-200" | "bg-green-300" | "bg-green-400" | "bg-green-500" | "bg-green-600" | "bg-green-700" | "bg-green-800" | "bg-green-900" | "bg-blue-100" | "bg-blue-200" | "bg-blue-300" | "bg-blue-400" | "bg-blue-500" | "bg-blue-600" | "bg-blue-700" | "bg-blue-800" | "bg-blue-900" | "bg-violet-100" | "bg-violet-200" | "bg-violet-300" | "bg-violet-400" | "bg-violet-500" | "bg-violet-600" | "bg-violet-700" | "bg-violet-800" | "bg-violet-900" | "bg-pink-100" | "bg-pink-200" | "bg-pink-300" | "bg-pink-400" | "bg-pink-500" | "bg-pink-600" | "bg-pink-700" | "bg-pink-800" | "bg-pink-900" | "bg-gui-blue-default-light" | "bg-gui-blue-hover-light" | "bg-gui-blue-active-light" | "bg-gui-blue-default-dark" | "bg-gui-blue-hover-dark" | "bg-gui-blue-active-dark" | "bg-gui-blue-focus" | "bg-gui-unavailable" | "bg-gui-success-green" | "bg-gui-error-red" | "bg-gui-focus" | "bg-gui-focus-outline" | "bg-gui-visited" | "bg-white" | "bg-extra-light-grey" | "bg-light-grey" | "bg-mid-grey" | "bg-dark-grey" | "bg-charcoal-grey" | "bg-cool-black" | "bg-active-orange" | "bg-bright-red" | "bg-red-orange" | "bg-electric-cyan" | "bg-zingy-green" | "bg-jazzy-pink" | "bg-gui-default" | "bg-gui-hover" | "bg-gui-active" | "bg-gui-error" | "bg-gui-success" | "bg-gui-default-dark" | "bg-gui-hover-dark" | "bg-gui-active-dark" | "bg-transparent" | "text-neutral-000" | "text-neutral-100" | "text-neutral-200" | "text-neutral-300" | "text-neutral-400" | "text-neutral-500" | "text-neutral-600" | "text-neutral-700" | "text-neutral-800" | "text-neutral-900" | "text-neutral-1000" | "text-neutral-1100" | "text-neutral-1200" | "text-neutral-1300" | "text-orange-100" | "text-orange-200" | "text-orange-300" | "text-orange-400" | "text-orange-500" | "text-orange-600" | "text-orange-700" | "text-orange-800" | "text-orange-900" | "text-orange-1000" | "text-orange-1100" | "text-yellow-100" | "text-yellow-200" | "text-yellow-300" | "text-yellow-400" | "text-yellow-500" | "text-yellow-600" | "text-yellow-700" | "text-yellow-800" | "text-yellow-900" | "text-green-100" | "text-green-200" | "text-green-300" | "text-green-400" | "text-green-500" | "text-green-600" | "text-green-700" | "text-green-800" | "text-green-900" | "text-blue-100" | "text-blue-200" | "text-blue-300" | "text-blue-400" | "text-blue-500" | "text-blue-600" | "text-blue-700" | "text-blue-800" | "text-blue-900" | "text-violet-100" | "text-violet-200" | "text-violet-300" | "text-violet-400" | "text-violet-500" | "text-violet-600" | "text-violet-700" | "text-violet-800" | "text-violet-900" | "text-pink-100" | "text-pink-200" | "text-pink-300" | "text-pink-400" | "text-pink-500" | "text-pink-600" | "text-pink-700" | "text-pink-800" | "text-pink-900" | "text-gui-blue-default-light" | "text-gui-blue-hover-light" | "text-gui-blue-active-light" | "text-gui-blue-default-dark" | "text-gui-blue-hover-dark" | "text-gui-blue-active-dark" | "text-gui-blue-focus" | "text-gui-unavailable" | "text-gui-success-green" | "text-gui-error-red" | "text-gui-focus" | "text-gui-focus-outline" | "text-gui-visited" | "text-white" | "text-extra-light-grey" | "text-light-grey" | "text-mid-grey" | "text-dark-grey" | "text-charcoal-grey" | "text-cool-black" | "text-active-orange" | "text-bright-red" | "text-red-orange" | "text-electric-cyan" | "text-zingy-green" | "text-jazzy-pink" | "text-gui-default" | "text-gui-hover" | "text-gui-active" | "text-gui-error" | "text-gui-success" | "text-gui-default-dark" | "text-gui-hover-dark" | "text-gui-active-dark" | "text-transparent" | "from-neutral-000" | "from-neutral-100" | "from-neutral-200" | "from-neutral-300" | "from-neutral-400" | "from-neutral-500" | "from-neutral-600" | "from-neutral-700" | "from-neutral-800" | "from-neutral-900" | "from-neutral-1000" | "from-neutral-1100" | "from-neutral-1200" | "from-neutral-1300" | "from-orange-100" | "from-orange-200" | "from-orange-300" | "from-orange-400" | "from-orange-500" | "from-orange-600" | "from-orange-700" | "from-orange-800" | "from-orange-900" | "from-orange-1000" | "from-orange-1100" | "from-yellow-100" | "from-yellow-200" | "from-yellow-300" | "from-yellow-400" | "from-yellow-500" | "from-yellow-600" | "from-yellow-700" | "from-yellow-800" | "from-yellow-900" | "from-green-100" | "from-green-200" | "from-green-300" | "from-green-400" | "from-green-500" | "from-green-600" | "from-green-700" | "from-green-800" | "from-green-900" | "from-blue-100" | "from-blue-200" | "from-blue-300" | "from-blue-400" | "from-blue-500" | "from-blue-600" | "from-blue-700" | "from-blue-800" | "from-blue-900" | "from-violet-100" | "from-violet-200" | "from-violet-300" | "from-violet-400" | "from-violet-500" | "from-violet-600" | "from-violet-700" | "from-violet-800" | "from-violet-900" | "from-pink-100" | "from-pink-200" | "from-pink-300" | "from-pink-400" | "from-pink-500" | "from-pink-600" | "from-pink-700" | "from-pink-800" | "from-pink-900" | "from-gui-blue-default-light" | "from-gui-blue-hover-light" | "from-gui-blue-active-light" | "from-gui-blue-default-dark" | "from-gui-blue-hover-dark" | "from-gui-blue-active-dark" | "from-gui-blue-focus" | "from-gui-unavailable" | "from-gui-success-green" | "from-gui-error-red" | "from-gui-focus" | "from-gui-focus-outline" | "from-gui-visited" | "from-white" | "from-extra-light-grey" | "from-light-grey" | "from-mid-grey" | "from-dark-grey" | "from-charcoal-grey" | "from-cool-black" | "from-active-orange" | "from-bright-red" | "from-red-orange" | "from-electric-cyan" | "from-zingy-green" | "from-jazzy-pink" | "from-gui-default" | "from-gui-hover" | "from-gui-active" | "from-gui-error" | "from-gui-success" | "from-gui-default-dark" | "from-gui-hover-dark" | "from-gui-active-dark" | "from-transparent" | "to-neutral-000" | "to-neutral-100" | "to-neutral-200" | "to-neutral-300" | "to-neutral-400" | "to-neutral-500" | "to-neutral-600" | "to-neutral-700" | "to-neutral-800" | "to-neutral-900" | "to-neutral-1000" | "to-neutral-1100" | "to-neutral-1200" | "to-neutral-1300" | "to-orange-100" | "to-orange-200" | "to-orange-300" | "to-orange-400" | "to-orange-500" | "to-orange-600" | "to-orange-700" | "to-orange-800" | "to-orange-900" | "to-orange-1000" | "to-orange-1100" | "to-yellow-100" | "to-yellow-200" | "to-yellow-300" | "to-yellow-400" | "to-yellow-500" | "to-yellow-600" | "to-yellow-700" | "to-yellow-800" | "to-yellow-900" | "to-green-100" | "to-green-200" | "to-green-300" | "to-green-400" | "to-green-500" | "to-green-600" | "to-green-700" | "to-green-800" | "to-green-900" | "to-blue-100" | "to-blue-200" | "to-blue-300" | "to-blue-400" | "to-blue-500" | "to-blue-600" | "to-blue-700" | "to-blue-800" | "to-blue-900" | "to-violet-100" | "to-violet-200" | "to-violet-300" | "to-violet-400" | "to-violet-500" | "to-violet-600" | "to-violet-700" | "to-violet-800" | "to-violet-900" | "to-pink-100" | "to-pink-200" | "to-pink-300" | "to-pink-400" | "to-pink-500" | "to-pink-600" | "to-pink-700" | "to-pink-800" | "to-pink-900" | "to-gui-blue-default-light" | "to-gui-blue-hover-light" | "to-gui-blue-active-light" | "to-gui-blue-default-dark" | "to-gui-blue-hover-dark" | "to-gui-blue-active-dark" | "to-gui-blue-focus" | "to-gui-unavailable" | "to-gui-success-green" | "to-gui-error-red" | "to-gui-focus" | "to-gui-focus-outline" | "to-gui-visited" | "to-white" | "to-extra-light-grey" | "to-light-grey" | "to-mid-grey" | "to-dark-grey" | "to-charcoal-grey" | "to-cool-black" | "to-active-orange" | "to-bright-red" | "to-red-orange" | "to-electric-cyan" | "to-zingy-green" | "to-jazzy-pink" | "to-gui-default" | "to-gui-hover" | "to-gui-active" | "to-gui-error" | "to-gui-success" | "to-gui-default-dark" | "to-gui-hover-dark" | "to-gui-active-dark" | "to-transparent" | "hover:bg-neutral-000" | "hover:bg-neutral-100" | "hover:bg-neutral-200" | "hover:bg-neutral-300" | "hover:bg-neutral-400" | "hover:bg-neutral-500" | "hover:bg-neutral-600" | "hover:bg-neutral-700" | "hover:bg-neutral-800" | "hover:bg-neutral-900" | "hover:bg-neutral-1000" | "hover:bg-neutral-1100" | "hover:bg-neutral-1200" | "hover:bg-neutral-1300" | "hover:bg-orange-100" | "hover:bg-orange-200" | "hover:bg-orange-300" | "hover:bg-orange-400" | "hover:bg-orange-500" | "hover:bg-orange-600" | "hover:bg-orange-700" | "hover:bg-orange-800" | "hover:bg-orange-900" | "hover:bg-orange-1000" | "hover:bg-orange-1100" | "hover:bg-yellow-100" | "hover:bg-yellow-200" | "hover:bg-yellow-300" | "hover:bg-yellow-400" | "hover:bg-yellow-500" | "hover:bg-yellow-600" | "hover:bg-yellow-700" | "hover:bg-yellow-800" | "hover:bg-yellow-900" | "hover:bg-green-100" | "hover:bg-green-200" | "hover:bg-green-300" | "hover:bg-green-400" | "hover:bg-green-500" | "hover:bg-green-600" | "hover:bg-green-700" | "hover:bg-green-800" | "hover:bg-green-900" | "hover:bg-blue-100" | "hover:bg-blue-200" | "hover:bg-blue-300" | "hover:bg-blue-400" | "hover:bg-blue-500" | "hover:bg-blue-600" | "hover:bg-blue-700" | "hover:bg-blue-800" | "hover:bg-blue-900" | "hover:bg-violet-100" | "hover:bg-violet-200" | "hover:bg-violet-300" | "hover:bg-violet-400" | "hover:bg-violet-500" | "hover:bg-violet-600" | "hover:bg-violet-700" | "hover:bg-violet-800" | "hover:bg-violet-900" | "hover:bg-pink-100" | "hover:bg-pink-200" | "hover:bg-pink-300" | "hover:bg-pink-400" | "hover:bg-pink-500" | "hover:bg-pink-600" | "hover:bg-pink-700" | "hover:bg-pink-800" | "hover:bg-pink-900" | "hover:bg-gui-blue-default-light" | "hover:bg-gui-blue-hover-light" | "hover:bg-gui-blue-active-light" | "hover:bg-gui-blue-default-dark" | "hover:bg-gui-blue-hover-dark" | "hover:bg-gui-blue-active-dark" | "hover:bg-gui-blue-focus" | "hover:bg-gui-unavailable" | "hover:bg-gui-success-green" | "hover:bg-gui-error-red" | "hover:bg-gui-focus" | "hover:bg-gui-focus-outline" | "hover:bg-gui-visited" | "hover:bg-white" | "hover:bg-extra-light-grey" | "hover:bg-light-grey" | "hover:bg-mid-grey" | "hover:bg-dark-grey" | "hover:bg-charcoal-grey" | "hover:bg-cool-black" | "hover:bg-active-orange" | "hover:bg-bright-red" | "hover:bg-red-orange" | "hover:bg-electric-cyan" | "hover:bg-zingy-green" | "hover:bg-jazzy-pink" | "hover:bg-gui-default" | "hover:bg-gui-hover" | "hover:bg-gui-active" | "hover:bg-gui-error" | "hover:bg-gui-success" | "hover:bg-gui-default-dark" | "hover:bg-gui-hover-dark" | "hover:bg-gui-active-dark" | "hover:bg-transparent" | "hover:text-neutral-000" | "hover:text-neutral-100" | "hover:text-neutral-200" | "hover:text-neutral-300" | "hover:text-neutral-400" | "hover:text-neutral-500" | "hover:text-neutral-600" | "hover:text-neutral-700" | "hover:text-neutral-800" | "hover:text-neutral-900" | "hover:text-neutral-1000" | "hover:text-neutral-1100" | "hover:text-neutral-1200" | "hover:text-neutral-1300" | "hover:text-orange-100" | "hover:text-orange-200" | "hover:text-orange-300" | "hover:text-orange-400" | "hover:text-orange-500" | "hover:text-orange-600" | "hover:text-orange-700" | "hover:text-orange-800" | "hover:text-orange-900" | "hover:text-orange-1000" | "hover:text-orange-1100" | "hover:text-yellow-100" | "hover:text-yellow-200" | "hover:text-yellow-300" | "hover:text-yellow-400" | "hover:text-yellow-500" | "hover:text-yellow-600" | "hover:text-yellow-700" | "hover:text-yellow-800" | "hover:text-yellow-900" | "hover:text-green-100" | "hover:text-green-200" | "hover:text-green-300" | "hover:text-green-400" | "hover:text-green-500" | "hover:text-green-600" | "hover:text-green-700" | "hover:text-green-800" | "hover:text-green-900" | "hover:text-blue-100" | "hover:text-blue-200" | "hover:text-blue-300" | "hover:text-blue-400" | "hover:text-blue-500" | "hover:text-blue-600" | "hover:text-blue-700" | "hover:text-blue-800" | "hover:text-blue-900" | "hover:text-violet-100" | "hover:text-violet-200" | "hover:text-violet-300" | "hover:text-violet-400" | "hover:text-violet-500" | "hover:text-violet-600" | "hover:text-violet-700" | "hover:text-violet-800" | "hover:text-violet-900" | "hover:text-pink-100" | "hover:text-pink-200" | "hover:text-pink-300" | "hover:text-pink-400" | "hover:text-pink-500" | "hover:text-pink-600" | "hover:text-pink-700" | "hover:text-pink-800" | "hover:text-pink-900" | "hover:text-gui-blue-default-light" | "hover:text-gui-blue-hover-light" | "hover:text-gui-blue-active-light" | "hover:text-gui-blue-default-dark" | "hover:text-gui-blue-hover-dark" | "hover:text-gui-blue-active-dark" | "hover:text-gui-blue-focus" | "hover:text-gui-unavailable" | "hover:text-gui-success-green" | "hover:text-gui-error-red" | "hover:text-gui-focus" | "hover:text-gui-focus-outline" | "hover:text-gui-visited" | "hover:text-white" | "hover:text-extra-light-grey" | "hover:text-light-grey" | "hover:text-mid-grey" | "hover:text-dark-grey" | "hover:text-charcoal-grey" | "hover:text-cool-black" | "hover:text-active-orange" | "hover:text-bright-red" | "hover:text-red-orange" | "hover:text-electric-cyan" | "hover:text-zingy-green" | "hover:text-jazzy-pink" | "hover:text-gui-default" | "hover:text-gui-hover" | "hover:text-gui-active" | "hover:text-gui-error" | "hover:text-gui-success" | "hover:text-gui-default-dark" | "hover:text-gui-hover-dark" | "hover:text-gui-active-dark" | "hover:text-transparent" | "hover:from-neutral-000" | "hover:from-neutral-100" | "hover:from-neutral-200" | "hover:from-neutral-300" | "hover:from-neutral-400" | "hover:from-neutral-500" | "hover:from-neutral-600" | "hover:from-neutral-700" | "hover:from-neutral-800" | "hover:from-neutral-900" | "hover:from-neutral-1000" | "hover:from-neutral-1100" | "hover:from-neutral-1200" | "hover:from-neutral-1300" | "hover:from-orange-100" | "hover:from-orange-200" | "hover:from-orange-300" | "hover:from-orange-400" | "hover:from-orange-500" | "hover:from-orange-600" | "hover:from-orange-700" | "hover:from-orange-800" | "hover:from-orange-900" | "hover:from-orange-1000" | "hover:from-orange-1100" | "hover:from-yellow-100" | "hover:from-yellow-200" | "hover:from-yellow-300" | "hover:from-yellow-400" | "hover:from-yellow-500" | "hover:from-yellow-600" | "hover:from-yellow-700" | "hover:from-yellow-800" | "hover:from-yellow-900" | "hover:from-green-100" | "hover:from-green-200" | "hover:from-green-300" | "hover:from-green-400" | "hover:from-green-500" | "hover:from-green-600" | "hover:from-green-700" | "hover:from-green-800" | "hover:from-green-900" | "hover:from-blue-100" | "hover:from-blue-200" | "hover:from-blue-300" | "hover:from-blue-400" | "hover:from-blue-500" | "hover:from-blue-600" | "hover:from-blue-700" | "hover:from-blue-800" | "hover:from-blue-900" | "hover:from-violet-100" | "hover:from-violet-200" | "hover:from-violet-300" | "hover:from-violet-400" | "hover:from-violet-500" | "hover:from-violet-600" | "hover:from-violet-700" | "hover:from-violet-800" | "hover:from-violet-900" | "hover:from-pink-100" | "hover:from-pink-200" | "hover:from-pink-300" | "hover:from-pink-400" | "hover:from-pink-500" | "hover:from-pink-600" | "hover:from-pink-700" | "hover:from-pink-800" | "hover:from-pink-900" | "hover:from-gui-blue-default-light" | "hover:from-gui-blue-hover-light" | "hover:from-gui-blue-active-light" | "hover:from-gui-blue-default-dark" | "hover:from-gui-blue-hover-dark" | "hover:from-gui-blue-active-dark" | "hover:from-gui-blue-focus" | "hover:from-gui-unavailable" | "hover:from-gui-success-green" | "hover:from-gui-error-red" | "hover:from-gui-focus" | "hover:from-gui-focus-outline" | "hover:from-gui-visited" | "hover:from-white" | "hover:from-extra-light-grey" | "hover:from-light-grey" | "hover:from-mid-grey" | "hover:from-dark-grey" | "hover:from-charcoal-grey" | "hover:from-cool-black" | "hover:from-active-orange" | "hover:from-bright-red" | "hover:from-red-orange" | "hover:from-electric-cyan" | "hover:from-zingy-green" | "hover:from-jazzy-pink" | "hover:from-gui-default" | "hover:from-gui-hover" | "hover:from-gui-active" | "hover:from-gui-error" | "hover:from-gui-success" | "hover:from-gui-default-dark" | "hover:from-gui-hover-dark" | "hover:from-gui-active-dark" | "hover:from-transparent" | "hover:to-neutral-000" | "hover:to-neutral-100" | "hover:to-neutral-200" | "hover:to-neutral-300" | "hover:to-neutral-400" | "hover:to-neutral-500" | "hover:to-neutral-600" | "hover:to-neutral-700" | "hover:to-neutral-800" | "hover:to-neutral-900" | "hover:to-neutral-1000" | "hover:to-neutral-1100" | "hover:to-neutral-1200" | "hover:to-neutral-1300" | "hover:to-orange-100" | "hover:to-orange-200" | "hover:to-orange-300" | "hover:to-orange-400" | "hover:to-orange-500" | "hover:to-orange-600" | "hover:to-orange-700" | "hover:to-orange-800" | "hover:to-orange-900" | "hover:to-orange-1000" | "hover:to-orange-1100" | "hover:to-yellow-100" | "hover:to-yellow-200" | "hover:to-yellow-300" | "hover:to-yellow-400" | "hover:to-yellow-500" | "hover:to-yellow-600" | "hover:to-yellow-700" | "hover:to-yellow-800" | "hover:to-yellow-900" | "hover:to-green-100" | "hover:to-green-200" | "hover:to-green-300" | "hover:to-green-400" | "hover:to-green-500" | "hover:to-green-600" | "hover:to-green-700" | "hover:to-green-800" | "hover:to-green-900" | "hover:to-blue-100" | "hover:to-blue-200" | "hover:to-blue-300" | "hover:to-blue-400" | "hover:to-blue-500" | "hover:to-blue-600" | "hover:to-blue-700" | "hover:to-blue-800" | "hover:to-blue-900" | "hover:to-violet-100" | "hover:to-violet-200" | "hover:to-violet-300" | "hover:to-violet-400" | "hover:to-violet-500" | "hover:to-violet-600" | "hover:to-violet-700" | "hover:to-violet-800" | "hover:to-violet-900" | "hover:to-pink-100" | "hover:to-pink-200" | "hover:to-pink-300" | "hover:to-pink-400" | "hover:to-pink-500" | "hover:to-pink-600" | "hover:to-pink-700" | "hover:to-pink-800" | "hover:to-pink-900" | "hover:to-gui-blue-default-light" | "hover:to-gui-blue-hover-light" | "hover:to-gui-blue-active-light" | "hover:to-gui-blue-default-dark" | "hover:to-gui-blue-hover-dark" | "hover:to-gui-blue-active-dark" | "hover:to-gui-blue-focus" | "hover:to-gui-unavailable" | "hover:to-gui-success-green" | "hover:to-gui-error-red" | "hover:to-gui-focus" | "hover:to-gui-focus-outline" | "hover:to-gui-visited" | "hover:to-white" | "hover:to-extra-light-grey" | "hover:to-light-grey" | "hover:to-mid-grey" | "hover:to-dark-grey" | "hover:to-charcoal-grey" | "hover:to-cool-black" | "hover:to-active-orange" | "hover:to-bright-red" | "hover:to-red-orange" | "hover:to-electric-cyan" | "hover:to-zingy-green" | "hover:to-jazzy-pink" | "hover:to-gui-default" | "hover:to-gui-hover" | "hover:to-gui-active" | "hover:to-gui-error" | "hover:to-gui-success" | "hover:to-gui-default-dark" | "hover:to-gui-hover-dark" | "hover:to-gui-active-dark" | "hover:to-transparent" | "focus:bg-neutral-000" | "focus:bg-neutral-100" | "focus:bg-neutral-200" | "focus:bg-neutral-300" | "focus:bg-neutral-400" | "focus:bg-neutral-500" | "focus:bg-neutral-600" | "focus:bg-neutral-700" | "focus:bg-neutral-800" | "focus:bg-neutral-900" | "focus:bg-neutral-1000" | "focus:bg-neutral-1100" | "focus:bg-neutral-1200" | "focus:bg-neutral-1300" | "focus:bg-orange-100" | "focus:bg-orange-200" | "focus:bg-orange-300" | "focus:bg-orange-400" | "focus:bg-orange-500" | "focus:bg-orange-600" | "focus:bg-orange-700" | "focus:bg-orange-800" | "focus:bg-orange-900" | "focus:bg-orange-1000" | "focus:bg-orange-1100" | "focus:bg-yellow-100" | "focus:bg-yellow-200" | "focus:bg-yellow-300" | "focus:bg-yellow-400" | "focus:bg-yellow-500" | "focus:bg-yellow-600" | "focus:bg-yellow-700" | "focus:bg-yellow-800" | "focus:bg-yellow-900" | "focus:bg-green-100" | "focus:bg-green-200" | "focus:bg-green-300" | "focus:bg-green-400" | "focus:bg-green-500" | "focus:bg-green-600" | "focus:bg-green-700" | "focus:bg-green-800" | "focus:bg-green-900" | "focus:bg-blue-100" | "focus:bg-blue-200" | "focus:bg-blue-300" | "focus:bg-blue-400" | "focus:bg-blue-500" | "focus:bg-blue-600" | "focus:bg-blue-700" | "focus:bg-blue-800" | "focus:bg-blue-900" | "focus:bg-violet-100" | "focus:bg-violet-200" | "focus:bg-violet-300" | "focus:bg-violet-400" | "focus:bg-violet-500" | "focus:bg-violet-600" | "focus:bg-violet-700" | "focus:bg-violet-800" | "focus:bg-violet-900" | "focus:bg-pink-100" | "focus:bg-pink-200" | "focus:bg-pink-300" | "focus:bg-pink-400" | "focus:bg-pink-500" | "focus:bg-pink-600" | "focus:bg-pink-700" | "focus:bg-pink-800" | "focus:bg-pink-900" | "focus:bg-gui-blue-default-light" | "focus:bg-gui-blue-hover-light" | "focus:bg-gui-blue-active-light" | "focus:bg-gui-blue-default-dark" | "focus:bg-gui-blue-hover-dark" | "focus:bg-gui-blue-active-dark" | "focus:bg-gui-blue-focus" | "focus:bg-gui-unavailable" | "focus:bg-gui-success-green" | "focus:bg-gui-error-red" | "focus:bg-gui-focus" | "focus:bg-gui-focus-outline" | "focus:bg-gui-visited" | "focus:bg-white" | "focus:bg-extra-light-grey" | "focus:bg-light-grey" | "focus:bg-mid-grey" | "focus:bg-dark-grey" | "focus:bg-charcoal-grey" | "focus:bg-cool-black" | "focus:bg-active-orange" | "focus:bg-bright-red" | "focus:bg-red-orange" | "focus:bg-electric-cyan" | "focus:bg-zingy-green" | "focus:bg-jazzy-pink" | "focus:bg-gui-default" | "focus:bg-gui-hover" | "focus:bg-gui-active" | "focus:bg-gui-error" | "focus:bg-gui-success" | "focus:bg-gui-default-dark" | "focus:bg-gui-hover-dark" | "focus:bg-gui-active-dark" | "focus:bg-transparent" | "focus:text-neutral-000" | "focus:text-neutral-100" | "focus:text-neutral-200" | "focus:text-neutral-300" | "focus:text-neutral-400" | "focus:text-neutral-500" | "focus:text-neutral-600" | "focus:text-neutral-700" | "focus:text-neutral-800" | "focus:text-neutral-900" | "focus:text-neutral-1000" | "focus:text-neutral-1100" | "focus:text-neutral-1200" | "focus:text-neutral-1300" | "focus:text-orange-100" | "focus:text-orange-200" | "focus:text-orange-300" | "focus:text-orange-400" | "focus:text-orange-500" | "focus:text-orange-600" | "focus:text-orange-700" | "focus:text-orange-800" | "focus:text-orange-900" | "focus:text-orange-1000" | "focus:text-orange-1100" | "focus:text-yellow-100" | "focus:text-yellow-200" | "focus:text-yellow-300" | "focus:text-yellow-400" | "focus:text-yellow-500" | "focus:text-yellow-600" | "focus:text-yellow-700" | "focus:text-yellow-800" | "focus:text-yellow-900" | "focus:text-green-100" | "focus:text-green-200" | "focus:text-green-300" | "focus:text-green-400" | "focus:text-green-500" | "focus:text-green-600" | "focus:text-green-700" | "focus:text-green-800" | "focus:text-green-900" | "focus:text-blue-100" | "focus:text-blue-200" | "focus:text-blue-300" | "focus:text-blue-400" | "focus:text-blue-500" | "focus:text-blue-600" | "focus:text-blue-700" | "focus:text-blue-800" | "focus:text-blue-900" | "focus:text-violet-100" | "focus:text-violet-200" | "focus:text-violet-300" | "focus:text-violet-400" | "focus:text-violet-500" | "focus:text-violet-600" | "focus:text-violet-700" | "focus:text-violet-800" | "focus:text-violet-900" | "focus:text-pink-100" | "focus:text-pink-200" | "focus:text-pink-300" | "focus:text-pink-400" | "focus:text-pink-500" | "focus:text-pink-600" | "focus:text-pink-700" | "focus:text-pink-800" | "focus:text-pink-900" | "focus:text-gui-blue-default-light" | "focus:text-gui-blue-hover-light" | "focus:text-gui-blue-active-light" | "focus:text-gui-blue-default-dark" | "focus:text-gui-blue-hover-dark" | "focus:text-gui-blue-active-dark" | "focus:text-gui-blue-focus" | "focus:text-gui-unavailable" | "focus:text-gui-success-green" | "focus:text-gui-error-red" | "focus:text-gui-focus" | "focus:text-gui-focus-outline" | "focus:text-gui-visited" | "focus:text-white" | "focus:text-extra-light-grey" | "focus:text-light-grey" | "focus:text-mid-grey" | "focus:text-dark-grey" | "focus:text-charcoal-grey" | "focus:text-cool-black" | "focus:text-active-orange" | "focus:text-bright-red" | "focus:text-red-orange" | "focus:text-electric-cyan" | "focus:text-zingy-green" | "focus:text-jazzy-pink" | "focus:text-gui-default" | "focus:text-gui-hover" | "focus:text-gui-active" | "focus:text-gui-error" | "focus:text-gui-success" | "focus:text-gui-default-dark" | "focus:text-gui-hover-dark" | "focus:text-gui-active-dark" | "focus:text-transparent" | "focus:from-neutral-000" | "focus:from-neutral-100" | "focus:from-neutral-200" | "focus:from-neutral-300" | "focus:from-neutral-400" | "focus:from-neutral-500" | "focus:from-neutral-600" | "focus:from-neutral-700" | "focus:from-neutral-800" | "focus:from-neutral-900" | "focus:from-neutral-1000" | "focus:from-neutral-1100" | "focus:from-neutral-1200" | "focus:from-neutral-1300" | "focus:from-orange-100" | "focus:from-orange-200" | "focus:from-orange-300" | "focus:from-orange-400" | "focus:from-orange-500" | "focus:from-orange-600" | "focus:from-orange-700" | "focus:from-orange-800" | "focus:from-orange-900" | "focus:from-orange-1000" | "focus:from-orange-1100" | "focus:from-yellow-100" | "focus:from-yellow-200" | "focus:from-yellow-300" | "focus:from-yellow-400" | "focus:from-yellow-500" | "focus:from-yellow-600" | "focus:from-yellow-700" | "focus:from-yellow-800" | "focus:from-yellow-900" | "focus:from-green-100" | "focus:from-green-200" | "focus:from-green-300" | "focus:from-green-400" | "focus:from-green-500" | "focus:from-green-600" | "focus:from-green-700" | "focus:from-green-800" | "focus:from-green-900" | "focus:from-blue-100" | "focus:from-blue-200" | "focus:from-blue-300" | "focus:from-blue-400" | "focus:from-blue-500" | "focus:from-blue-600" | "focus:from-blue-700" | "focus:from-blue-800" | "focus:from-blue-900" | "focus:from-violet-100" | "focus:from-violet-200" | "focus:from-violet-300" | "focus:from-violet-400" | "focus:from-violet-500" | "focus:from-violet-600" | "focus:from-violet-700" | "focus:from-violet-800" | "focus:from-violet-900" | "focus:from-pink-100" | "focus:from-pink-200" | "focus:from-pink-300" | "focus:from-pink-400" | "focus:from-pink-500" | "focus:from-pink-600" | "focus:from-pink-700" | "focus:from-pink-800" | "focus:from-pink-900" | "focus:from-gui-blue-default-light" | "focus:from-gui-blue-hover-light" | "focus:from-gui-blue-active-light" | "focus:from-gui-blue-default-dark" | "focus:from-gui-blue-hover-dark" | "focus:from-gui-blue-active-dark" | "focus:from-gui-blue-focus" | "focus:from-gui-unavailable" | "focus:from-gui-success-green" | "focus:from-gui-error-red" | "focus:from-gui-focus" | "focus:from-gui-focus-outline" | "focus:from-gui-visited" | "focus:from-white" | "focus:from-extra-light-grey" | "focus:from-light-grey" | "focus:from-mid-grey" | "focus:from-dark-grey" | "focus:from-charcoal-grey" | "focus:from-cool-black" | "focus:from-active-orange" | "focus:from-bright-red" | "focus:from-red-orange" | "focus:from-electric-cyan" | "focus:from-zingy-green" | "focus:from-jazzy-pink" | "focus:from-gui-default" | "focus:from-gui-hover" | "focus:from-gui-active" | "focus:from-gui-error" | "focus:from-gui-success" | "focus:from-gui-default-dark" | "focus:from-gui-hover-dark" | "focus:from-gui-active-dark" | "focus:from-transparent" | "focus:to-neutral-000" | "focus:to-neutral-100" | "focus:to-neutral-200" | "focus:to-neutral-300" | "focus:to-neutral-400" | "focus:to-neutral-500" | "focus:to-neutral-600" | "focus:to-neutral-700" | "focus:to-neutral-800" | "focus:to-neutral-900" | "focus:to-neutral-1000" | "focus:to-neutral-1100" | "focus:to-neutral-1200" | "focus:to-neutral-1300" | "focus:to-orange-100" | "focus:to-orange-200" | "focus:to-orange-300" | "focus:to-orange-400" | "focus:to-orange-500" | "focus:to-orange-600" | "focus:to-orange-700" | "focus:to-orange-800" | "focus:to-orange-900" | "focus:to-orange-1000" | "focus:to-orange-1100" | "focus:to-yellow-100" | "focus:to-yellow-200" | "focus:to-yellow-300" | "focus:to-yellow-400" | "focus:to-yellow-500" | "focus:to-yellow-600" | "focus:to-yellow-700" | "focus:to-yellow-800" | "focus:to-yellow-900" | "focus:to-green-100" | "focus:to-green-200" | "focus:to-green-300" | "focus:to-green-400" | "focus:to-green-500" | "focus:to-green-600" | "focus:to-green-700" | "focus:to-green-800" | "focus:to-green-900" | "focus:to-blue-100" | "focus:to-blue-200" | "focus:to-blue-300" | "focus:to-blue-400" | "focus:to-blue-500" | "focus:to-blue-600" | "focus:to-blue-700" | "focus:to-blue-800" | "focus:to-blue-900" | "focus:to-violet-100" | "focus:to-violet-200" | "focus:to-violet-300" | "focus:to-violet-400" | "focus:to-violet-500" | "focus:to-violet-600" | "focus:to-violet-700" | "focus:to-violet-800" | "focus:to-violet-900" | "focus:to-pink-100" | "focus:to-pink-200" | "focus:to-pink-300" | "focus:to-pink-400" | "focus:to-pink-500" | "focus:to-pink-600" | "focus:to-pink-700" | "focus:to-pink-800" | "focus:to-pink-900" | "focus:to-gui-blue-default-light" | "focus:to-gui-blue-hover-light" | "focus:to-gui-blue-active-light" | "focus:to-gui-blue-default-dark" | "focus:to-gui-blue-hover-dark" | "focus:to-gui-blue-active-dark" | "focus:to-gui-blue-focus" | "focus:to-gui-unavailable" | "focus:to-gui-success-green" | "focus:to-gui-error-red" | "focus:to-gui-focus" | "focus:to-gui-focus-outline" | "focus:to-gui-visited" | "focus:to-white" | "focus:to-extra-light-grey" | "focus:to-light-grey" | "focus:to-mid-grey" | "focus:to-dark-grey" | "focus:to-charcoal-grey" | "focus:to-cool-black" | "focus:to-active-orange" | "focus:to-bright-red" | "focus:to-red-orange" | "focus:to-electric-cyan" | "focus:to-zingy-green" | "focus:to-jazzy-pink" | "focus:to-gui-default" | "focus:to-gui-hover" | "focus:to-gui-active" | "focus:to-gui-error" | "focus:to-gui-success" | "focus:to-gui-default-dark" | "focus:to-gui-hover-dark" | "focus:to-gui-active-dark" | "focus:to-transparent" | "group-hover:bg-neutral-000" | "group-hover:bg-neutral-100" | "group-hover:bg-neutral-200" | "group-hover:bg-neutral-300" | "group-hover:bg-neutral-400" | "group-hover:bg-neutral-500" | "group-hover:bg-neutral-600" | "group-hover:bg-neutral-700" | "group-hover:bg-neutral-800" | "group-hover:bg-neutral-900" | "group-hover:bg-neutral-1000" | "group-hover:bg-neutral-1100" | "group-hover:bg-neutral-1200" | "group-hover:bg-neutral-1300" | "group-hover:bg-orange-100" | "group-hover:bg-orange-200" | "group-hover:bg-orange-300" | "group-hover:bg-orange-400" | "group-hover:bg-orange-500" | "group-hover:bg-orange-600" | "group-hover:bg-orange-700" | "group-hover:bg-orange-800" | "group-hover:bg-orange-900" | "group-hover:bg-orange-1000" | "group-hover:bg-orange-1100" | "group-hover:bg-yellow-100" | "group-hover:bg-yellow-200" | "group-hover:bg-yellow-300" | "group-hover:bg-yellow-400" | "group-hover:bg-yellow-500" | "group-hover:bg-yellow-600" | "group-hover:bg-yellow-700" | "group-hover:bg-yellow-800" | "group-hover:bg-yellow-900" | "group-hover:bg-green-100" | "group-hover:bg-green-200" | "group-hover:bg-green-300" | "group-hover:bg-green-400" | "group-hover:bg-green-500" | "group-hover:bg-green-600" | "group-hover:bg-green-700" | "group-hover:bg-green-800" | "group-hover:bg-green-900" | "group-hover:bg-blue-100" | "group-hover:bg-blue-200" | "group-hover:bg-blue-300" | "group-hover:bg-blue-400" | "group-hover:bg-blue-500" | "group-hover:bg-blue-600" | "group-hover:bg-blue-700" | "group-hover:bg-blue-800" | "group-hover:bg-blue-900" | "group-hover:bg-violet-100" | "group-hover:bg-violet-200" | "group-hover:bg-violet-300" | "group-hover:bg-violet-400" | "group-hover:bg-violet-500" | "group-hover:bg-violet-600" | "group-hover:bg-violet-700" | "group-hover:bg-violet-800" | "group-hover:bg-violet-900" | "group-hover:bg-pink-100" | "group-hover:bg-pink-200" | "group-hover:bg-pink-300" | "group-hover:bg-pink-400" | "group-hover:bg-pink-500" | "group-hover:bg-pink-600" | "group-hover:bg-pink-700" | "group-hover:bg-pink-800" | "group-hover:bg-pink-900" | "group-hover:bg-gui-blue-default-light" | "group-hover:bg-gui-blue-hover-light" | "group-hover:bg-gui-blue-active-light" | "group-hover:bg-gui-blue-default-dark" | "group-hover:bg-gui-blue-hover-dark" | "group-hover:bg-gui-blue-active-dark" | "group-hover:bg-gui-blue-focus" | "group-hover:bg-gui-unavailable" | "group-hover:bg-gui-success-green" | "group-hover:bg-gui-error-red" | "group-hover:bg-gui-focus" | "group-hover:bg-gui-focus-outline" | "group-hover:bg-gui-visited" | "group-hover:bg-white" | "group-hover:bg-extra-light-grey" | "group-hover:bg-light-grey" | "group-hover:bg-mid-grey" | "group-hover:bg-dark-grey" | "group-hover:bg-charcoal-grey" | "group-hover:bg-cool-black" | "group-hover:bg-active-orange" | "group-hover:bg-bright-red" | "group-hover:bg-red-orange" | "group-hover:bg-electric-cyan" | "group-hover:bg-zingy-green" | "group-hover:bg-jazzy-pink" | "group-hover:bg-gui-default" | "group-hover:bg-gui-hover" | "group-hover:bg-gui-active" | "group-hover:bg-gui-error" | "group-hover:bg-gui-success" | "group-hover:bg-gui-default-dark" | "group-hover:bg-gui-hover-dark" | "group-hover:bg-gui-active-dark" | "group-hover:bg-transparent" | "group-hover:text-neutral-000" | "group-hover:text-neutral-100" | "group-hover:text-neutral-200" | "group-hover:text-neutral-300" | "group-hover:text-neutral-400" | "group-hover:text-neutral-500" | "group-hover:text-neutral-600" | "group-hover:text-neutral-700" | "group-hover:text-neutral-800" | "group-hover:text-neutral-900" | "group-hover:text-neutral-1000" | "group-hover:text-neutral-1100" | "group-hover:text-neutral-1200" | "group-hover:text-neutral-1300" | "group-hover:text-orange-100" | "group-hover:text-orange-200" | "group-hover:text-orange-300" | "group-hover:text-orange-400" | "group-hover:text-orange-500" | "group-hover:text-orange-600" | "group-hover:text-orange-700" | "group-hover:text-orange-800" | "group-hover:text-orange-900" | "group-hover:text-orange-1000" | "group-hover:text-orange-1100" | "group-hover:text-yellow-100" | "group-hover:text-yellow-200" | "group-hover:text-yellow-300" | "group-hover:text-yellow-400" | "group-hover:text-yellow-500" | "group-hover:text-yellow-600" | "group-hover:text-yellow-700" | "group-hover:text-yellow-800" | "group-hover:text-yellow-900" | "group-hover:text-green-100" | "group-hover:text-green-200" | "group-hover:text-green-300" | "group-hover:text-green-400" | "group-hover:text-green-500" | "group-hover:text-green-600" | "group-hover:text-green-700" | "group-hover:text-green-800" | "group-hover:text-green-900" | "group-hover:text-blue-100" | "group-hover:text-blue-200" | "group-hover:text-blue-300" | "group-hover:text-blue-400" | "group-hover:text-blue-500" | "group-hover:text-blue-600" | "group-hover:text-blue-700" | "group-hover:text-blue-800" | "group-hover:text-blue-900" | "group-hover:text-violet-100" | "group-hover:text-violet-200" | "group-hover:text-violet-300" | "group-hover:text-violet-400" | "group-hover:text-violet-500" | "group-hover:text-violet-600" | "group-hover:text-violet-700" | "group-hover:text-violet-800" | "group-hover:text-violet-900" | "group-hover:text-pink-100" | "group-hover:text-pink-200" | "group-hover:text-pink-300" | "group-hover:text-pink-400" | "group-hover:text-pink-500" | "group-hover:text-pink-600" | "group-hover:text-pink-700" | "group-hover:text-pink-800" | "group-hover:text-pink-900" | "group-hover:text-gui-blue-default-light" | "group-hover:text-gui-blue-hover-light" | "group-hover:text-gui-blue-active-light" | "group-hover:text-gui-blue-default-dark" | "group-hover:text-gui-blue-hover-dark" | "group-hover:text-gui-blue-active-dark" | "group-hover:text-gui-blue-focus" | "group-hover:text-gui-unavailable" | "group-hover:text-gui-success-green" | "group-hover:text-gui-error-red" | "group-hover:text-gui-focus" | "group-hover:text-gui-focus-outline" | "group-hover:text-gui-visited" | "group-hover:text-white" | "group-hover:text-extra-light-grey" | "group-hover:text-light-grey" | "group-hover:text-mid-grey" | "group-hover:text-dark-grey" | "group-hover:text-charcoal-grey" | "group-hover:text-cool-black" | "group-hover:text-active-orange" | "group-hover:text-bright-red" | "group-hover:text-red-orange" | "group-hover:text-electric-cyan" | "group-hover:text-zingy-green" | "group-hover:text-jazzy-pink" | "group-hover:text-gui-default" | "group-hover:text-gui-hover" | "group-hover:text-gui-active" | "group-hover:text-gui-error" | "group-hover:text-gui-success" | "group-hover:text-gui-default-dark" | "group-hover:text-gui-hover-dark" | "group-hover:text-gui-active-dark" | "group-hover:text-transparent" | "group-hover:from-neutral-000" | "group-hover:from-neutral-100" | "group-hover:from-neutral-200" | "group-hover:from-neutral-300" | "group-hover:from-neutral-400" | "group-hover:from-neutral-500" | "group-hover:from-neutral-600" | "group-hover:from-neutral-700" | "group-hover:from-neutral-800" | "group-hover:from-neutral-900" | "group-hover:from-neutral-1000" | "group-hover:from-neutral-1100" | "group-hover:from-neutral-1200" | "group-hover:from-neutral-1300" | "group-hover:from-orange-100" | "group-hover:from-orange-200" | "group-hover:from-orange-300" | "group-hover:from-orange-400" | "group-hover:from-orange-500" | "group-hover:from-orange-600" | "group-hover:from-orange-700" | "group-hover:from-orange-800" | "group-hover:from-orange-900" | "group-hover:from-orange-1000" | "group-hover:from-orange-1100" | "group-hover:from-yellow-100" | "group-hover:from-yellow-200" | "group-hover:from-yellow-300" | "group-hover:from-yellow-400" | "group-hover:from-yellow-500" | "group-hover:from-yellow-600" | "group-hover:from-yellow-700" | "group-hover:from-yellow-800" | "group-hover:from-yellow-900" | "group-hover:from-green-100" | "group-hover:from-green-200" | "group-hover:from-green-300" | "group-hover:from-green-400" | "group-hover:from-green-500" | "group-hover:from-green-600" | "group-hover:from-green-700" | "group-hover:from-green-800" | "group-hover:from-green-900" | "group-hover:from-blue-100" | "group-hover:from-blue-200" | "group-hover:from-blue-300" | "group-hover:from-blue-400" | "group-hover:from-blue-500" | "group-hover:from-blue-600" | "group-hover:from-blue-700" | "group-hover:from-blue-800" | "group-hover:from-blue-900" | "group-hover:from-violet-100" | "group-hover:from-violet-200" | "group-hover:from-violet-300" | "group-hover:from-violet-400" | "group-hover:from-violet-500" | "group-hover:from-violet-600" | "group-hover:from-violet-700" | "group-hover:from-violet-800" | "group-hover:from-violet-900" | "group-hover:from-pink-100" | "group-hover:from-pink-200" | "group-hover:from-pink-300" | "group-hover:from-pink-400" | "group-hover:from-pink-500" | "group-hover:from-pink-600" | "group-hover:from-pink-700" | "group-hover:from-pink-800" | "group-hover:from-pink-900" | "group-hover:from-gui-blue-default-light" | "group-hover:from-gui-blue-hover-light" | "group-hover:from-gui-blue-active-light" | "group-hover:from-gui-blue-default-dark" | "group-hover:from-gui-blue-hover-dark" | "group-hover:from-gui-blue-active-dark" | "group-hover:from-gui-blue-focus" | "group-hover:from-gui-unavailable" | "group-hover:from-gui-success-green" | "group-hover:from-gui-error-red" | "group-hover:from-gui-focus" | "group-hover:from-gui-focus-outline" | "group-hover:from-gui-visited" | "group-hover:from-white" | "group-hover:from-extra-light-grey" | "group-hover:from-light-grey" | "group-hover:from-mid-grey" | "group-hover:from-dark-grey" | "group-hover:from-charcoal-grey" | "group-hover:from-cool-black" | "group-hover:from-active-orange" | "group-hover:from-bright-red" | "group-hover:from-red-orange" | "group-hover:from-electric-cyan" | "group-hover:from-zingy-green" | "group-hover:from-jazzy-pink" | "group-hover:from-gui-default" | "group-hover:from-gui-hover" | "group-hover:from-gui-active" | "group-hover:from-gui-error" | "group-hover:from-gui-success" | "group-hover:from-gui-default-dark" | "group-hover:from-gui-hover-dark" | "group-hover:from-gui-active-dark" | "group-hover:from-transparent" | "group-hover:to-neutral-000" | "group-hover:to-neutral-100" | "group-hover:to-neutral-200" | "group-hover:to-neutral-300" | "group-hover:to-neutral-400" | "group-hover:to-neutral-500" | "group-hover:to-neutral-600" | "group-hover:to-neutral-700" | "group-hover:to-neutral-800" | "group-hover:to-neutral-900" | "group-hover:to-neutral-1000" | "group-hover:to-neutral-1100" | "group-hover:to-neutral-1200" | "group-hover:to-neutral-1300" | "group-hover:to-orange-100" | "group-hover:to-orange-200" | "group-hover:to-orange-300" | "group-hover:to-orange-400" | "group-hover:to-orange-500" | "group-hover:to-orange-600" | "group-hover:to-orange-700" | "group-hover:to-orange-800" | "group-hover:to-orange-900" | "group-hover:to-orange-1000" | "group-hover:to-orange-1100" | "group-hover:to-yellow-100" | "group-hover:to-yellow-200" | "group-hover:to-yellow-300" | "group-hover:to-yellow-400" | "group-hover:to-yellow-500" | "group-hover:to-yellow-600" | "group-hover:to-yellow-700" | "group-hover:to-yellow-800" | "group-hover:to-yellow-900" | "group-hover:to-green-100" | "group-hover:to-green-200" | "group-hover:to-green-300" | "group-hover:to-green-400" | "group-hover:to-green-500" | "group-hover:to-green-600" | "group-hover:to-green-700" | "group-hover:to-green-800" | "group-hover:to-green-900" | "group-hover:to-blue-100" | "group-hover:to-blue-200" | "group-hover:to-blue-300" | "group-hover:to-blue-400" | "group-hover:to-blue-500" | "group-hover:to-blue-600" | "group-hover:to-blue-700" | "group-hover:to-blue-800" | "group-hover:to-blue-900" | "group-hover:to-violet-100" | "group-hover:to-violet-200" | "group-hover:to-violet-300" | "group-hover:to-violet-400" | "group-hover:to-violet-500" | "group-hover:to-violet-600" | "group-hover:to-violet-700" | "group-hover:to-violet-800" | "group-hover:to-violet-900" | "group-hover:to-pink-100" | "group-hover:to-pink-200" | "group-hover:to-pink-300" | "group-hover:to-pink-400" | "group-hover:to-pink-500" | "group-hover:to-pink-600" | "group-hover:to-pink-700" | "group-hover:to-pink-800" | "group-hover:to-pink-900" | "group-hover:to-gui-blue-default-light" | "group-hover:to-gui-blue-hover-light" | "group-hover:to-gui-blue-active-light" | "group-hover:to-gui-blue-default-dark" | "group-hover:to-gui-blue-hover-dark" | "group-hover:to-gui-blue-active-dark" | "group-hover:to-gui-blue-focus" | "group-hover:to-gui-unavailable" | "group-hover:to-gui-success-green" | "group-hover:to-gui-error-red" | "group-hover:to-gui-focus" | "group-hover:to-gui-focus-outline" | "group-hover:to-gui-visited" | "group-hover:to-white" | "group-hover:to-extra-light-grey" | "group-hover:to-light-grey" | "group-hover:to-mid-grey" | "group-hover:to-dark-grey" | "group-hover:to-charcoal-grey" | "group-hover:to-cool-black" | "group-hover:to-active-orange" | "group-hover:to-bright-red" | "group-hover:to-red-orange" | "group-hover:to-electric-cyan" | "group-hover:to-zingy-green" | "group-hover:to-jazzy-pink" | "group-hover:to-gui-default" | "group-hover:to-gui-hover" | "group-hover:to-gui-active" | "group-hover:to-gui-error" | "group-hover:to-gui-success" | "group-hover:to-gui-default-dark" | "group-hover:to-gui-hover-dark" | "group-hover:to-gui-active-dark" | "group-hover:to-transparent" | "group-focus:bg-neutral-000" | "group-focus:bg-neutral-100" | "group-focus:bg-neutral-200" | "group-focus:bg-neutral-300" | "group-focus:bg-neutral-400" | "group-focus:bg-neutral-500" | "group-focus:bg-neutral-600" | "group-focus:bg-neutral-700" | "group-focus:bg-neutral-800" | "group-focus:bg-neutral-900" | "group-focus:bg-neutral-1000" | "group-focus:bg-neutral-1100" | "group-focus:bg-neutral-1200" | "group-focus:bg-neutral-1300" | "group-focus:bg-orange-100" | "group-focus:bg-orange-200" | "group-focus:bg-orange-300" | "group-focus:bg-orange-400" | "group-focus:bg-orange-500" | "group-focus:bg-orange-600" | "group-focus:bg-orange-700" | "group-focus:bg-orange-800" | "group-focus:bg-orange-900" | "group-focus:bg-orange-1000" | "group-focus:bg-orange-1100" | "group-focus:bg-yellow-100" | "group-focus:bg-yellow-200" | "group-focus:bg-yellow-300" | "group-focus:bg-yellow-400" | "group-focus:bg-yellow-500" | "group-focus:bg-yellow-600" | "group-focus:bg-yellow-700" | "group-focus:bg-yellow-800" | "group-focus:bg-yellow-900" | "group-focus:bg-green-100" | "group-focus:bg-green-200" | "group-focus:bg-green-300" | "group-focus:bg-green-400" | "group-focus:bg-green-500" | "group-focus:bg-green-600" | "group-focus:bg-green-700" | "group-focus:bg-green-800" | "group-focus:bg-green-900" | "group-focus:bg-blue-100" | "group-focus:bg-blue-200" | "group-focus:bg-blue-300" | "group-focus:bg-blue-400" | "group-focus:bg-blue-500" | "group-focus:bg-blue-600" | "group-focus:bg-blue-700" | "group-focus:bg-blue-800" | "group-focus:bg-blue-900" | "group-focus:bg-violet-100" | "group-focus:bg-violet-200" | "group-focus:bg-violet-300" | "group-focus:bg-violet-400" | "group-focus:bg-violet-500" | "group-focus:bg-violet-600" | "group-focus:bg-violet-700" | "group-focus:bg-violet-800" | "group-focus:bg-violet-900" | "group-focus:bg-pink-100" | "group-focus:bg-pink-200" | "group-focus:bg-pink-300" | "group-focus:bg-pink-400" | "group-focus:bg-pink-500" | "group-focus:bg-pink-600" | "group-focus:bg-pink-700" | "group-focus:bg-pink-800" | "group-focus:bg-pink-900" | "group-focus:bg-gui-blue-default-light" | "group-focus:bg-gui-blue-hover-light" | "group-focus:bg-gui-blue-active-light" | "group-focus:bg-gui-blue-default-dark" | "group-focus:bg-gui-blue-hover-dark" | "group-focus:bg-gui-blue-active-dark" | "group-focus:bg-gui-blue-focus" | "group-focus:bg-gui-unavailable" | "group-focus:bg-gui-success-green" | "group-focus:bg-gui-error-red" | "group-focus:bg-gui-focus" | "group-focus:bg-gui-focus-outline" | "group-focus:bg-gui-visited" | "group-focus:bg-white" | "group-focus:bg-extra-light-grey" | "group-focus:bg-light-grey" | "group-focus:bg-mid-grey" | "group-focus:bg-dark-grey" | "group-focus:bg-charcoal-grey" | "group-focus:bg-cool-black" | "group-focus:bg-active-orange" | "group-focus:bg-bright-red" | "group-focus:bg-red-orange" | "group-focus:bg-electric-cyan" | "group-focus:bg-zingy-green" | "group-focus:bg-jazzy-pink" | "group-focus:bg-gui-default" | "group-focus:bg-gui-hover" | "group-focus:bg-gui-active" | "group-focus:bg-gui-error" | "group-focus:bg-gui-success" | "group-focus:bg-gui-default-dark" | "group-focus:bg-gui-hover-dark" | "group-focus:bg-gui-active-dark" | "group-focus:bg-transparent" | "group-focus:text-neutral-000" | "group-focus:text-neutral-100" | "group-focus:text-neutral-200" | "group-focus:text-neutral-300" | "group-focus:text-neutral-400" | "group-focus:text-neutral-500" | "group-focus:text-neutral-600" | "group-focus:text-neutral-700" | "group-focus:text-neutral-800" | "group-focus:text-neutral-900" | "group-focus:text-neutral-1000" | "group-focus:text-neutral-1100" | "group-focus:text-neutral-1200" | "group-focus:text-neutral-1300" | "group-focus:text-orange-100" | "group-focus:text-orange-200" | "group-focus:text-orange-300" | "group-focus:text-orange-400" | "group-focus:text-orange-500" | "group-focus:text-orange-600" | "group-focus:text-orange-700" | "group-focus:text-orange-800" | "group-focus:text-orange-900" | "group-focus:text-orange-1000" | "group-focus:text-orange-1100" | "group-focus:text-yellow-100" | "group-focus:text-yellow-200" | "group-focus:text-yellow-300" | "group-focus:text-yellow-400" | "group-focus:text-yellow-500" | "group-focus:text-yellow-600" | "group-focus:text-yellow-700" | "group-focus:text-yellow-800" | "group-focus:text-yellow-900" | "group-focus:text-green-100" | "group-focus:text-green-200" | "group-focus:text-green-300" | "group-focus:text-green-400" | "group-focus:text-green-500" | "group-focus:text-green-600" | "group-focus:text-green-700" | "group-focus:text-green-800" | "group-focus:text-green-900" | "group-focus:text-blue-100" | "group-focus:text-blue-200" | "group-focus:text-blue-300" | "group-focus:text-blue-400" | "group-focus:text-blue-500" | "group-focus:text-blue-600" | "group-focus:text-blue-700" | "group-focus:text-blue-800" | "group-focus:text-blue-900" | "group-focus:text-violet-100" | "group-focus:text-violet-200" | "group-focus:text-violet-300" | "group-focus:text-violet-400" | "group-focus:text-violet-500" | "group-focus:text-violet-600" | "group-focus:text-violet-700" | "group-focus:text-violet-800" | "group-focus:text-violet-900" | "group-focus:text-pink-100" | "group-focus:text-pink-200" | "group-focus:text-pink-300" | "group-focus:text-pink-400" | "group-focus:text-pink-500" | "group-focus:text-pink-600" | "group-focus:text-pink-700" | "group-focus:text-pink-800" | "group-focus:text-pink-900" | "group-focus:text-gui-blue-default-light" | "group-focus:text-gui-blue-hover-light" | "group-focus:text-gui-blue-active-light" | "group-focus:text-gui-blue-default-dark" | "group-focus:text-gui-blue-hover-dark" | "group-focus:text-gui-blue-active-dark" | "group-focus:text-gui-blue-focus" | "group-focus:text-gui-unavailable" | "group-focus:text-gui-success-green" | "group-focus:text-gui-error-red" | "group-focus:text-gui-focus" | "group-focus:text-gui-focus-outline" | "group-focus:text-gui-visited" | "group-focus:text-white" | "group-focus:text-extra-light-grey" | "group-focus:text-light-grey" | "group-focus:text-mid-grey" | "group-focus:text-dark-grey" | "group-focus:text-charcoal-grey" | "group-focus:text-cool-black" | "group-focus:text-active-orange" | "group-focus:text-bright-red" | "group-focus:text-red-orange" | "group-focus:text-electric-cyan" | "group-focus:text-zingy-green" | "group-focus:text-jazzy-pink" | "group-focus:text-gui-default" | "group-focus:text-gui-hover" | "group-focus:text-gui-active" | "group-focus:text-gui-error" | "group-focus:text-gui-success" | "group-focus:text-gui-default-dark" | "group-focus:text-gui-hover-dark" | "group-focus:text-gui-active-dark" | "group-focus:text-transparent" | "group-focus:from-neutral-000" | "group-focus:from-neutral-100" | "group-focus:from-neutral-200" | "group-focus:from-neutral-300" | "group-focus:from-neutral-400" | "group-focus:from-neutral-500" | "group-focus:from-neutral-600" | "group-focus:from-neutral-700" | "group-focus:from-neutral-800" | "group-focus:from-neutral-900" | "group-focus:from-neutral-1000" | "group-focus:from-neutral-1100" | "group-focus:from-neutral-1200" | "group-focus:from-neutral-1300" | "group-focus:from-orange-100" | "group-focus:from-orange-200" | "group-focus:from-orange-300" | "group-focus:from-orange-400" | "group-focus:from-orange-500" | "group-focus:from-orange-600" | "group-focus:from-orange-700" | "group-focus:from-orange-800" | "group-focus:from-orange-900" | "group-focus:from-orange-1000" | "group-focus:from-orange-1100" | "group-focus:from-yellow-100" | "group-focus:from-yellow-200" | "group-focus:from-yellow-300" | "group-focus:from-yellow-400" | "group-focus:from-yellow-500" | "group-focus:from-yellow-600" | "group-focus:from-yellow-700" | "group-focus:from-yellow-800" | "group-focus:from-yellow-900" | "group-focus:from-green-100" | "group-focus:from-green-200" | "group-focus:from-green-300" | "group-focus:from-green-400" | "group-focus:from-green-500" | "group-focus:from-green-600" | "group-focus:from-green-700" | "group-focus:from-green-800" | "group-focus:from-green-900" | "group-focus:from-blue-100" | "group-focus:from-blue-200" | "group-focus:from-blue-300" | "group-focus:from-blue-400" | "group-focus:from-blue-500" | "group-focus:from-blue-600" | "group-focus:from-blue-700" | "group-focus:from-blue-800" | "group-focus:from-blue-900" | "group-focus:from-violet-100" | "group-focus:from-violet-200" | "group-focus:from-violet-300" | "group-focus:from-violet-400" | "group-focus:from-violet-500" | "group-focus:from-violet-600" | "group-focus:from-violet-700" | "group-focus:from-violet-800" | "group-focus:from-violet-900" | "group-focus:from-pink-100" | "group-focus:from-pink-200" | "group-focus:from-pink-300" | "group-focus:from-pink-400" | "group-focus:from-pink-500" | "group-focus:from-pink-600" | "group-focus:from-pink-700" | "group-focus:from-pink-800" | "group-focus:from-pink-900" | "group-focus:from-gui-blue-default-light" | "group-focus:from-gui-blue-hover-light" | "group-focus:from-gui-blue-active-light" | "group-focus:from-gui-blue-default-dark" | "group-focus:from-gui-blue-hover-dark" | "group-focus:from-gui-blue-active-dark" | "group-focus:from-gui-blue-focus" | "group-focus:from-gui-unavailable" | "group-focus:from-gui-success-green" | "group-focus:from-gui-error-red" | "group-focus:from-gui-focus" | "group-focus:from-gui-focus-outline" | "group-focus:from-gui-visited" | "group-focus:from-white" | "group-focus:from-extra-light-grey" | "group-focus:from-light-grey" | "group-focus:from-mid-grey" | "group-focus:from-dark-grey" | "group-focus:from-charcoal-grey" | "group-focus:from-cool-black" | "group-focus:from-active-orange" | "group-focus:from-bright-red" | "group-focus:from-red-orange" | "group-focus:from-electric-cyan" | "group-focus:from-zingy-green" | "group-focus:from-jazzy-pink" | "group-focus:from-gui-default" | "group-focus:from-gui-hover" | "group-focus:from-gui-active" | "group-focus:from-gui-error" | "group-focus:from-gui-success" | "group-focus:from-gui-default-dark" | "group-focus:from-gui-hover-dark" | "group-focus:from-gui-active-dark" | "group-focus:from-transparent" | "group-focus:to-neutral-000" | "group-focus:to-neutral-100" | "group-focus:to-neutral-200" | "group-focus:to-neutral-300" | "group-focus:to-neutral-400" | "group-focus:to-neutral-500" | "group-focus:to-neutral-600" | "group-focus:to-neutral-700" | "group-focus:to-neutral-800" | "group-focus:to-neutral-900" | "group-focus:to-neutral-1000" | "group-focus:to-neutral-1100" | "group-focus:to-neutral-1200" | "group-focus:to-neutral-1300" | "group-focus:to-orange-100" | "group-focus:to-orange-200" | "group-focus:to-orange-300" | "group-focus:to-orange-400" | "group-focus:to-orange-500" | "group-focus:to-orange-600" | "group-focus:to-orange-700" | "group-focus:to-orange-800" | "group-focus:to-orange-900" | "group-focus:to-orange-1000" | "group-focus:to-orange-1100" | "group-focus:to-yellow-100" | "group-focus:to-yellow-200" | "group-focus:to-yellow-300" | "group-focus:to-yellow-400" | "group-focus:to-yellow-500" | "group-focus:to-yellow-600" | "group-focus:to-yellow-700" | "group-focus:to-yellow-800" | "group-focus:to-yellow-900" | "group-focus:to-green-100" | "group-focus:to-green-200" | "group-focus:to-green-300" | "group-focus:to-green-400" | "group-focus:to-green-500" | "group-focus:to-green-600" | "group-focus:to-green-700" | "group-focus:to-green-800" | "group-focus:to-green-900" | "group-focus:to-blue-100" | "group-focus:to-blue-200" | "group-focus:to-blue-300" | "group-focus:to-blue-400" | "group-focus:to-blue-500" | "group-focus:to-blue-600" | "group-focus:to-blue-700" | "group-focus:to-blue-800" | "group-focus:to-blue-900" | "group-focus:to-violet-100" | "group-focus:to-violet-200" | "group-focus:to-violet-300" | "group-focus:to-violet-400" | "group-focus:to-violet-500" | "group-focus:to-violet-600" | "group-focus:to-violet-700" | "group-focus:to-violet-800" | "group-focus:to-violet-900" | "group-focus:to-pink-100" | "group-focus:to-pink-200" | "group-focus:to-pink-300" | "group-focus:to-pink-400" | "group-focus:to-pink-500" | "group-focus:to-pink-600" | "group-focus:to-pink-700" | "group-focus:to-pink-800" | "group-focus:to-pink-900" | "group-focus:to-gui-blue-default-light" | "group-focus:to-gui-blue-hover-light" | "group-focus:to-gui-blue-active-light" | "group-focus:to-gui-blue-default-dark" | "group-focus:to-gui-blue-hover-dark" | "group-focus:to-gui-blue-active-dark" | "group-focus:to-gui-blue-focus" | "group-focus:to-gui-unavailable" | "group-focus:to-gui-success-green" | "group-focus:to-gui-error-red" | "group-focus:to-gui-focus" | "group-focus:to-gui-focus-outline" | "group-focus:to-gui-visited" | "group-focus:to-white" | "group-focus:to-extra-light-grey" | "group-focus:to-light-grey" | "group-focus:to-mid-grey" | "group-focus:to-dark-grey" | "group-focus:to-charcoal-grey" | "group-focus:to-cool-black" | "group-focus:to-active-orange" | "group-focus:to-bright-red" | "group-focus:to-red-orange" | "group-focus:to-electric-cyan" | "group-focus:to-zingy-green" | "group-focus:to-jazzy-pink" | "group-focus:to-gui-default" | "group-focus:to-gui-hover" | "group-focus:to-gui-active" | "group-focus:to-gui-error" | "group-focus:to-gui-success" | "group-focus:to-gui-default-dark" | "group-focus:to-gui-hover-dark" | "group-focus:to-gui-active-dark" | "group-focus:to-transparent";
+export const defaultIconSecondaryColor: (name: IconName) => "bg-neutral-000" | "bg-neutral-100" | "bg-neutral-200" | "bg-neutral-300" | "bg-neutral-400" | "bg-neutral-500" | "bg-neutral-600" | "bg-neutral-700" | "bg-neutral-800" | "bg-neutral-900" | "bg-neutral-1000" | "bg-neutral-1100" | "bg-neutral-1200" | "bg-neutral-1300" | "bg-orange-100" | "bg-orange-200" | "bg-orange-300" | "bg-orange-400" | "bg-orange-500" | "bg-orange-600" | "bg-orange-700" | "bg-orange-800" | "bg-orange-900" | "bg-orange-1000" | "bg-orange-1100" | "bg-yellow-100" | "bg-yellow-200" | "bg-yellow-300" | "bg-yellow-400" | "bg-yellow-500" | "bg-yellow-600" | "bg-yellow-700" | "bg-yellow-800" | "bg-yellow-900" | "bg-green-100" | "bg-green-200" | "bg-green-300" | "bg-green-400" | "bg-green-500" | "bg-green-600" | "bg-green-700" | "bg-green-800" | "bg-green-900" | "bg-blue-100" | "bg-blue-200" | "bg-blue-300" | "bg-blue-400" | "bg-blue-500" | "bg-blue-600" | "bg-blue-700" | "bg-blue-800" | "bg-blue-900" | "bg-violet-100" | "bg-violet-200" | "bg-violet-300" | "bg-violet-400" | "bg-violet-500" | "bg-violet-600" | "bg-violet-700" | "bg-violet-800" | "bg-violet-900" | "bg-pink-100" | "bg-pink-200" | "bg-pink-300" | "bg-pink-400" | "bg-pink-500" | "bg-pink-600" | "bg-pink-700" | "bg-pink-800" | "bg-pink-900" | "bg-gui-blue-default-light" | "bg-gui-blue-hover-light" | "bg-gui-blue-active-light" | "bg-gui-blue-default-dark" | "bg-gui-blue-hover-dark" | "bg-gui-blue-active-dark" | "bg-gui-blue-focus" | "bg-gui-unavailable" | "bg-gui-success-green" | "bg-gui-error-red" | "bg-gui-focus" | "bg-gui-focus-outline" | "bg-gui-visited" | "bg-white" | "bg-extra-light-grey" | "bg-light-grey" | "bg-mid-grey" | "bg-dark-grey" | "bg-charcoal-grey" | "bg-cool-black" | "bg-active-orange" | "bg-bright-red" | "bg-red-orange" | "bg-electric-cyan" | "bg-zingy-green" | "bg-jazzy-pink" | "bg-gui-default" | "bg-gui-hover" | "bg-gui-active" | "bg-gui-error" | "bg-gui-success" | "bg-gui-default-dark" | "bg-gui-hover-dark" | "bg-gui-active-dark" | "bg-transparent" | "text-neutral-000" | "text-neutral-100" | "text-neutral-200" | "text-neutral-300" | "text-neutral-400" | "text-neutral-500" | "text-neutral-600" | "text-neutral-700" | "text-neutral-800" | "text-neutral-900" | "text-neutral-1000" | "text-neutral-1100" | "text-neutral-1200" | "text-neutral-1300" | "text-orange-100" | "text-orange-200" | "text-orange-300" | "text-orange-400" | "text-orange-500" | "text-orange-600" | "text-orange-700" | "text-orange-800" | "text-orange-900" | "text-orange-1000" | "text-orange-1100" | "text-yellow-100" | "text-yellow-200" | "text-yellow-300" | "text-yellow-400" | "text-yellow-500" | "text-yellow-600" | "text-yellow-700" | "text-yellow-800" | "text-yellow-900" | "text-green-100" | "text-green-200" | "text-green-300" | "text-green-400" | "text-green-500" | "text-green-600" | "text-green-700" | "text-green-800" | "text-green-900" | "text-blue-100" | "text-blue-200" | "text-blue-300" | "text-blue-400" | "text-blue-500" | "text-blue-600" | "text-blue-700" | "text-blue-800" | "text-blue-900" | "text-violet-100" | "text-violet-200" | "text-violet-300" | "text-violet-400" | "text-violet-500" | "text-violet-600" | "text-violet-700" | "text-violet-800" | "text-violet-900" | "text-pink-100" | "text-pink-200" | "text-pink-300" | "text-pink-400" | "text-pink-500" | "text-pink-600" | "text-pink-700" | "text-pink-800" | "text-pink-900" | "text-gui-blue-default-light" | "text-gui-blue-hover-light" | "text-gui-blue-active-light" | "text-gui-blue-default-dark" | "text-gui-blue-hover-dark" | "text-gui-blue-active-dark" | "text-gui-blue-focus" | "text-gui-unavailable" | "text-gui-success-green" | "text-gui-error-red" | "text-gui-focus" | "text-gui-focus-outline" | "text-gui-visited" | "text-white" | "text-extra-light-grey" | "text-light-grey" | "text-mid-grey" | "text-dark-grey" | "text-charcoal-grey" | "text-cool-black" | "text-active-orange" | "text-bright-red" | "text-red-orange" | "text-electric-cyan" | "text-zingy-green" | "text-jazzy-pink" | "text-gui-default" | "text-gui-hover" | "text-gui-active" | "text-gui-error" | "text-gui-success" | "text-gui-default-dark" | "text-gui-hover-dark" | "text-gui-active-dark" | "text-transparent" | "from-neutral-000" | "from-neutral-100" | "from-neutral-200" | "from-neutral-300" | "from-neutral-400" | "from-neutral-500" | "from-neutral-600" | "from-neutral-700" | "from-neutral-800" | "from-neutral-900" | "from-neutral-1000" | "from-neutral-1100" | "from-neutral-1200" | "from-neutral-1300" | "from-orange-100" | "from-orange-200" | "from-orange-300" | "from-orange-400" | "from-orange-500" | "from-orange-600" | "from-orange-700" | "from-orange-800" | "from-orange-900" | "from-orange-1000" | "from-orange-1100" | "from-yellow-100" | "from-yellow-200" | "from-yellow-300" | "from-yellow-400" | "from-yellow-500" | "from-yellow-600" | "from-yellow-700" | "from-yellow-800" | "from-yellow-900" | "from-green-100" | "from-green-200" | "from-green-300" | "from-green-400" | "from-green-500" | "from-green-600" | "from-green-700" | "from-green-800" | "from-green-900" | "from-blue-100" | "from-blue-200" | "from-blue-300" | "from-blue-400" | "from-blue-500" | "from-blue-600" | "from-blue-700" | "from-blue-800" | "from-blue-900" | "from-violet-100" | "from-violet-200" | "from-violet-300" | "from-violet-400" | "from-violet-500" | "from-violet-600" | "from-violet-700" | "from-violet-800" | "from-violet-900" | "from-pink-100" | "from-pink-200" | "from-pink-300" | "from-pink-400" | "from-pink-500" | "from-pink-600" | "from-pink-700" | "from-pink-800" | "from-pink-900" | "from-gui-blue-default-light" | "from-gui-blue-hover-light" | "from-gui-blue-active-light" | "from-gui-blue-default-dark" | "from-gui-blue-hover-dark" | "from-gui-blue-active-dark" | "from-gui-blue-focus" | "from-gui-unavailable" | "from-gui-success-green" | "from-gui-error-red" | "from-gui-focus" | "from-gui-focus-outline" | "from-gui-visited" | "from-white" | "from-extra-light-grey" | "from-light-grey" | "from-mid-grey" | "from-dark-grey" | "from-charcoal-grey" | "from-cool-black" | "from-active-orange" | "from-bright-red" | "from-red-orange" | "from-electric-cyan" | "from-zingy-green" | "from-jazzy-pink" | "from-gui-default" | "from-gui-hover" | "from-gui-active" | "from-gui-error" | "from-gui-success" | "from-gui-default-dark" | "from-gui-hover-dark" | "from-gui-active-dark" | "from-transparent" | "to-neutral-000" | "to-neutral-100" | "to-neutral-200" | "to-neutral-300" | "to-neutral-400" | "to-neutral-500" | "to-neutral-600" | "to-neutral-700" | "to-neutral-800" | "to-neutral-900" | "to-neutral-1000" | "to-neutral-1100" | "to-neutral-1200" | "to-neutral-1300" | "to-orange-100" | "to-orange-200" | "to-orange-300" | "to-orange-400" | "to-orange-500" | "to-orange-600" | "to-orange-700" | "to-orange-800" | "to-orange-900" | "to-orange-1000" | "to-orange-1100" | "to-yellow-100" | "to-yellow-200" | "to-yellow-300" | "to-yellow-400" | "to-yellow-500" | "to-yellow-600" | "to-yellow-700" | "to-yellow-800" | "to-yellow-900" | "to-green-100" | "to-green-200" | "to-green-300" | "to-green-400" | "to-green-500" | "to-green-600" | "to-green-700" | "to-green-800" | "to-green-900" | "to-blue-100" | "to-blue-200" | "to-blue-300" | "to-blue-400" | "to-blue-500" | "to-blue-600" | "to-blue-700" | "to-blue-800" | "to-blue-900" | "to-violet-100" | "to-violet-200" | "to-violet-300" | "to-violet-400" | "to-violet-500" | "to-violet-600" | "to-violet-700" | "to-violet-800" | "to-violet-900" | "to-pink-100" | "to-pink-200" | "to-pink-300" | "to-pink-400" | "to-pink-500" | "to-pink-600" | "to-pink-700" | "to-pink-800" | "to-pink-900" | "to-gui-blue-default-light" | "to-gui-blue-hover-light" | "to-gui-blue-active-light" | "to-gui-blue-default-dark" | "to-gui-blue-hover-dark" | "to-gui-blue-active-dark" | "to-gui-blue-focus" | "to-gui-unavailable" | "to-gui-success-green" | "to-gui-error-red" | "to-gui-focus" | "to-gui-focus-outline" | "to-gui-visited" | "to-white" | "to-extra-light-grey" | "to-light-grey" | "to-mid-grey" | "to-dark-grey" | "to-charcoal-grey" | "to-cool-black" | "to-active-orange" | "to-bright-red" | "to-red-orange" | "to-electric-cyan" | "to-zingy-green" | "to-jazzy-pink" | "to-gui-default" | "to-gui-hover" | "to-gui-active" | "to-gui-error" | "to-gui-success" | "to-gui-default-dark" | "to-gui-hover-dark" | "to-gui-active-dark" | "to-transparent" | "border-neutral-000" | "border-neutral-100" | "border-neutral-200" | "border-neutral-300" | "border-neutral-400" | "border-neutral-500" | "border-neutral-600" | "border-neutral-700" | "border-neutral-800" | "border-neutral-900" | "border-neutral-1000" | "border-neutral-1100" | "border-neutral-1200" | "border-neutral-1300" | "border-orange-100" | "border-orange-200" | "border-orange-300" | "border-orange-400" | "border-orange-500" | "border-orange-600" | "border-orange-700" | "border-orange-800" | "border-orange-900" | "border-orange-1000" | "border-orange-1100" | "border-yellow-100" | "border-yellow-200" | "border-yellow-300" | "border-yellow-400" | "border-yellow-500" | "border-yellow-600" | "border-yellow-700" | "border-yellow-800" | "border-yellow-900" | "border-green-100" | "border-green-200" | "border-green-300" | "border-green-400" | "border-green-500" | "border-green-600" | "border-green-700" | "border-green-800" | "border-green-900" | "border-blue-100" | "border-blue-200" | "border-blue-300" | "border-blue-400" | "border-blue-500" | "border-blue-600" | "border-blue-700" | "border-blue-800" | "border-blue-900" | "border-violet-100" | "border-violet-200" | "border-violet-300" | "border-violet-400" | "border-violet-500" | "border-violet-600" | "border-violet-700" | "border-violet-800" | "border-violet-900" | "border-pink-100" | "border-pink-200" | "border-pink-300" | "border-pink-400" | "border-pink-500" | "border-pink-600" | "border-pink-700" | "border-pink-800" | "border-pink-900" | "border-gui-blue-default-light" | "border-gui-blue-hover-light" | "border-gui-blue-active-light" | "border-gui-blue-default-dark" | "border-gui-blue-hover-dark" | "border-gui-blue-active-dark" | "border-gui-blue-focus" | "border-gui-unavailable" | "border-gui-success-green" | "border-gui-error-red" | "border-gui-focus" | "border-gui-focus-outline" | "border-gui-visited" | "border-white" | "border-extra-light-grey" | "border-light-grey" | "border-mid-grey" | "border-dark-grey" | "border-charcoal-grey" | "border-cool-black" | "border-active-orange" | "border-bright-red" | "border-red-orange" | "border-electric-cyan" | "border-zingy-green" | "border-jazzy-pink" | "border-gui-default" | "border-gui-hover" | "border-gui-active" | "border-gui-error" | "border-gui-success" | "border-gui-default-dark" | "border-gui-hover-dark" | "border-gui-active-dark" | "border-transparent" | "hover:bg-neutral-000" | "hover:bg-neutral-100" | "hover:bg-neutral-200" | "hover:bg-neutral-300" | "hover:bg-neutral-400" | "hover:bg-neutral-500" | "hover:bg-neutral-600" | "hover:bg-neutral-700" | "hover:bg-neutral-800" | "hover:bg-neutral-900" | "hover:bg-neutral-1000" | "hover:bg-neutral-1100" | "hover:bg-neutral-1200" | "hover:bg-neutral-1300" | "hover:bg-orange-100" | "hover:bg-orange-200" | "hover:bg-orange-300" | "hover:bg-orange-400" | "hover:bg-orange-500" | "hover:bg-orange-600" | "hover:bg-orange-700" | "hover:bg-orange-800" | "hover:bg-orange-900" | "hover:bg-orange-1000" | "hover:bg-orange-1100" | "hover:bg-yellow-100" | "hover:bg-yellow-200" | "hover:bg-yellow-300" | "hover:bg-yellow-400" | "hover:bg-yellow-500" | "hover:bg-yellow-600" | "hover:bg-yellow-700" | "hover:bg-yellow-800" | "hover:bg-yellow-900" | "hover:bg-green-100" | "hover:bg-green-200" | "hover:bg-green-300" | "hover:bg-green-400" | "hover:bg-green-500" | "hover:bg-green-600" | "hover:bg-green-700" | "hover:bg-green-800" | "hover:bg-green-900" | "hover:bg-blue-100" | "hover:bg-blue-200" | "hover:bg-blue-300" | "hover:bg-blue-400" | "hover:bg-blue-500" | "hover:bg-blue-600" | "hover:bg-blue-700" | "hover:bg-blue-800" | "hover:bg-blue-900" | "hover:bg-violet-100" | "hover:bg-violet-200" | "hover:bg-violet-300" | "hover:bg-violet-400" | "hover:bg-violet-500" | "hover:bg-violet-600" | "hover:bg-violet-700" | "hover:bg-violet-800" | "hover:bg-violet-900" | "hover:bg-pink-100" | "hover:bg-pink-200" | "hover:bg-pink-300" | "hover:bg-pink-400" | "hover:bg-pink-500" | "hover:bg-pink-600" | "hover:bg-pink-700" | "hover:bg-pink-800" | "hover:bg-pink-900" | "hover:bg-gui-blue-default-light" | "hover:bg-gui-blue-hover-light" | "hover:bg-gui-blue-active-light" | "hover:bg-gui-blue-default-dark" | "hover:bg-gui-blue-hover-dark" | "hover:bg-gui-blue-active-dark" | "hover:bg-gui-blue-focus" | "hover:bg-gui-unavailable" | "hover:bg-gui-success-green" | "hover:bg-gui-error-red" | "hover:bg-gui-focus" | "hover:bg-gui-focus-outline" | "hover:bg-gui-visited" | "hover:bg-white" | "hover:bg-extra-light-grey" | "hover:bg-light-grey" | "hover:bg-mid-grey" | "hover:bg-dark-grey" | "hover:bg-charcoal-grey" | "hover:bg-cool-black" | "hover:bg-active-orange" | "hover:bg-bright-red" | "hover:bg-red-orange" | "hover:bg-electric-cyan" | "hover:bg-zingy-green" | "hover:bg-jazzy-pink" | "hover:bg-gui-default" | "hover:bg-gui-hover" | "hover:bg-gui-active" | "hover:bg-gui-error" | "hover:bg-gui-success" | "hover:bg-gui-default-dark" | "hover:bg-gui-hover-dark" | "hover:bg-gui-active-dark" | "hover:bg-transparent" | "hover:text-neutral-000" | "hover:text-neutral-100" | "hover:text-neutral-200" | "hover:text-neutral-300" | "hover:text-neutral-400" | "hover:text-neutral-500" | "hover:text-neutral-600" | "hover:text-neutral-700" | "hover:text-neutral-800" | "hover:text-neutral-900" | "hover:text-neutral-1000" | "hover:text-neutral-1100" | "hover:text-neutral-1200" | "hover:text-neutral-1300" | "hover:text-orange-100" | "hover:text-orange-200" | "hover:text-orange-300" | "hover:text-orange-400" | "hover:text-orange-500" | "hover:text-orange-600" | "hover:text-orange-700" | "hover:text-orange-800" | "hover:text-orange-900" | "hover:text-orange-1000" | "hover:text-orange-1100" | "hover:text-yellow-100" | "hover:text-yellow-200" | "hover:text-yellow-300" | "hover:text-yellow-400" | "hover:text-yellow-500" | "hover:text-yellow-600" | "hover:text-yellow-700" | "hover:text-yellow-800" | "hover:text-yellow-900" | "hover:text-green-100" | "hover:text-green-200" | "hover:text-green-300" | "hover:text-green-400" | "hover:text-green-500" | "hover:text-green-600" | "hover:text-green-700" | "hover:text-green-800" | "hover:text-green-900" | "hover:text-blue-100" | "hover:text-blue-200" | "hover:text-blue-300" | "hover:text-blue-400" | "hover:text-blue-500" | "hover:text-blue-600" | "hover:text-blue-700" | "hover:text-blue-800" | "hover:text-blue-900" | "hover:text-violet-100" | "hover:text-violet-200" | "hover:text-violet-300" | "hover:text-violet-400" | "hover:text-violet-500" | "hover:text-violet-600" | "hover:text-violet-700" | "hover:text-violet-800" | "hover:text-violet-900" | "hover:text-pink-100" | "hover:text-pink-200" | "hover:text-pink-300" | "hover:text-pink-400" | "hover:text-pink-500" | "hover:text-pink-600" | "hover:text-pink-700" | "hover:text-pink-800" | "hover:text-pink-900" | "hover:text-gui-blue-default-light" | "hover:text-gui-blue-hover-light" | "hover:text-gui-blue-active-light" | "hover:text-gui-blue-default-dark" | "hover:text-gui-blue-hover-dark" | "hover:text-gui-blue-active-dark" | "hover:text-gui-blue-focus" | "hover:text-gui-unavailable" | "hover:text-gui-success-green" | "hover:text-gui-error-red" | "hover:text-gui-focus" | "hover:text-gui-focus-outline" | "hover:text-gui-visited" | "hover:text-white" | "hover:text-extra-light-grey" | "hover:text-light-grey" | "hover:text-mid-grey" | "hover:text-dark-grey" | "hover:text-charcoal-grey" | "hover:text-cool-black" | "hover:text-active-orange" | "hover:text-bright-red" | "hover:text-red-orange" | "hover:text-electric-cyan" | "hover:text-zingy-green" | "hover:text-jazzy-pink" | "hover:text-gui-default" | "hover:text-gui-hover" | "hover:text-gui-active" | "hover:text-gui-error" | "hover:text-gui-success" | "hover:text-gui-default-dark" | "hover:text-gui-hover-dark" | "hover:text-gui-active-dark" | "hover:text-transparent" | "hover:from-neutral-000" | "hover:from-neutral-100" | "hover:from-neutral-200" | "hover:from-neutral-300" | "hover:from-neutral-400" | "hover:from-neutral-500" | "hover:from-neutral-600" | "hover:from-neutral-700" | "hover:from-neutral-800" | "hover:from-neutral-900" | "hover:from-neutral-1000" | "hover:from-neutral-1100" | "hover:from-neutral-1200" | "hover:from-neutral-1300" | "hover:from-orange-100" | "hover:from-orange-200" | "hover:from-orange-300" | "hover:from-orange-400" | "hover:from-orange-500" | "hover:from-orange-600" | "hover:from-orange-700" | "hover:from-orange-800" | "hover:from-orange-900" | "hover:from-orange-1000" | "hover:from-orange-1100" | "hover:from-yellow-100" | "hover:from-yellow-200" | "hover:from-yellow-300" | "hover:from-yellow-400" | "hover:from-yellow-500" | "hover:from-yellow-600" | "hover:from-yellow-700" | "hover:from-yellow-800" | "hover:from-yellow-900" | "hover:from-green-100" | "hover:from-green-200" | "hover:from-green-300" | "hover:from-green-400" | "hover:from-green-500" | "hover:from-green-600" | "hover:from-green-700" | "hover:from-green-800" | "hover:from-green-900" | "hover:from-blue-100" | "hover:from-blue-200" | "hover:from-blue-300" | "hover:from-blue-400" | "hover:from-blue-500" | "hover:from-blue-600" | "hover:from-blue-700" | "hover:from-blue-800" | "hover:from-blue-900" | "hover:from-violet-100" | "hover:from-violet-200" | "hover:from-violet-300" | "hover:from-violet-400" | "hover:from-violet-500" | "hover:from-violet-600" | "hover:from-violet-700" | "hover:from-violet-800" | "hover:from-violet-900" | "hover:from-pink-100" | "hover:from-pink-200" | "hover:from-pink-300" | "hover:from-pink-400" | "hover:from-pink-500" | "hover:from-pink-600" | "hover:from-pink-700" | "hover:from-pink-800" | "hover:from-pink-900" | "hover:from-gui-blue-default-light" | "hover:from-gui-blue-hover-light" | "hover:from-gui-blue-active-light" | "hover:from-gui-blue-default-dark" | "hover:from-gui-blue-hover-dark" | "hover:from-gui-blue-active-dark" | "hover:from-gui-blue-focus" | "hover:from-gui-unavailable" | "hover:from-gui-success-green" | "hover:from-gui-error-red" | "hover:from-gui-focus" | "hover:from-gui-focus-outline" | "hover:from-gui-visited" | "hover:from-white" | "hover:from-extra-light-grey" | "hover:from-light-grey" | "hover:from-mid-grey" | "hover:from-dark-grey" | "hover:from-charcoal-grey" | "hover:from-cool-black" | "hover:from-active-orange" | "hover:from-bright-red" | "hover:from-red-orange" | "hover:from-electric-cyan" | "hover:from-zingy-green" | "hover:from-jazzy-pink" | "hover:from-gui-default" | "hover:from-gui-hover" | "hover:from-gui-active" | "hover:from-gui-error" | "hover:from-gui-success" | "hover:from-gui-default-dark" | "hover:from-gui-hover-dark" | "hover:from-gui-active-dark" | "hover:from-transparent" | "hover:to-neutral-000" | "hover:to-neutral-100" | "hover:to-neutral-200" | "hover:to-neutral-300" | "hover:to-neutral-400" | "hover:to-neutral-500" | "hover:to-neutral-600" | "hover:to-neutral-700" | "hover:to-neutral-800" | "hover:to-neutral-900" | "hover:to-neutral-1000" | "hover:to-neutral-1100" | "hover:to-neutral-1200" | "hover:to-neutral-1300" | "hover:to-orange-100" | "hover:to-orange-200" | "hover:to-orange-300" | "hover:to-orange-400" | "hover:to-orange-500" | "hover:to-orange-600" | "hover:to-orange-700" | "hover:to-orange-800" | "hover:to-orange-900" | "hover:to-orange-1000" | "hover:to-orange-1100" | "hover:to-yellow-100" | "hover:to-yellow-200" | "hover:to-yellow-300" | "hover:to-yellow-400" | "hover:to-yellow-500" | "hover:to-yellow-600" | "hover:to-yellow-700" | "hover:to-yellow-800" | "hover:to-yellow-900" | "hover:to-green-100" | "hover:to-green-200" | "hover:to-green-300" | "hover:to-green-400" | "hover:to-green-500" | "hover:to-green-600" | "hover:to-green-700" | "hover:to-green-800" | "hover:to-green-900" | "hover:to-blue-100" | "hover:to-blue-200" | "hover:to-blue-300" | "hover:to-blue-400" | "hover:to-blue-500" | "hover:to-blue-600" | "hover:to-blue-700" | "hover:to-blue-800" | "hover:to-blue-900" | "hover:to-violet-100" | "hover:to-violet-200" | "hover:to-violet-300" | "hover:to-violet-400" | "hover:to-violet-500" | "hover:to-violet-600" | "hover:to-violet-700" | "hover:to-violet-800" | "hover:to-violet-900" | "hover:to-pink-100" | "hover:to-pink-200" | "hover:to-pink-300" | "hover:to-pink-400" | "hover:to-pink-500" | "hover:to-pink-600" | "hover:to-pink-700" | "hover:to-pink-800" | "hover:to-pink-900" | "hover:to-gui-blue-default-light" | "hover:to-gui-blue-hover-light" | "hover:to-gui-blue-active-light" | "hover:to-gui-blue-default-dark" | "hover:to-gui-blue-hover-dark" | "hover:to-gui-blue-active-dark" | "hover:to-gui-blue-focus" | "hover:to-gui-unavailable" | "hover:to-gui-success-green" | "hover:to-gui-error-red" | "hover:to-gui-focus" | "hover:to-gui-focus-outline" | "hover:to-gui-visited" | "hover:to-white" | "hover:to-extra-light-grey" | "hover:to-light-grey" | "hover:to-mid-grey" | "hover:to-dark-grey" | "hover:to-charcoal-grey" | "hover:to-cool-black" | "hover:to-active-orange" | "hover:to-bright-red" | "hover:to-red-orange" | "hover:to-electric-cyan" | "hover:to-zingy-green" | "hover:to-jazzy-pink" | "hover:to-gui-default" | "hover:to-gui-hover" | "hover:to-gui-active" | "hover:to-gui-error" | "hover:to-gui-success" | "hover:to-gui-default-dark" | "hover:to-gui-hover-dark" | "hover:to-gui-active-dark" | "hover:to-transparent" | "hover:border-neutral-000" | "hover:border-neutral-100" | "hover:border-neutral-200" | "hover:border-neutral-300" | "hover:border-neutral-400" | "hover:border-neutral-500" | "hover:border-neutral-600" | "hover:border-neutral-700" | "hover:border-neutral-800" | "hover:border-neutral-900" | "hover:border-neutral-1000" | "hover:border-neutral-1100" | "hover:border-neutral-1200" | "hover:border-neutral-1300" | "hover:border-orange-100" | "hover:border-orange-200" | "hover:border-orange-300" | "hover:border-orange-400" | "hover:border-orange-500" | "hover:border-orange-600" | "hover:border-orange-700" | "hover:border-orange-800" | "hover:border-orange-900" | "hover:border-orange-1000" | "hover:border-orange-1100" | "hover:border-yellow-100" | "hover:border-yellow-200" | "hover:border-yellow-300" | "hover:border-yellow-400" | "hover:border-yellow-500" | "hover:border-yellow-600" | "hover:border-yellow-700" | "hover:border-yellow-800" | "hover:border-yellow-900" | "hover:border-green-100" | "hover:border-green-200" | "hover:border-green-300" | "hover:border-green-400" | "hover:border-green-500" | "hover:border-green-600" | "hover:border-green-700" | "hover:border-green-800" | "hover:border-green-900" | "hover:border-blue-100" | "hover:border-blue-200" | "hover:border-blue-300" | "hover:border-blue-400" | "hover:border-blue-500" | "hover:border-blue-600" | "hover:border-blue-700" | "hover:border-blue-800" | "hover:border-blue-900" | "hover:border-violet-100" | "hover:border-violet-200" | "hover:border-violet-300" | "hover:border-violet-400" | "hover:border-violet-500" | "hover:border-violet-600" | "hover:border-violet-700" | "hover:border-violet-800" | "hover:border-violet-900" | "hover:border-pink-100" | "hover:border-pink-200" | "hover:border-pink-300" | "hover:border-pink-400" | "hover:border-pink-500" | "hover:border-pink-600" | "hover:border-pink-700" | "hover:border-pink-800" | "hover:border-pink-900" | "hover:border-gui-blue-default-light" | "hover:border-gui-blue-hover-light" | "hover:border-gui-blue-active-light" | "hover:border-gui-blue-default-dark" | "hover:border-gui-blue-hover-dark" | "hover:border-gui-blue-active-dark" | "hover:border-gui-blue-focus" | "hover:border-gui-unavailable" | "hover:border-gui-success-green" | "hover:border-gui-error-red" | "hover:border-gui-focus" | "hover:border-gui-focus-outline" | "hover:border-gui-visited" | "hover:border-white" | "hover:border-extra-light-grey" | "hover:border-light-grey" | "hover:border-mid-grey" | "hover:border-dark-grey" | "hover:border-charcoal-grey" | "hover:border-cool-black" | "hover:border-active-orange" | "hover:border-bright-red" | "hover:border-red-orange" | "hover:border-electric-cyan" | "hover:border-zingy-green" | "hover:border-jazzy-pink" | "hover:border-gui-default" | "hover:border-gui-hover" | "hover:border-gui-active" | "hover:border-gui-error" | "hover:border-gui-success" | "hover:border-gui-default-dark" | "hover:border-gui-hover-dark" | "hover:border-gui-active-dark" | "hover:border-transparent" | "focus:bg-neutral-000" | "focus:bg-neutral-100" | "focus:bg-neutral-200" | "focus:bg-neutral-300" | "focus:bg-neutral-400" | "focus:bg-neutral-500" | "focus:bg-neutral-600" | "focus:bg-neutral-700" | "focus:bg-neutral-800" | "focus:bg-neutral-900" | "focus:bg-neutral-1000" | "focus:bg-neutral-1100" | "focus:bg-neutral-1200" | "focus:bg-neutral-1300" | "focus:bg-orange-100" | "focus:bg-orange-200" | "focus:bg-orange-300" | "focus:bg-orange-400" | "focus:bg-orange-500" | "focus:bg-orange-600" | "focus:bg-orange-700" | "focus:bg-orange-800" | "focus:bg-orange-900" | "focus:bg-orange-1000" | "focus:bg-orange-1100" | "focus:bg-yellow-100" | "focus:bg-yellow-200" | "focus:bg-yellow-300" | "focus:bg-yellow-400" | "focus:bg-yellow-500" | "focus:bg-yellow-600" | "focus:bg-yellow-700" | "focus:bg-yellow-800" | "focus:bg-yellow-900" | "focus:bg-green-100" | "focus:bg-green-200" | "focus:bg-green-300" | "focus:bg-green-400" | "focus:bg-green-500" | "focus:bg-green-600" | "focus:bg-green-700" | "focus:bg-green-800" | "focus:bg-green-900" | "focus:bg-blue-100" | "focus:bg-blue-200" | "focus:bg-blue-300" | "focus:bg-blue-400" | "focus:bg-blue-500" | "focus:bg-blue-600" | "focus:bg-blue-700" | "focus:bg-blue-800" | "focus:bg-blue-900" | "focus:bg-violet-100" | "focus:bg-violet-200" | "focus:bg-violet-300" | "focus:bg-violet-400" | "focus:bg-violet-500" | "focus:bg-violet-600" | "focus:bg-violet-700" | "focus:bg-violet-800" | "focus:bg-violet-900" | "focus:bg-pink-100" | "focus:bg-pink-200" | "focus:bg-pink-300" | "focus:bg-pink-400" | "focus:bg-pink-500" | "focus:bg-pink-600" | "focus:bg-pink-700" | "focus:bg-pink-800" | "focus:bg-pink-900" | "focus:bg-gui-blue-default-light" | "focus:bg-gui-blue-hover-light" | "focus:bg-gui-blue-active-light" | "focus:bg-gui-blue-default-dark" | "focus:bg-gui-blue-hover-dark" | "focus:bg-gui-blue-active-dark" | "focus:bg-gui-blue-focus" | "focus:bg-gui-unavailable" | "focus:bg-gui-success-green" | "focus:bg-gui-error-red" | "focus:bg-gui-focus" | "focus:bg-gui-focus-outline" | "focus:bg-gui-visited" | "focus:bg-white" | "focus:bg-extra-light-grey" | "focus:bg-light-grey" | "focus:bg-mid-grey" | "focus:bg-dark-grey" | "focus:bg-charcoal-grey" | "focus:bg-cool-black" | "focus:bg-active-orange" | "focus:bg-bright-red" | "focus:bg-red-orange" | "focus:bg-electric-cyan" | "focus:bg-zingy-green" | "focus:bg-jazzy-pink" | "focus:bg-gui-default" | "focus:bg-gui-hover" | "focus:bg-gui-active" | "focus:bg-gui-error" | "focus:bg-gui-success" | "focus:bg-gui-default-dark" | "focus:bg-gui-hover-dark" | "focus:bg-gui-active-dark" | "focus:bg-transparent" | "focus:text-neutral-000" | "focus:text-neutral-100" | "focus:text-neutral-200" | "focus:text-neutral-300" | "focus:text-neutral-400" | "focus:text-neutral-500" | "focus:text-neutral-600" | "focus:text-neutral-700" | "focus:text-neutral-800" | "focus:text-neutral-900" | "focus:text-neutral-1000" | "focus:text-neutral-1100" | "focus:text-neutral-1200" | "focus:text-neutral-1300" | "focus:text-orange-100" | "focus:text-orange-200" | "focus:text-orange-300" | "focus:text-orange-400" | "focus:text-orange-500" | "focus:text-orange-600" | "focus:text-orange-700" | "focus:text-orange-800" | "focus:text-orange-900" | "focus:text-orange-1000" | "focus:text-orange-1100" | "focus:text-yellow-100" | "focus:text-yellow-200" | "focus:text-yellow-300" | "focus:text-yellow-400" | "focus:text-yellow-500" | "focus:text-yellow-600" | "focus:text-yellow-700" | "focus:text-yellow-800" | "focus:text-yellow-900" | "focus:text-green-100" | "focus:text-green-200" | "focus:text-green-300" | "focus:text-green-400" | "focus:text-green-500" | "focus:text-green-600" | "focus:text-green-700" | "focus:text-green-800" | "focus:text-green-900" | "focus:text-blue-100" | "focus:text-blue-200" | "focus:text-blue-300" | "focus:text-blue-400" | "focus:text-blue-500" | "focus:text-blue-600" | "focus:text-blue-700" | "focus:text-blue-800" | "focus:text-blue-900" | "focus:text-violet-100" | "focus:text-violet-200" | "focus:text-violet-300" | "focus:text-violet-400" | "focus:text-violet-500" | "focus:text-violet-600" | "focus:text-violet-700" | "focus:text-violet-800" | "focus:text-violet-900" | "focus:text-pink-100" | "focus:text-pink-200" | "focus:text-pink-300" | "focus:text-pink-400" | "focus:text-pink-500" | "focus:text-pink-600" | "focus:text-pink-700" | "focus:text-pink-800" | "focus:text-pink-900" | "focus:text-gui-blue-default-light" | "focus:text-gui-blue-hover-light" | "focus:text-gui-blue-active-light" | "focus:text-gui-blue-default-dark" | "focus:text-gui-blue-hover-dark" | "focus:text-gui-blue-active-dark" | "focus:text-gui-blue-focus" | "focus:text-gui-unavailable" | "focus:text-gui-success-green" | "focus:text-gui-error-red" | "focus:text-gui-focus" | "focus:text-gui-focus-outline" | "focus:text-gui-visited" | "focus:text-white" | "focus:text-extra-light-grey" | "focus:text-light-grey" | "focus:text-mid-grey" | "focus:text-dark-grey" | "focus:text-charcoal-grey" | "focus:text-cool-black" | "focus:text-active-orange" | "focus:text-bright-red" | "focus:text-red-orange" | "focus:text-electric-cyan" | "focus:text-zingy-green" | "focus:text-jazzy-pink" | "focus:text-gui-default" | "focus:text-gui-hover" | "focus:text-gui-active" | "focus:text-gui-error" | "focus:text-gui-success" | "focus:text-gui-default-dark" | "focus:text-gui-hover-dark" | "focus:text-gui-active-dark" | "focus:text-transparent" | "focus:from-neutral-000" | "focus:from-neutral-100" | "focus:from-neutral-200" | "focus:from-neutral-300" | "focus:from-neutral-400" | "focus:from-neutral-500" | "focus:from-neutral-600" | "focus:from-neutral-700" | "focus:from-neutral-800" | "focus:from-neutral-900" | "focus:from-neutral-1000" | "focus:from-neutral-1100" | "focus:from-neutral-1200" | "focus:from-neutral-1300" | "focus:from-orange-100" | "focus:from-orange-200" | "focus:from-orange-300" | "focus:from-orange-400" | "focus:from-orange-500" | "focus:from-orange-600" | "focus:from-orange-700" | "focus:from-orange-800" | "focus:from-orange-900" | "focus:from-orange-1000" | "focus:from-orange-1100" | "focus:from-yellow-100" | "focus:from-yellow-200" | "focus:from-yellow-300" | "focus:from-yellow-400" | "focus:from-yellow-500" | "focus:from-yellow-600" | "focus:from-yellow-700" | "focus:from-yellow-800" | "focus:from-yellow-900" | "focus:from-green-100" | "focus:from-green-200" | "focus:from-green-300" | "focus:from-green-400" | "focus:from-green-500" | "focus:from-green-600" | "focus:from-green-700" | "focus:from-green-800" | "focus:from-green-900" | "focus:from-blue-100" | "focus:from-blue-200" | "focus:from-blue-300" | "focus:from-blue-400" | "focus:from-blue-500" | "focus:from-blue-600" | "focus:from-blue-700" | "focus:from-blue-800" | "focus:from-blue-900" | "focus:from-violet-100" | "focus:from-violet-200" | "focus:from-violet-300" | "focus:from-violet-400" | "focus:from-violet-500" | "focus:from-violet-600" | "focus:from-violet-700" | "focus:from-violet-800" | "focus:from-violet-900" | "focus:from-pink-100" | "focus:from-pink-200" | "focus:from-pink-300" | "focus:from-pink-400" | "focus:from-pink-500" | "focus:from-pink-600" | "focus:from-pink-700" | "focus:from-pink-800" | "focus:from-pink-900" | "focus:from-gui-blue-default-light" | "focus:from-gui-blue-hover-light" | "focus:from-gui-blue-active-light" | "focus:from-gui-blue-default-dark" | "focus:from-gui-blue-hover-dark" | "focus:from-gui-blue-active-dark" | "focus:from-gui-blue-focus" | "focus:from-gui-unavailable" | "focus:from-gui-success-green" | "focus:from-gui-error-red" | "focus:from-gui-focus" | "focus:from-gui-focus-outline" | "focus:from-gui-visited" | "focus:from-white" | "focus:from-extra-light-grey" | "focus:from-light-grey" | "focus:from-mid-grey" | "focus:from-dark-grey" | "focus:from-charcoal-grey" | "focus:from-cool-black" | "focus:from-active-orange" | "focus:from-bright-red" | "focus:from-red-orange" | "focus:from-electric-cyan" | "focus:from-zingy-green" | "focus:from-jazzy-pink" | "focus:from-gui-default" | "focus:from-gui-hover" | "focus:from-gui-active" | "focus:from-gui-error" | "focus:from-gui-success" | "focus:from-gui-default-dark" | "focus:from-gui-hover-dark" | "focus:from-gui-active-dark" | "focus:from-transparent" | "focus:to-neutral-000" | "focus:to-neutral-100" | "focus:to-neutral-200" | "focus:to-neutral-300" | "focus:to-neutral-400" | "focus:to-neutral-500" | "focus:to-neutral-600" | "focus:to-neutral-700" | "focus:to-neutral-800" | "focus:to-neutral-900" | "focus:to-neutral-1000" | "focus:to-neutral-1100" | "focus:to-neutral-1200" | "focus:to-neutral-1300" | "focus:to-orange-100" | "focus:to-orange-200" | "focus:to-orange-300" | "focus:to-orange-400" | "focus:to-orange-500" | "focus:to-orange-600" | "focus:to-orange-700" | "focus:to-orange-800" | "focus:to-orange-900" | "focus:to-orange-1000" | "focus:to-orange-1100" | "focus:to-yellow-100" | "focus:to-yellow-200" | "focus:to-yellow-300" | "focus:to-yellow-400" | "focus:to-yellow-500" | "focus:to-yellow-600" | "focus:to-yellow-700" | "focus:to-yellow-800" | "focus:to-yellow-900" | "focus:to-green-100" | "focus:to-green-200" | "focus:to-green-300" | "focus:to-green-400" | "focus:to-green-500" | "focus:to-green-600" | "focus:to-green-700" | "focus:to-green-800" | "focus:to-green-900" | "focus:to-blue-100" | "focus:to-blue-200" | "focus:to-blue-300" | "focus:to-blue-400" | "focus:to-blue-500" | "focus:to-blue-600" | "focus:to-blue-700" | "focus:to-blue-800" | "focus:to-blue-900" | "focus:to-violet-100" | "focus:to-violet-200" | "focus:to-violet-300" | "focus:to-violet-400" | "focus:to-violet-500" | "focus:to-violet-600" | "focus:to-violet-700" | "focus:to-violet-800" | "focus:to-violet-900" | "focus:to-pink-100" | "focus:to-pink-200" | "focus:to-pink-300" | "focus:to-pink-400" | "focus:to-pink-500" | "focus:to-pink-600" | "focus:to-pink-700" | "focus:to-pink-800" | "focus:to-pink-900" | "focus:to-gui-blue-default-light" | "focus:to-gui-blue-hover-light" | "focus:to-gui-blue-active-light" | "focus:to-gui-blue-default-dark" | "focus:to-gui-blue-hover-dark" | "focus:to-gui-blue-active-dark" | "focus:to-gui-blue-focus" | "focus:to-gui-unavailable" | "focus:to-gui-success-green" | "focus:to-gui-error-red" | "focus:to-gui-focus" | "focus:to-gui-focus-outline" | "focus:to-gui-visited" | "focus:to-white" | "focus:to-extra-light-grey" | "focus:to-light-grey" | "focus:to-mid-grey" | "focus:to-dark-grey" | "focus:to-charcoal-grey" | "focus:to-cool-black" | "focus:to-active-orange" | "focus:to-bright-red" | "focus:to-red-orange" | "focus:to-electric-cyan" | "focus:to-zingy-green" | "focus:to-jazzy-pink" | "focus:to-gui-default" | "focus:to-gui-hover" | "focus:to-gui-active" | "focus:to-gui-error" | "focus:to-gui-success" | "focus:to-gui-default-dark" | "focus:to-gui-hover-dark" | "focus:to-gui-active-dark" | "focus:to-transparent" | "focus:border-neutral-000" | "focus:border-neutral-100" | "focus:border-neutral-200" | "focus:border-neutral-300" | "focus:border-neutral-400" | "focus:border-neutral-500" | "focus:border-neutral-600" | "focus:border-neutral-700" | "focus:border-neutral-800" | "focus:border-neutral-900" | "focus:border-neutral-1000" | "focus:border-neutral-1100" | "focus:border-neutral-1200" | "focus:border-neutral-1300" | "focus:border-orange-100" | "focus:border-orange-200" | "focus:border-orange-300" | "focus:border-orange-400" | "focus:border-orange-500" | "focus:border-orange-600" | "focus:border-orange-700" | "focus:border-orange-800" | "focus:border-orange-900" | "focus:border-orange-1000" | "focus:border-orange-1100" | "focus:border-yellow-100" | "focus:border-yellow-200" | "focus:border-yellow-300" | "focus:border-yellow-400" | "focus:border-yellow-500" | "focus:border-yellow-600" | "focus:border-yellow-700" | "focus:border-yellow-800" | "focus:border-yellow-900" | "focus:border-green-100" | "focus:border-green-200" | "focus:border-green-300" | "focus:border-green-400" | "focus:border-green-500" | "focus:border-green-600" | "focus:border-green-700" | "focus:border-green-800" | "focus:border-green-900" | "focus:border-blue-100" | "focus:border-blue-200" | "focus:border-blue-300" | "focus:border-blue-400" | "focus:border-blue-500" | "focus:border-blue-600" | "focus:border-blue-700" | "focus:border-blue-800" | "focus:border-blue-900" | "focus:border-violet-100" | "focus:border-violet-200" | "focus:border-violet-300" | "focus:border-violet-400" | "focus:border-violet-500" | "focus:border-violet-600" | "focus:border-violet-700" | "focus:border-violet-800" | "focus:border-violet-900" | "focus:border-pink-100" | "focus:border-pink-200" | "focus:border-pink-300" | "focus:border-pink-400" | "focus:border-pink-500" | "focus:border-pink-600" | "focus:border-pink-700" | "focus:border-pink-800" | "focus:border-pink-900" | "focus:border-gui-blue-default-light" | "focus:border-gui-blue-hover-light" | "focus:border-gui-blue-active-light" | "focus:border-gui-blue-default-dark" | "focus:border-gui-blue-hover-dark" | "focus:border-gui-blue-active-dark" | "focus:border-gui-blue-focus" | "focus:border-gui-unavailable" | "focus:border-gui-success-green" | "focus:border-gui-error-red" | "focus:border-gui-focus" | "focus:border-gui-focus-outline" | "focus:border-gui-visited" | "focus:border-white" | "focus:border-extra-light-grey" | "focus:border-light-grey" | "focus:border-mid-grey" | "focus:border-dark-grey" | "focus:border-charcoal-grey" | "focus:border-cool-black" | "focus:border-active-orange" | "focus:border-bright-red" | "focus:border-red-orange" | "focus:border-electric-cyan" | "focus:border-zingy-green" | "focus:border-jazzy-pink" | "focus:border-gui-default" | "focus:border-gui-hover" | "focus:border-gui-active" | "focus:border-gui-error" | "focus:border-gui-success" | "focus:border-gui-default-dark" | "focus:border-gui-hover-dark" | "focus:border-gui-active-dark" | "focus:border-transparent" | "group-hover:bg-neutral-000" | "group-hover:bg-neutral-100" | "group-hover:bg-neutral-200" | "group-hover:bg-neutral-300" | "group-hover:bg-neutral-400" | "group-hover:bg-neutral-500" | "group-hover:bg-neutral-600" | "group-hover:bg-neutral-700" | "group-hover:bg-neutral-800" | "group-hover:bg-neutral-900" | "group-hover:bg-neutral-1000" | "group-hover:bg-neutral-1100" | "group-hover:bg-neutral-1200" | "group-hover:bg-neutral-1300" | "group-hover:bg-orange-100" | "group-hover:bg-orange-200" | "group-hover:bg-orange-300" | "group-hover:bg-orange-400" | "group-hover:bg-orange-500" | "group-hover:bg-orange-600" | "group-hover:bg-orange-700" | "group-hover:bg-orange-800" | "group-hover:bg-orange-900" | "group-hover:bg-orange-1000" | "group-hover:bg-orange-1100" | "group-hover:bg-yellow-100" | "group-hover:bg-yellow-200" | "group-hover:bg-yellow-300" | "group-hover:bg-yellow-400" | "group-hover:bg-yellow-500" | "group-hover:bg-yellow-600" | "group-hover:bg-yellow-700" | "group-hover:bg-yellow-800" | "group-hover:bg-yellow-900" | "group-hover:bg-green-100" | "group-hover:bg-green-200" | "group-hover:bg-green-300" | "group-hover:bg-green-400" | "group-hover:bg-green-500" | "group-hover:bg-green-600" | "group-hover:bg-green-700" | "group-hover:bg-green-800" | "group-hover:bg-green-900" | "group-hover:bg-blue-100" | "group-hover:bg-blue-200" | "group-hover:bg-blue-300" | "group-hover:bg-blue-400" | "group-hover:bg-blue-500" | "group-hover:bg-blue-600" | "group-hover:bg-blue-700" | "group-hover:bg-blue-800" | "group-hover:bg-blue-900" | "group-hover:bg-violet-100" | "group-hover:bg-violet-200" | "group-hover:bg-violet-300" | "group-hover:bg-violet-400" | "group-hover:bg-violet-500" | "group-hover:bg-violet-600" | "group-hover:bg-violet-700" | "group-hover:bg-violet-800" | "group-hover:bg-violet-900" | "group-hover:bg-pink-100" | "group-hover:bg-pink-200" | "group-hover:bg-pink-300" | "group-hover:bg-pink-400" | "group-hover:bg-pink-500" | "group-hover:bg-pink-600" | "group-hover:bg-pink-700" | "group-hover:bg-pink-800" | "group-hover:bg-pink-900" | "group-hover:bg-gui-blue-default-light" | "group-hover:bg-gui-blue-hover-light" | "group-hover:bg-gui-blue-active-light" | "group-hover:bg-gui-blue-default-dark" | "group-hover:bg-gui-blue-hover-dark" | "group-hover:bg-gui-blue-active-dark" | "group-hover:bg-gui-blue-focus" | "group-hover:bg-gui-unavailable" | "group-hover:bg-gui-success-green" | "group-hover:bg-gui-error-red" | "group-hover:bg-gui-focus" | "group-hover:bg-gui-focus-outline" | "group-hover:bg-gui-visited" | "group-hover:bg-white" | "group-hover:bg-extra-light-grey" | "group-hover:bg-light-grey" | "group-hover:bg-mid-grey" | "group-hover:bg-dark-grey" | "group-hover:bg-charcoal-grey" | "group-hover:bg-cool-black" | "group-hover:bg-active-orange" | "group-hover:bg-bright-red" | "group-hover:bg-red-orange" | "group-hover:bg-electric-cyan" | "group-hover:bg-zingy-green" | "group-hover:bg-jazzy-pink" | "group-hover:bg-gui-default" | "group-hover:bg-gui-hover" | "group-hover:bg-gui-active" | "group-hover:bg-gui-error" | "group-hover:bg-gui-success" | "group-hover:bg-gui-default-dark" | "group-hover:bg-gui-hover-dark" | "group-hover:bg-gui-active-dark" | "group-hover:bg-transparent" | "group-hover:text-neutral-000" | "group-hover:text-neutral-100" | "group-hover:text-neutral-200" | "group-hover:text-neutral-300" | "group-hover:text-neutral-400" | "group-hover:text-neutral-500" | "group-hover:text-neutral-600" | "group-hover:text-neutral-700" | "group-hover:text-neutral-800" | "group-hover:text-neutral-900" | "group-hover:text-neutral-1000" | "group-hover:text-neutral-1100" | "group-hover:text-neutral-1200" | "group-hover:text-neutral-1300" | "group-hover:text-orange-100" | "group-hover:text-orange-200" | "group-hover:text-orange-300" | "group-hover:text-orange-400" | "group-hover:text-orange-500" | "group-hover:text-orange-600" | "group-hover:text-orange-700" | "group-hover:text-orange-800" | "group-hover:text-orange-900" | "group-hover:text-orange-1000" | "group-hover:text-orange-1100" | "group-hover:text-yellow-100" | "group-hover:text-yellow-200" | "group-hover:text-yellow-300" | "group-hover:text-yellow-400" | "group-hover:text-yellow-500" | "group-hover:text-yellow-600" | "group-hover:text-yellow-700" | "group-hover:text-yellow-800" | "group-hover:text-yellow-900" | "group-hover:text-green-100" | "group-hover:text-green-200" | "group-hover:text-green-300" | "group-hover:text-green-400" | "group-hover:text-green-500" | "group-hover:text-green-600" | "group-hover:text-green-700" | "group-hover:text-green-800" | "group-hover:text-green-900" | "group-hover:text-blue-100" | "group-hover:text-blue-200" | "group-hover:text-blue-300" | "group-hover:text-blue-400" | "group-hover:text-blue-500" | "group-hover:text-blue-600" | "group-hover:text-blue-700" | "group-hover:text-blue-800" | "group-hover:text-blue-900" | "group-hover:text-violet-100" | "group-hover:text-violet-200" | "group-hover:text-violet-300" | "group-hover:text-violet-400" | "group-hover:text-violet-500" | "group-hover:text-violet-600" | "group-hover:text-violet-700" | "group-hover:text-violet-800" | "group-hover:text-violet-900" | "group-hover:text-pink-100" | "group-hover:text-pink-200" | "group-hover:text-pink-300" | "group-hover:text-pink-400" | "group-hover:text-pink-500" | "group-hover:text-pink-600" | "group-hover:text-pink-700" | "group-hover:text-pink-800" | "group-hover:text-pink-900" | "group-hover:text-gui-blue-default-light" | "group-hover:text-gui-blue-hover-light" | "group-hover:text-gui-blue-active-light" | "group-hover:text-gui-blue-default-dark" | "group-hover:text-gui-blue-hover-dark" | "group-hover:text-gui-blue-active-dark" | "group-hover:text-gui-blue-focus" | "group-hover:text-gui-unavailable" | "group-hover:text-gui-success-green" | "group-hover:text-gui-error-red" | "group-hover:text-gui-focus" | "group-hover:text-gui-focus-outline" | "group-hover:text-gui-visited" | "group-hover:text-white" | "group-hover:text-extra-light-grey" | "group-hover:text-light-grey" | "group-hover:text-mid-grey" | "group-hover:text-dark-grey" | "group-hover:text-charcoal-grey" | "group-hover:text-cool-black" | "group-hover:text-active-orange" | "group-hover:text-bright-red" | "group-hover:text-red-orange" | "group-hover:text-electric-cyan" | "group-hover:text-zingy-green" | "group-hover:text-jazzy-pink" | "group-hover:text-gui-default" | "group-hover:text-gui-hover" | "group-hover:text-gui-active" | "group-hover:text-gui-error" | "group-hover:text-gui-success" | "group-hover:text-gui-default-dark" | "group-hover:text-gui-hover-dark" | "group-hover:text-gui-active-dark" | "group-hover:text-transparent" | "group-hover:from-neutral-000" | "group-hover:from-neutral-100" | "group-hover:from-neutral-200" | "group-hover:from-neutral-300" | "group-hover:from-neutral-400" | "group-hover:from-neutral-500" | "group-hover:from-neutral-600" | "group-hover:from-neutral-700" | "group-hover:from-neutral-800" | "group-hover:from-neutral-900" | "group-hover:from-neutral-1000" | "group-hover:from-neutral-1100" | "group-hover:from-neutral-1200" | "group-hover:from-neutral-1300" | "group-hover:from-orange-100" | "group-hover:from-orange-200" | "group-hover:from-orange-300" | "group-hover:from-orange-400" | "group-hover:from-orange-500" | "group-hover:from-orange-600" | "group-hover:from-orange-700" | "group-hover:from-orange-800" | "group-hover:from-orange-900" | "group-hover:from-orange-1000" | "group-hover:from-orange-1100" | "group-hover:from-yellow-100" | "group-hover:from-yellow-200" | "group-hover:from-yellow-300" | "group-hover:from-yellow-400" | "group-hover:from-yellow-500" | "group-hover:from-yellow-600" | "group-hover:from-yellow-700" | "group-hover:from-yellow-800" | "group-hover:from-yellow-900" | "group-hover:from-green-100" | "group-hover:from-green-200" | "group-hover:from-green-300" | "group-hover:from-green-400" | "group-hover:from-green-500" | "group-hover:from-green-600" | "group-hover:from-green-700" | "group-hover:from-green-800" | "group-hover:from-green-900" | "group-hover:from-blue-100" | "group-hover:from-blue-200" | "group-hover:from-blue-300" | "group-hover:from-blue-400" | "group-hover:from-blue-500" | "group-hover:from-blue-600" | "group-hover:from-blue-700" | "group-hover:from-blue-800" | "group-hover:from-blue-900" | "group-hover:from-violet-100" | "group-hover:from-violet-200" | "group-hover:from-violet-300" | "group-hover:from-violet-400" | "group-hover:from-violet-500" | "group-hover:from-violet-600" | "group-hover:from-violet-700" | "group-hover:from-violet-800" | "group-hover:from-violet-900" | "group-hover:from-pink-100" | "group-hover:from-pink-200" | "group-hover:from-pink-300" | "group-hover:from-pink-400" | "group-hover:from-pink-500" | "group-hover:from-pink-600" | "group-hover:from-pink-700" | "group-hover:from-pink-800" | "group-hover:from-pink-900" | "group-hover:from-gui-blue-default-light" | "group-hover:from-gui-blue-hover-light" | "group-hover:from-gui-blue-active-light" | "group-hover:from-gui-blue-default-dark" | "group-hover:from-gui-blue-hover-dark" | "group-hover:from-gui-blue-active-dark" | "group-hover:from-gui-blue-focus" | "group-hover:from-gui-unavailable" | "group-hover:from-gui-success-green" | "group-hover:from-gui-error-red" | "group-hover:from-gui-focus" | "group-hover:from-gui-focus-outline" | "group-hover:from-gui-visited" | "group-hover:from-white" | "group-hover:from-extra-light-grey" | "group-hover:from-light-grey" | "group-hover:from-mid-grey" | "group-hover:from-dark-grey" | "group-hover:from-charcoal-grey" | "group-hover:from-cool-black" | "group-hover:from-active-orange" | "group-hover:from-bright-red" | "group-hover:from-red-orange" | "group-hover:from-electric-cyan" | "group-hover:from-zingy-green" | "group-hover:from-jazzy-pink" | "group-hover:from-gui-default" | "group-hover:from-gui-hover" | "group-hover:from-gui-active" | "group-hover:from-gui-error" | "group-hover:from-gui-success" | "group-hover:from-gui-default-dark" | "group-hover:from-gui-hover-dark" | "group-hover:from-gui-active-dark" | "group-hover:from-transparent" | "group-hover:to-neutral-000" | "group-hover:to-neutral-100" | "group-hover:to-neutral-200" | "group-hover:to-neutral-300" | "group-hover:to-neutral-400" | "group-hover:to-neutral-500" | "group-hover:to-neutral-600" | "group-hover:to-neutral-700" | "group-hover:to-neutral-800" | "group-hover:to-neutral-900" | "group-hover:to-neutral-1000" | "group-hover:to-neutral-1100" | "group-hover:to-neutral-1200" | "group-hover:to-neutral-1300" | "group-hover:to-orange-100" | "group-hover:to-orange-200" | "group-hover:to-orange-300" | "group-hover:to-orange-400" | "group-hover:to-orange-500" | "group-hover:to-orange-600" | "group-hover:to-orange-700" | "group-hover:to-orange-800" | "group-hover:to-orange-900" | "group-hover:to-orange-1000" | "group-hover:to-orange-1100" | "group-hover:to-yellow-100" | "group-hover:to-yellow-200" | "group-hover:to-yellow-300" | "group-hover:to-yellow-400" | "group-hover:to-yellow-500" | "group-hover:to-yellow-600" | "group-hover:to-yellow-700" | "group-hover:to-yellow-800" | "group-hover:to-yellow-900" | "group-hover:to-green-100" | "group-hover:to-green-200" | "group-hover:to-green-300" | "group-hover:to-green-400" | "group-hover:to-green-500" | "group-hover:to-green-600" | "group-hover:to-green-700" | "group-hover:to-green-800" | "group-hover:to-green-900" | "group-hover:to-blue-100" | "group-hover:to-blue-200" | "group-hover:to-blue-300" | "group-hover:to-blue-400" | "group-hover:to-blue-500" | "group-hover:to-blue-600" | "group-hover:to-blue-700" | "group-hover:to-blue-800" | "group-hover:to-blue-900" | "group-hover:to-violet-100" | "group-hover:to-violet-200" | "group-hover:to-violet-300" | "group-hover:to-violet-400" | "group-hover:to-violet-500" | "group-hover:to-violet-600" | "group-hover:to-violet-700" | "group-hover:to-violet-800" | "group-hover:to-violet-900" | "group-hover:to-pink-100" | "group-hover:to-pink-200" | "group-hover:to-pink-300" | "group-hover:to-pink-400" | "group-hover:to-pink-500" | "group-hover:to-pink-600" | "group-hover:to-pink-700" | "group-hover:to-pink-800" | "group-hover:to-pink-900" | "group-hover:to-gui-blue-default-light" | "group-hover:to-gui-blue-hover-light" | "group-hover:to-gui-blue-active-light" | "group-hover:to-gui-blue-default-dark" | "group-hover:to-gui-blue-hover-dark" | "group-hover:to-gui-blue-active-dark" | "group-hover:to-gui-blue-focus" | "group-hover:to-gui-unavailable" | "group-hover:to-gui-success-green" | "group-hover:to-gui-error-red" | "group-hover:to-gui-focus" | "group-hover:to-gui-focus-outline" | "group-hover:to-gui-visited" | "group-hover:to-white" | "group-hover:to-extra-light-grey" | "group-hover:to-light-grey" | "group-hover:to-mid-grey" | "group-hover:to-dark-grey" | "group-hover:to-charcoal-grey" | "group-hover:to-cool-black" | "group-hover:to-active-orange" | "group-hover:to-bright-red" | "group-hover:to-red-orange" | "group-hover:to-electric-cyan" | "group-hover:to-zingy-green" | "group-hover:to-jazzy-pink" | "group-hover:to-gui-default" | "group-hover:to-gui-hover" | "group-hover:to-gui-active" | "group-hover:to-gui-error" | "group-hover:to-gui-success" | "group-hover:to-gui-default-dark" | "group-hover:to-gui-hover-dark" | "group-hover:to-gui-active-dark" | "group-hover:to-transparent" | "group-hover:border-neutral-000" | "group-hover:border-neutral-100" | "group-hover:border-neutral-200" | "group-hover:border-neutral-300" | "group-hover:border-neutral-400" | "group-hover:border-neutral-500" | "group-hover:border-neutral-600" | "group-hover:border-neutral-700" | "group-hover:border-neutral-800" | "group-hover:border-neutral-900" | "group-hover:border-neutral-1000" | "group-hover:border-neutral-1100" | "group-hover:border-neutral-1200" | "group-hover:border-neutral-1300" | "group-hover:border-orange-100" | "group-hover:border-orange-200" | "group-hover:border-orange-300" | "group-hover:border-orange-400" | "group-hover:border-orange-500" | "group-hover:border-orange-600" | "group-hover:border-orange-700" | "group-hover:border-orange-800" | "group-hover:border-orange-900" | "group-hover:border-orange-1000" | "group-hover:border-orange-1100" | "group-hover:border-yellow-100" | "group-hover:border-yellow-200" | "group-hover:border-yellow-300" | "group-hover:border-yellow-400" | "group-hover:border-yellow-500" | "group-hover:border-yellow-600" | "group-hover:border-yellow-700" | "group-hover:border-yellow-800" | "group-hover:border-yellow-900" | "group-hover:border-green-100" | "group-hover:border-green-200" | "group-hover:border-green-300" | "group-hover:border-green-400" | "group-hover:border-green-500" | "group-hover:border-green-600" | "group-hover:border-green-700" | "group-hover:border-green-800" | "group-hover:border-green-900" | "group-hover:border-blue-100" | "group-hover:border-blue-200" | "group-hover:border-blue-300" | "group-hover:border-blue-400" | "group-hover:border-blue-500" | "group-hover:border-blue-600" | "group-hover:border-blue-700" | "group-hover:border-blue-800" | "group-hover:border-blue-900" | "group-hover:border-violet-100" | "group-hover:border-violet-200" | "group-hover:border-violet-300" | "group-hover:border-violet-400" | "group-hover:border-violet-500" | "group-hover:border-violet-600" | "group-hover:border-violet-700" | "group-hover:border-violet-800" | "group-hover:border-violet-900" | "group-hover:border-pink-100" | "group-hover:border-pink-200" | "group-hover:border-pink-300" | "group-hover:border-pink-400" | "group-hover:border-pink-500" | "group-hover:border-pink-600" | "group-hover:border-pink-700" | "group-hover:border-pink-800" | "group-hover:border-pink-900" | "group-hover:border-gui-blue-default-light" | "group-hover:border-gui-blue-hover-light" | "group-hover:border-gui-blue-active-light" | "group-hover:border-gui-blue-default-dark" | "group-hover:border-gui-blue-hover-dark" | "group-hover:border-gui-blue-active-dark" | "group-hover:border-gui-blue-focus" | "group-hover:border-gui-unavailable" | "group-hover:border-gui-success-green" | "group-hover:border-gui-error-red" | "group-hover:border-gui-focus" | "group-hover:border-gui-focus-outline" | "group-hover:border-gui-visited" | "group-hover:border-white" | "group-hover:border-extra-light-grey" | "group-hover:border-light-grey" | "group-hover:border-mid-grey" | "group-hover:border-dark-grey" | "group-hover:border-charcoal-grey" | "group-hover:border-cool-black" | "group-hover:border-active-orange" | "group-hover:border-bright-red" | "group-hover:border-red-orange" | "group-hover:border-electric-cyan" | "group-hover:border-zingy-green" | "group-hover:border-jazzy-pink" | "group-hover:border-gui-default" | "group-hover:border-gui-hover" | "group-hover:border-gui-active" | "group-hover:border-gui-error" | "group-hover:border-gui-success" | "group-hover:border-gui-default-dark" | "group-hover:border-gui-hover-dark" | "group-hover:border-gui-active-dark" | "group-hover:border-transparent" | "group-focus:bg-neutral-000" | "group-focus:bg-neutral-100" | "group-focus:bg-neutral-200" | "group-focus:bg-neutral-300" | "group-focus:bg-neutral-400" | "group-focus:bg-neutral-500" | "group-focus:bg-neutral-600" | "group-focus:bg-neutral-700" | "group-focus:bg-neutral-800" | "group-focus:bg-neutral-900" | "group-focus:bg-neutral-1000" | "group-focus:bg-neutral-1100" | "group-focus:bg-neutral-1200" | "group-focus:bg-neutral-1300" | "group-focus:bg-orange-100" | "group-focus:bg-orange-200" | "group-focus:bg-orange-300" | "group-focus:bg-orange-400" | "group-focus:bg-orange-500" | "group-focus:bg-orange-600" | "group-focus:bg-orange-700" | "group-focus:bg-orange-800" | "group-focus:bg-orange-900" | "group-focus:bg-orange-1000" | "group-focus:bg-orange-1100" | "group-focus:bg-yellow-100" | "group-focus:bg-yellow-200" | "group-focus:bg-yellow-300" | "group-focus:bg-yellow-400" | "group-focus:bg-yellow-500" | "group-focus:bg-yellow-600" | "group-focus:bg-yellow-700" | "group-focus:bg-yellow-800" | "group-focus:bg-yellow-900" | "group-focus:bg-green-100" | "group-focus:bg-green-200" | "group-focus:bg-green-300" | "group-focus:bg-green-400" | "group-focus:bg-green-500" | "group-focus:bg-green-600" | "group-focus:bg-green-700" | "group-focus:bg-green-800" | "group-focus:bg-green-900" | "group-focus:bg-blue-100" | "group-focus:bg-blue-200" | "group-focus:bg-blue-300" | "group-focus:bg-blue-400" | "group-focus:bg-blue-500" | "group-focus:bg-blue-600" | "group-focus:bg-blue-700" | "group-focus:bg-blue-800" | "group-focus:bg-blue-900" | "group-focus:bg-violet-100" | "group-focus:bg-violet-200" | "group-focus:bg-violet-300" | "group-focus:bg-violet-400" | "group-focus:bg-violet-500" | "group-focus:bg-violet-600" | "group-focus:bg-violet-700" | "group-focus:bg-violet-800" | "group-focus:bg-violet-900" | "group-focus:bg-pink-100" | "group-focus:bg-pink-200" | "group-focus:bg-pink-300" | "group-focus:bg-pink-400" | "group-focus:bg-pink-500" | "group-focus:bg-pink-600" | "group-focus:bg-pink-700" | "group-focus:bg-pink-800" | "group-focus:bg-pink-900" | "group-focus:bg-gui-blue-default-light" | "group-focus:bg-gui-blue-hover-light" | "group-focus:bg-gui-blue-active-light" | "group-focus:bg-gui-blue-default-dark" | "group-focus:bg-gui-blue-hover-dark" | "group-focus:bg-gui-blue-active-dark" | "group-focus:bg-gui-blue-focus" | "group-focus:bg-gui-unavailable" | "group-focus:bg-gui-success-green" | "group-focus:bg-gui-error-red" | "group-focus:bg-gui-focus" | "group-focus:bg-gui-focus-outline" | "group-focus:bg-gui-visited" | "group-focus:bg-white" | "group-focus:bg-extra-light-grey" | "group-focus:bg-light-grey" | "group-focus:bg-mid-grey" | "group-focus:bg-dark-grey" | "group-focus:bg-charcoal-grey" | "group-focus:bg-cool-black" | "group-focus:bg-active-orange" | "group-focus:bg-bright-red" | "group-focus:bg-red-orange" | "group-focus:bg-electric-cyan" | "group-focus:bg-zingy-green" | "group-focus:bg-jazzy-pink" | "group-focus:bg-gui-default" | "group-focus:bg-gui-hover" | "group-focus:bg-gui-active" | "group-focus:bg-gui-error" | "group-focus:bg-gui-success" | "group-focus:bg-gui-default-dark" | "group-focus:bg-gui-hover-dark" | "group-focus:bg-gui-active-dark" | "group-focus:bg-transparent" | "group-focus:text-neutral-000" | "group-focus:text-neutral-100" | "group-focus:text-neutral-200" | "group-focus:text-neutral-300" | "group-focus:text-neutral-400" | "group-focus:text-neutral-500" | "group-focus:text-neutral-600" | "group-focus:text-neutral-700" | "group-focus:text-neutral-800" | "group-focus:text-neutral-900" | "group-focus:text-neutral-1000" | "group-focus:text-neutral-1100" | "group-focus:text-neutral-1200" | "group-focus:text-neutral-1300" | "group-focus:text-orange-100" | "group-focus:text-orange-200" | "group-focus:text-orange-300" | "group-focus:text-orange-400" | "group-focus:text-orange-500" | "group-focus:text-orange-600" | "group-focus:text-orange-700" | "group-focus:text-orange-800" | "group-focus:text-orange-900" | "group-focus:text-orange-1000" | "group-focus:text-orange-1100" | "group-focus:text-yellow-100" | "group-focus:text-yellow-200" | "group-focus:text-yellow-300" | "group-focus:text-yellow-400" | "group-focus:text-yellow-500" | "group-focus:text-yellow-600" | "group-focus:text-yellow-700" | "group-focus:text-yellow-800" | "group-focus:text-yellow-900" | "group-focus:text-green-100" | "group-focus:text-green-200" | "group-focus:text-green-300" | "group-focus:text-green-400" | "group-focus:text-green-500" | "group-focus:text-green-600" | "group-focus:text-green-700" | "group-focus:text-green-800" | "group-focus:text-green-900" | "group-focus:text-blue-100" | "group-focus:text-blue-200" | "group-focus:text-blue-300" | "group-focus:text-blue-400" | "group-focus:text-blue-500" | "group-focus:text-blue-600" | "group-focus:text-blue-700" | "group-focus:text-blue-800" | "group-focus:text-blue-900" | "group-focus:text-violet-100" | "group-focus:text-violet-200" | "group-focus:text-violet-300" | "group-focus:text-violet-400" | "group-focus:text-violet-500" | "group-focus:text-violet-600" | "group-focus:text-violet-700" | "group-focus:text-violet-800" | "group-focus:text-violet-900" | "group-focus:text-pink-100" | "group-focus:text-pink-200" | "group-focus:text-pink-300" | "group-focus:text-pink-400" | "group-focus:text-pink-500" | "group-focus:text-pink-600" | "group-focus:text-pink-700" | "group-focus:text-pink-800" | "group-focus:text-pink-900" | "group-focus:text-gui-blue-default-light" | "group-focus:text-gui-blue-hover-light" | "group-focus:text-gui-blue-active-light" | "group-focus:text-gui-blue-default-dark" | "group-focus:text-gui-blue-hover-dark" | "group-focus:text-gui-blue-active-dark" | "group-focus:text-gui-blue-focus" | "group-focus:text-gui-unavailable" | "group-focus:text-gui-success-green" | "group-focus:text-gui-error-red" | "group-focus:text-gui-focus" | "group-focus:text-gui-focus-outline" | "group-focus:text-gui-visited" | "group-focus:text-white" | "group-focus:text-extra-light-grey" | "group-focus:text-light-grey" | "group-focus:text-mid-grey" | "group-focus:text-dark-grey" | "group-focus:text-charcoal-grey" | "group-focus:text-cool-black" | "group-focus:text-active-orange" | "group-focus:text-bright-red" | "group-focus:text-red-orange" | "group-focus:text-electric-cyan" | "group-focus:text-zingy-green" | "group-focus:text-jazzy-pink" | "group-focus:text-gui-default" | "group-focus:text-gui-hover" | "group-focus:text-gui-active" | "group-focus:text-gui-error" | "group-focus:text-gui-success" | "group-focus:text-gui-default-dark" | "group-focus:text-gui-hover-dark" | "group-focus:text-gui-active-dark" | "group-focus:text-transparent" | "group-focus:from-neutral-000" | "group-focus:from-neutral-100" | "group-focus:from-neutral-200" | "group-focus:from-neutral-300" | "group-focus:from-neutral-400" | "group-focus:from-neutral-500" | "group-focus:from-neutral-600" | "group-focus:from-neutral-700" | "group-focus:from-neutral-800" | "group-focus:from-neutral-900" | "group-focus:from-neutral-1000" | "group-focus:from-neutral-1100" | "group-focus:from-neutral-1200" | "group-focus:from-neutral-1300" | "group-focus:from-orange-100" | "group-focus:from-orange-200" | "group-focus:from-orange-300" | "group-focus:from-orange-400" | "group-focus:from-orange-500" | "group-focus:from-orange-600" | "group-focus:from-orange-700" | "group-focus:from-orange-800" | "group-focus:from-orange-900" | "group-focus:from-orange-1000" | "group-focus:from-orange-1100" | "group-focus:from-yellow-100" | "group-focus:from-yellow-200" | "group-focus:from-yellow-300" | "group-focus:from-yellow-400" | "group-focus:from-yellow-500" | "group-focus:from-yellow-600" | "group-focus:from-yellow-700" | "group-focus:from-yellow-800" | "group-focus:from-yellow-900" | "group-focus:from-green-100" | "group-focus:from-green-200" | "group-focus:from-green-300" | "group-focus:from-green-400" | "group-focus:from-green-500" | "group-focus:from-green-600" | "group-focus:from-green-700" | "group-focus:from-green-800" | "group-focus:from-green-900" | "group-focus:from-blue-100" | "group-focus:from-blue-200" | "group-focus:from-blue-300" | "group-focus:from-blue-400" | "group-focus:from-blue-500" | "group-focus:from-blue-600" | "group-focus:from-blue-700" | "group-focus:from-blue-800" | "group-focus:from-blue-900" | "group-focus:from-violet-100" | "group-focus:from-violet-200" | "group-focus:from-violet-300" | "group-focus:from-violet-400" | "group-focus:from-violet-500" | "group-focus:from-violet-600" | "group-focus:from-violet-700" | "group-focus:from-violet-800" | "group-focus:from-violet-900" | "group-focus:from-pink-100" | "group-focus:from-pink-200" | "group-focus:from-pink-300" | "group-focus:from-pink-400" | "group-focus:from-pink-500" | "group-focus:from-pink-600" | "group-focus:from-pink-700" | "group-focus:from-pink-800" | "group-focus:from-pink-900" | "group-focus:from-gui-blue-default-light" | "group-focus:from-gui-blue-hover-light" | "group-focus:from-gui-blue-active-light" | "group-focus:from-gui-blue-default-dark" | "group-focus:from-gui-blue-hover-dark" | "group-focus:from-gui-blue-active-dark" | "group-focus:from-gui-blue-focus" | "group-focus:from-gui-unavailable" | "group-focus:from-gui-success-green" | "group-focus:from-gui-error-red" | "group-focus:from-gui-focus" | "group-focus:from-gui-focus-outline" | "group-focus:from-gui-visited" | "group-focus:from-white" | "group-focus:from-extra-light-grey" | "group-focus:from-light-grey" | "group-focus:from-mid-grey" | "group-focus:from-dark-grey" | "group-focus:from-charcoal-grey" | "group-focus:from-cool-black" | "group-focus:from-active-orange" | "group-focus:from-bright-red" | "group-focus:from-red-orange" | "group-focus:from-electric-cyan" | "group-focus:from-zingy-green" | "group-focus:from-jazzy-pink" | "group-focus:from-gui-default" | "group-focus:from-gui-hover" | "group-focus:from-gui-active" | "group-focus:from-gui-error" | "group-focus:from-gui-success" | "group-focus:from-gui-default-dark" | "group-focus:from-gui-hover-dark" | "group-focus:from-gui-active-dark" | "group-focus:from-transparent" | "group-focus:to-neutral-000" | "group-focus:to-neutral-100" | "group-focus:to-neutral-200" | "group-focus:to-neutral-300" | "group-focus:to-neutral-400" | "group-focus:to-neutral-500" | "group-focus:to-neutral-600" | "group-focus:to-neutral-700" | "group-focus:to-neutral-800" | "group-focus:to-neutral-900" | "group-focus:to-neutral-1000" | "group-focus:to-neutral-1100" | "group-focus:to-neutral-1200" | "group-focus:to-neutral-1300" | "group-focus:to-orange-100" | "group-focus:to-orange-200" | "group-focus:to-orange-300" | "group-focus:to-orange-400" | "group-focus:to-orange-500" | "group-focus:to-orange-600" | "group-focus:to-orange-700" | "group-focus:to-orange-800" | "group-focus:to-orange-900" | "group-focus:to-orange-1000" | "group-focus:to-orange-1100" | "group-focus:to-yellow-100" | "group-focus:to-yellow-200" | "group-focus:to-yellow-300" | "group-focus:to-yellow-400" | "group-focus:to-yellow-500" | "group-focus:to-yellow-600" | "group-focus:to-yellow-700" | "group-focus:to-yellow-800" | "group-focus:to-yellow-900" | "group-focus:to-green-100" | "group-focus:to-green-200" | "group-focus:to-green-300" | "group-focus:to-green-400" | "group-focus:to-green-500" | "group-focus:to-green-600" | "group-focus:to-green-700" | "group-focus:to-green-800" | "group-focus:to-green-900" | "group-focus:to-blue-100" | "group-focus:to-blue-200" | "group-focus:to-blue-300" | "group-focus:to-blue-400" | "group-focus:to-blue-500" | "group-focus:to-blue-600" | "group-focus:to-blue-700" | "group-focus:to-blue-800" | "group-focus:to-blue-900" | "group-focus:to-violet-100" | "group-focus:to-violet-200" | "group-focus:to-violet-300" | "group-focus:to-violet-400" | "group-focus:to-violet-500" | "group-focus:to-violet-600" | "group-focus:to-violet-700" | "group-focus:to-violet-800" | "group-focus:to-violet-900" | "group-focus:to-pink-100" | "group-focus:to-pink-200" | "group-focus:to-pink-300" | "group-focus:to-pink-400" | "group-focus:to-pink-500" | "group-focus:to-pink-600" | "group-focus:to-pink-700" | "group-focus:to-pink-800" | "group-focus:to-pink-900" | "group-focus:to-gui-blue-default-light" | "group-focus:to-gui-blue-hover-light" | "group-focus:to-gui-blue-active-light" | "group-focus:to-gui-blue-default-dark" | "group-focus:to-gui-blue-hover-dark" | "group-focus:to-gui-blue-active-dark" | "group-focus:to-gui-blue-focus" | "group-focus:to-gui-unavailable" | "group-focus:to-gui-success-green" | "group-focus:to-gui-error-red" | "group-focus:to-gui-focus" | "group-focus:to-gui-focus-outline" | "group-focus:to-gui-visited" | "group-focus:to-white" | "group-focus:to-extra-light-grey" | "group-focus:to-light-grey" | "group-focus:to-mid-grey" | "group-focus:to-dark-grey" | "group-focus:to-charcoal-grey" | "group-focus:to-cool-black" | "group-focus:to-active-orange" | "group-focus:to-bright-red" | "group-focus:to-red-orange" | "group-focus:to-electric-cyan" | "group-focus:to-zingy-green" | "group-focus:to-jazzy-pink" | "group-focus:to-gui-default" | "group-focus:to-gui-hover" | "group-focus:to-gui-active" | "group-focus:to-gui-error" | "group-focus:to-gui-success" | "group-focus:to-gui-default-dark" | "group-focus:to-gui-hover-dark" | "group-focus:to-gui-active-dark" | "group-focus:to-transparent" | "group-focus:border-neutral-000" | "group-focus:border-neutral-100" | "group-focus:border-neutral-200" | "group-focus:border-neutral-300" | "group-focus:border-neutral-400" | "group-focus:border-neutral-500" | "group-focus:border-neutral-600" | "group-focus:border-neutral-700" | "group-focus:border-neutral-800" | "group-focus:border-neutral-900" | "group-focus:border-neutral-1000" | "group-focus:border-neutral-1100" | "group-focus:border-neutral-1200" | "group-focus:border-neutral-1300" | "group-focus:border-orange-100" | "group-focus:border-orange-200" | "group-focus:border-orange-300" | "group-focus:border-orange-400" | "group-focus:border-orange-500" | "group-focus:border-orange-600" | "group-focus:border-orange-700" | "group-focus:border-orange-800" | "group-focus:border-orange-900" | "group-focus:border-orange-1000" | "group-focus:border-orange-1100" | "group-focus:border-yellow-100" | "group-focus:border-yellow-200" | "group-focus:border-yellow-300" | "group-focus:border-yellow-400" | "group-focus:border-yellow-500" | "group-focus:border-yellow-600" | "group-focus:border-yellow-700" | "group-focus:border-yellow-800" | "group-focus:border-yellow-900" | "group-focus:border-green-100" | "group-focus:border-green-200" | "group-focus:border-green-300" | "group-focus:border-green-400" | "group-focus:border-green-500" | "group-focus:border-green-600" | "group-focus:border-green-700" | "group-focus:border-green-800" | "group-focus:border-green-900" | "group-focus:border-blue-100" | "group-focus:border-blue-200" | "group-focus:border-blue-300" | "group-focus:border-blue-400" | "group-focus:border-blue-500" | "group-focus:border-blue-600" | "group-focus:border-blue-700" | "group-focus:border-blue-800" | "group-focus:border-blue-900" | "group-focus:border-violet-100" | "group-focus:border-violet-200" | "group-focus:border-violet-300" | "group-focus:border-violet-400" | "group-focus:border-violet-500" | "group-focus:border-violet-600" | "group-focus:border-violet-700" | "group-focus:border-violet-800" | "group-focus:border-violet-900" | "group-focus:border-pink-100" | "group-focus:border-pink-200" | "group-focus:border-pink-300" | "group-focus:border-pink-400" | "group-focus:border-pink-500" | "group-focus:border-pink-600" | "group-focus:border-pink-700" | "group-focus:border-pink-800" | "group-focus:border-pink-900" | "group-focus:border-gui-blue-default-light" | "group-focus:border-gui-blue-hover-light" | "group-focus:border-gui-blue-active-light" | "group-focus:border-gui-blue-default-dark" | "group-focus:border-gui-blue-hover-dark" | "group-focus:border-gui-blue-active-dark" | "group-focus:border-gui-blue-focus" | "group-focus:border-gui-unavailable" | "group-focus:border-gui-success-green" | "group-focus:border-gui-error-red" | "group-focus:border-gui-focus" | "group-focus:border-gui-focus-outline" | "group-focus:border-gui-visited" | "group-focus:border-white" | "group-focus:border-extra-light-grey" | "group-focus:border-light-grey" | "group-focus:border-mid-grey" | "group-focus:border-dark-grey" | "group-focus:border-charcoal-grey" | "group-focus:border-cool-black" | "group-focus:border-active-orange" | "group-focus:border-bright-red" | "group-focus:border-red-orange" | "group-focus:border-electric-cyan" | "group-focus:border-zingy-green" | "group-focus:border-jazzy-pink" | "group-focus:border-gui-default" | "group-focus:border-gui-hover" | "group-focus:border-gui-active" | "group-focus:border-gui-error" | "group-focus:border-gui-success" | "group-focus:border-gui-default-dark" | "group-focus:border-gui-hover-dark" | "group-focus:border-gui-active-dark" | "group-focus:border-transparent";
 //# sourceMappingURL=secondary-colors.d.ts.map
 }
 
@@ -860,11 +863,13 @@ export default _default;
 
 declare module '@ably/ui/core/Tooltip' {
 import { ButtonHTMLAttributes, HTMLAttributes, PropsWithChildren } from "react";
+import { Theme } from "@ably/ui/core/styles/colors/types";
 type TooltipProps = {
     triggerProps?: ButtonHTMLAttributes<HTMLButtonElement>;
     tooltipProps?: HTMLAttributes<HTMLDivElement>;
+    theme?: Theme;
 } & HTMLAttributes<HTMLDivElement>;
-const Tooltip: ({ children, triggerProps, tooltipProps, ...rest }: PropsWithChildren<TooltipProps>) => import("react/jsx-runtime").JSX.Element;
+const Tooltip: ({ children, triggerProps, tooltipProps, theme, ...rest }: PropsWithChildren<TooltipProps>) => import("react/jsx-runtime").JSX.Element;
 export default Tooltip;
 //# sourceMappingURL=Tooltip.d.ts.map
 }
@@ -927,7 +932,7 @@ export function selectSessionData(store: any): any;
 declare module '@ably/ui/core/styles/colors/types' {
 export type ColorName = (typeof neutralColors)[number] | (typeof orangeColors)[number] | (typeof secondaryColors)[number] | (typeof guiColors)[number] | (typeof aliasedColors)[number];
 type ColorClassVariants = "" | "hover:" | "focus:" | "group-hover:" | "group-focus:";
-type ColorClassPrefixes = "bg" | "text" | "from" | "to";
+type ColorClassPrefixes = "bg" | "text" | "from" | "to" | "border";
 export type Theme = "light" | "dark";
 export type ColorClass = `${ColorClassVariants}${ColorClassPrefixes}-${ColorName}`;
 const neutralColors: readonly ["neutral-000", "neutral-100", "neutral-200", "neutral-300", "neutral-400", "neutral-500", "neutral-600", "neutral-700", "neutral-800", "neutral-900", "neutral-1000", "neutral-1100", "neutral-1200", "neutral-1300"];
@@ -948,7 +953,7 @@ export {};
 declare module '@ably/ui/core/styles/colors/utils' {
 import { ColorClass, Theme } from "@ably/ui/core/types";
 export const convertTailwindClassToVar: (className: string) => string;
-export const determineThemeColor: (baseTheme: Theme, currentTheme: Theme, color: ColorClass) => "bg-neutral-000" | "bg-neutral-100" | "bg-neutral-200" | "bg-neutral-300" | "bg-neutral-400" | "bg-neutral-500" | "bg-neutral-600" | "bg-neutral-700" | "bg-neutral-800" | "bg-neutral-900" | "bg-neutral-1000" | "bg-neutral-1100" | "bg-neutral-1200" | "bg-neutral-1300" | "bg-orange-100" | "bg-orange-200" | "bg-orange-300" | "bg-orange-400" | "bg-orange-500" | "bg-orange-600" | "bg-orange-700" | "bg-orange-800" | "bg-orange-900" | "bg-orange-1000" | "bg-orange-1100" | "bg-yellow-100" | "bg-yellow-200" | "bg-yellow-300" | "bg-yellow-400" | "bg-yellow-500" | "bg-yellow-600" | "bg-yellow-700" | "bg-yellow-800" | "bg-yellow-900" | "bg-green-100" | "bg-green-200" | "bg-green-300" | "bg-green-400" | "bg-green-500" | "bg-green-600" | "bg-green-700" | "bg-green-800" | "bg-green-900" | "bg-blue-100" | "bg-blue-200" | "bg-blue-300" | "bg-blue-400" | "bg-blue-500" | "bg-blue-600" | "bg-blue-700" | "bg-blue-800" | "bg-blue-900" | "bg-violet-100" | "bg-violet-200" | "bg-violet-300" | "bg-violet-400" | "bg-violet-500" | "bg-violet-600" | "bg-violet-700" | "bg-violet-800" | "bg-violet-900" | "bg-pink-100" | "bg-pink-200" | "bg-pink-300" | "bg-pink-400" | "bg-pink-500" | "bg-pink-600" | "bg-pink-700" | "bg-pink-800" | "bg-pink-900" | "bg-gui-blue-default-light" | "bg-gui-blue-hover-light" | "bg-gui-blue-active-light" | "bg-gui-blue-default-dark" | "bg-gui-blue-hover-dark" | "bg-gui-blue-active-dark" | "bg-gui-blue-focus" | "bg-gui-unavailable" | "bg-gui-success-green" | "bg-gui-error-red" | "bg-gui-focus" | "bg-gui-focus-outline" | "bg-gui-visited" | "bg-white" | "bg-extra-light-grey" | "bg-light-grey" | "bg-mid-grey" | "bg-dark-grey" | "bg-charcoal-grey" | "bg-cool-black" | "bg-active-orange" | "bg-bright-red" | "bg-red-orange" | "bg-electric-cyan" | "bg-zingy-green" | "bg-jazzy-pink" | "bg-gui-default" | "bg-gui-hover" | "bg-gui-active" | "bg-gui-error" | "bg-gui-success" | "bg-gui-default-dark" | "bg-gui-hover-dark" | "bg-gui-active-dark" | "bg-transparent" | "text-neutral-000" | "text-neutral-100" | "text-neutral-200" | "text-neutral-300" | "text-neutral-400" | "text-neutral-500" | "text-neutral-600" | "text-neutral-700" | "text-neutral-800" | "text-neutral-900" | "text-neutral-1000" | "text-neutral-1100" | "text-neutral-1200" | "text-neutral-1300" | "text-orange-100" | "text-orange-200" | "text-orange-300" | "text-orange-400" | "text-orange-500" | "text-orange-600" | "text-orange-700" | "text-orange-800" | "text-orange-900" | "text-orange-1000" | "text-orange-1100" | "text-yellow-100" | "text-yellow-200" | "text-yellow-300" | "text-yellow-400" | "text-yellow-500" | "text-yellow-600" | "text-yellow-700" | "text-yellow-800" | "text-yellow-900" | "text-green-100" | "text-green-200" | "text-green-300" | "text-green-400" | "text-green-500" | "text-green-600" | "text-green-700" | "text-green-800" | "text-green-900" | "text-blue-100" | "text-blue-200" | "text-blue-300" | "text-blue-400" | "text-blue-500" | "text-blue-600" | "text-blue-700" | "text-blue-800" | "text-blue-900" | "text-violet-100" | "text-violet-200" | "text-violet-300" | "text-violet-400" | "text-violet-500" | "text-violet-600" | "text-violet-700" | "text-violet-800" | "text-violet-900" | "text-pink-100" | "text-pink-200" | "text-pink-300" | "text-pink-400" | "text-pink-500" | "text-pink-600" | "text-pink-700" | "text-pink-800" | "text-pink-900" | "text-gui-blue-default-light" | "text-gui-blue-hover-light" | "text-gui-blue-active-light" | "text-gui-blue-default-dark" | "text-gui-blue-hover-dark" | "text-gui-blue-active-dark" | "text-gui-blue-focus" | "text-gui-unavailable" | "text-gui-success-green" | "text-gui-error-red" | "text-gui-focus" | "text-gui-focus-outline" | "text-gui-visited" | "text-white" | "text-extra-light-grey" | "text-light-grey" | "text-mid-grey" | "text-dark-grey" | "text-charcoal-grey" | "text-cool-black" | "text-active-orange" | "text-bright-red" | "text-red-orange" | "text-electric-cyan" | "text-zingy-green" | "text-jazzy-pink" | "text-gui-default" | "text-gui-hover" | "text-gui-active" | "text-gui-error" | "text-gui-success" | "text-gui-default-dark" | "text-gui-hover-dark" | "text-gui-active-dark" | "text-transparent" | "from-neutral-000" | "from-neutral-100" | "from-neutral-200" | "from-neutral-300" | "from-neutral-400" | "from-neutral-500" | "from-neutral-600" | "from-neutral-700" | "from-neutral-800" | "from-neutral-900" | "from-neutral-1000" | "from-neutral-1100" | "from-neutral-1200" | "from-neutral-1300" | "from-orange-100" | "from-orange-200" | "from-orange-300" | "from-orange-400" | "from-orange-500" | "from-orange-600" | "from-orange-700" | "from-orange-800" | "from-orange-900" | "from-orange-1000" | "from-orange-1100" | "from-yellow-100" | "from-yellow-200" | "from-yellow-300" | "from-yellow-400" | "from-yellow-500" | "from-yellow-600" | "from-yellow-700" | "from-yellow-800" | "from-yellow-900" | "from-green-100" | "from-green-200" | "from-green-300" | "from-green-400" | "from-green-500" | "from-green-600" | "from-green-700" | "from-green-800" | "from-green-900" | "from-blue-100" | "from-blue-200" | "from-blue-300" | "from-blue-400" | "from-blue-500" | "from-blue-600" | "from-blue-700" | "from-blue-800" | "from-blue-900" | "from-violet-100" | "from-violet-200" | "from-violet-300" | "from-violet-400" | "from-violet-500" | "from-violet-600" | "from-violet-700" | "from-violet-800" | "from-violet-900" | "from-pink-100" | "from-pink-200" | "from-pink-300" | "from-pink-400" | "from-pink-500" | "from-pink-600" | "from-pink-700" | "from-pink-800" | "from-pink-900" | "from-gui-blue-default-light" | "from-gui-blue-hover-light" | "from-gui-blue-active-light" | "from-gui-blue-default-dark" | "from-gui-blue-hover-dark" | "from-gui-blue-active-dark" | "from-gui-blue-focus" | "from-gui-unavailable" | "from-gui-success-green" | "from-gui-error-red" | "from-gui-focus" | "from-gui-focus-outline" | "from-gui-visited" | "from-white" | "from-extra-light-grey" | "from-light-grey" | "from-mid-grey" | "from-dark-grey" | "from-charcoal-grey" | "from-cool-black" | "from-active-orange" | "from-bright-red" | "from-red-orange" | "from-electric-cyan" | "from-zingy-green" | "from-jazzy-pink" | "from-gui-default" | "from-gui-hover" | "from-gui-active" | "from-gui-error" | "from-gui-success" | "from-gui-default-dark" | "from-gui-hover-dark" | "from-gui-active-dark" | "from-transparent" | "to-neutral-000" | "to-neutral-100" | "to-neutral-200" | "to-neutral-300" | "to-neutral-400" | "to-neutral-500" | "to-neutral-600" | "to-neutral-700" | "to-neutral-800" | "to-neutral-900" | "to-neutral-1000" | "to-neutral-1100" | "to-neutral-1200" | "to-neutral-1300" | "to-orange-100" | "to-orange-200" | "to-orange-300" | "to-orange-400" | "to-orange-500" | "to-orange-600" | "to-orange-700" | "to-orange-800" | "to-orange-900" | "to-orange-1000" | "to-orange-1100" | "to-yellow-100" | "to-yellow-200" | "to-yellow-300" | "to-yellow-400" | "to-yellow-500" | "to-yellow-600" | "to-yellow-700" | "to-yellow-800" | "to-yellow-900" | "to-green-100" | "to-green-200" | "to-green-300" | "to-green-400" | "to-green-500" | "to-green-600" | "to-green-700" | "to-green-800" | "to-green-900" | "to-blue-100" | "to-blue-200" | "to-blue-300" | "to-blue-400" | "to-blue-500" | "to-blue-600" | "to-blue-700" | "to-blue-800" | "to-blue-900" | "to-violet-100" | "to-violet-200" | "to-violet-300" | "to-violet-400" | "to-violet-500" | "to-violet-600" | "to-violet-700" | "to-violet-800" | "to-violet-900" | "to-pink-100" | "to-pink-200" | "to-pink-300" | "to-pink-400" | "to-pink-500" | "to-pink-600" | "to-pink-700" | "to-pink-800" | "to-pink-900" | "to-gui-blue-default-light" | "to-gui-blue-hover-light" | "to-gui-blue-active-light" | "to-gui-blue-default-dark" | "to-gui-blue-hover-dark" | "to-gui-blue-active-dark" | "to-gui-blue-focus" | "to-gui-unavailable" | "to-gui-success-green" | "to-gui-error-red" | "to-gui-focus" | "to-gui-focus-outline" | "to-gui-visited" | "to-white" | "to-extra-light-grey" | "to-light-grey" | "to-mid-grey" | "to-dark-grey" | "to-charcoal-grey" | "to-cool-black" | "to-active-orange" | "to-bright-red" | "to-red-orange" | "to-electric-cyan" | "to-zingy-green" | "to-jazzy-pink" | "to-gui-default" | "to-gui-hover" | "to-gui-active" | "to-gui-error" | "to-gui-success" | "to-gui-default-dark" | "to-gui-hover-dark" | "to-gui-active-dark" | "to-transparent" | "hover:bg-neutral-000" | "hover:bg-neutral-100" | "hover:bg-neutral-200" | "hover:bg-neutral-300" | "hover:bg-neutral-400" | "hover:bg-neutral-500" | "hover:bg-neutral-600" | "hover:bg-neutral-700" | "hover:bg-neutral-800" | "hover:bg-neutral-900" | "hover:bg-neutral-1000" | "hover:bg-neutral-1100" | "hover:bg-neutral-1200" | "hover:bg-neutral-1300" | "hover:bg-orange-100" | "hover:bg-orange-200" | "hover:bg-orange-300" | "hover:bg-orange-400" | "hover:bg-orange-500" | "hover:bg-orange-600" | "hover:bg-orange-700" | "hover:bg-orange-800" | "hover:bg-orange-900" | "hover:bg-orange-1000" | "hover:bg-orange-1100" | "hover:bg-yellow-100" | "hover:bg-yellow-200" | "hover:bg-yellow-300" | "hover:bg-yellow-400" | "hover:bg-yellow-500" | "hover:bg-yellow-600" | "hover:bg-yellow-700" | "hover:bg-yellow-800" | "hover:bg-yellow-900" | "hover:bg-green-100" | "hover:bg-green-200" | "hover:bg-green-300" | "hover:bg-green-400" | "hover:bg-green-500" | "hover:bg-green-600" | "hover:bg-green-700" | "hover:bg-green-800" | "hover:bg-green-900" | "hover:bg-blue-100" | "hover:bg-blue-200" | "hover:bg-blue-300" | "hover:bg-blue-400" | "hover:bg-blue-500" | "hover:bg-blue-600" | "hover:bg-blue-700" | "hover:bg-blue-800" | "hover:bg-blue-900" | "hover:bg-violet-100" | "hover:bg-violet-200" | "hover:bg-violet-300" | "hover:bg-violet-400" | "hover:bg-violet-500" | "hover:bg-violet-600" | "hover:bg-violet-700" | "hover:bg-violet-800" | "hover:bg-violet-900" | "hover:bg-pink-100" | "hover:bg-pink-200" | "hover:bg-pink-300" | "hover:bg-pink-400" | "hover:bg-pink-500" | "hover:bg-pink-600" | "hover:bg-pink-700" | "hover:bg-pink-800" | "hover:bg-pink-900" | "hover:bg-gui-blue-default-light" | "hover:bg-gui-blue-hover-light" | "hover:bg-gui-blue-active-light" | "hover:bg-gui-blue-default-dark" | "hover:bg-gui-blue-hover-dark" | "hover:bg-gui-blue-active-dark" | "hover:bg-gui-blue-focus" | "hover:bg-gui-unavailable" | "hover:bg-gui-success-green" | "hover:bg-gui-error-red" | "hover:bg-gui-focus" | "hover:bg-gui-focus-outline" | "hover:bg-gui-visited" | "hover:bg-white" | "hover:bg-extra-light-grey" | "hover:bg-light-grey" | "hover:bg-mid-grey" | "hover:bg-dark-grey" | "hover:bg-charcoal-grey" | "hover:bg-cool-black" | "hover:bg-active-orange" | "hover:bg-bright-red" | "hover:bg-red-orange" | "hover:bg-electric-cyan" | "hover:bg-zingy-green" | "hover:bg-jazzy-pink" | "hover:bg-gui-default" | "hover:bg-gui-hover" | "hover:bg-gui-active" | "hover:bg-gui-error" | "hover:bg-gui-success" | "hover:bg-gui-default-dark" | "hover:bg-gui-hover-dark" | "hover:bg-gui-active-dark" | "hover:bg-transparent" | "hover:text-neutral-000" | "hover:text-neutral-100" | "hover:text-neutral-200" | "hover:text-neutral-300" | "hover:text-neutral-400" | "hover:text-neutral-500" | "hover:text-neutral-600" | "hover:text-neutral-700" | "hover:text-neutral-800" | "hover:text-neutral-900" | "hover:text-neutral-1000" | "hover:text-neutral-1100" | "hover:text-neutral-1200" | "hover:text-neutral-1300" | "hover:text-orange-100" | "hover:text-orange-200" | "hover:text-orange-300" | "hover:text-orange-400" | "hover:text-orange-500" | "hover:text-orange-600" | "hover:text-orange-700" | "hover:text-orange-800" | "hover:text-orange-900" | "hover:text-orange-1000" | "hover:text-orange-1100" | "hover:text-yellow-100" | "hover:text-yellow-200" | "hover:text-yellow-300" | "hover:text-yellow-400" | "hover:text-yellow-500" | "hover:text-yellow-600" | "hover:text-yellow-700" | "hover:text-yellow-800" | "hover:text-yellow-900" | "hover:text-green-100" | "hover:text-green-200" | "hover:text-green-300" | "hover:text-green-400" | "hover:text-green-500" | "hover:text-green-600" | "hover:text-green-700" | "hover:text-green-800" | "hover:text-green-900" | "hover:text-blue-100" | "hover:text-blue-200" | "hover:text-blue-300" | "hover:text-blue-400" | "hover:text-blue-500" | "hover:text-blue-600" | "hover:text-blue-700" | "hover:text-blue-800" | "hover:text-blue-900" | "hover:text-violet-100" | "hover:text-violet-200" | "hover:text-violet-300" | "hover:text-violet-400" | "hover:text-violet-500" | "hover:text-violet-600" | "hover:text-violet-700" | "hover:text-violet-800" | "hover:text-violet-900" | "hover:text-pink-100" | "hover:text-pink-200" | "hover:text-pink-300" | "hover:text-pink-400" | "hover:text-pink-500" | "hover:text-pink-600" | "hover:text-pink-700" | "hover:text-pink-800" | "hover:text-pink-900" | "hover:text-gui-blue-default-light" | "hover:text-gui-blue-hover-light" | "hover:text-gui-blue-active-light" | "hover:text-gui-blue-default-dark" | "hover:text-gui-blue-hover-dark" | "hover:text-gui-blue-active-dark" | "hover:text-gui-blue-focus" | "hover:text-gui-unavailable" | "hover:text-gui-success-green" | "hover:text-gui-error-red" | "hover:text-gui-focus" | "hover:text-gui-focus-outline" | "hover:text-gui-visited" | "hover:text-white" | "hover:text-extra-light-grey" | "hover:text-light-grey" | "hover:text-mid-grey" | "hover:text-dark-grey" | "hover:text-charcoal-grey" | "hover:text-cool-black" | "hover:text-active-orange" | "hover:text-bright-red" | "hover:text-red-orange" | "hover:text-electric-cyan" | "hover:text-zingy-green" | "hover:text-jazzy-pink" | "hover:text-gui-default" | "hover:text-gui-hover" | "hover:text-gui-active" | "hover:text-gui-error" | "hover:text-gui-success" | "hover:text-gui-default-dark" | "hover:text-gui-hover-dark" | "hover:text-gui-active-dark" | "hover:text-transparent" | "hover:from-neutral-000" | "hover:from-neutral-100" | "hover:from-neutral-200" | "hover:from-neutral-300" | "hover:from-neutral-400" | "hover:from-neutral-500" | "hover:from-neutral-600" | "hover:from-neutral-700" | "hover:from-neutral-800" | "hover:from-neutral-900" | "hover:from-neutral-1000" | "hover:from-neutral-1100" | "hover:from-neutral-1200" | "hover:from-neutral-1300" | "hover:from-orange-100" | "hover:from-orange-200" | "hover:from-orange-300" | "hover:from-orange-400" | "hover:from-orange-500" | "hover:from-orange-600" | "hover:from-orange-700" | "hover:from-orange-800" | "hover:from-orange-900" | "hover:from-orange-1000" | "hover:from-orange-1100" | "hover:from-yellow-100" | "hover:from-yellow-200" | "hover:from-yellow-300" | "hover:from-yellow-400" | "hover:from-yellow-500" | "hover:from-yellow-600" | "hover:from-yellow-700" | "hover:from-yellow-800" | "hover:from-yellow-900" | "hover:from-green-100" | "hover:from-green-200" | "hover:from-green-300" | "hover:from-green-400" | "hover:from-green-500" | "hover:from-green-600" | "hover:from-green-700" | "hover:from-green-800" | "hover:from-green-900" | "hover:from-blue-100" | "hover:from-blue-200" | "hover:from-blue-300" | "hover:from-blue-400" | "hover:from-blue-500" | "hover:from-blue-600" | "hover:from-blue-700" | "hover:from-blue-800" | "hover:from-blue-900" | "hover:from-violet-100" | "hover:from-violet-200" | "hover:from-violet-300" | "hover:from-violet-400" | "hover:from-violet-500" | "hover:from-violet-600" | "hover:from-violet-700" | "hover:from-violet-800" | "hover:from-violet-900" | "hover:from-pink-100" | "hover:from-pink-200" | "hover:from-pink-300" | "hover:from-pink-400" | "hover:from-pink-500" | "hover:from-pink-600" | "hover:from-pink-700" | "hover:from-pink-800" | "hover:from-pink-900" | "hover:from-gui-blue-default-light" | "hover:from-gui-blue-hover-light" | "hover:from-gui-blue-active-light" | "hover:from-gui-blue-default-dark" | "hover:from-gui-blue-hover-dark" | "hover:from-gui-blue-active-dark" | "hover:from-gui-blue-focus" | "hover:from-gui-unavailable" | "hover:from-gui-success-green" | "hover:from-gui-error-red" | "hover:from-gui-focus" | "hover:from-gui-focus-outline" | "hover:from-gui-visited" | "hover:from-white" | "hover:from-extra-light-grey" | "hover:from-light-grey" | "hover:from-mid-grey" | "hover:from-dark-grey" | "hover:from-charcoal-grey" | "hover:from-cool-black" | "hover:from-active-orange" | "hover:from-bright-red" | "hover:from-red-orange" | "hover:from-electric-cyan" | "hover:from-zingy-green" | "hover:from-jazzy-pink" | "hover:from-gui-default" | "hover:from-gui-hover" | "hover:from-gui-active" | "hover:from-gui-error" | "hover:from-gui-success" | "hover:from-gui-default-dark" | "hover:from-gui-hover-dark" | "hover:from-gui-active-dark" | "hover:from-transparent" | "hover:to-neutral-000" | "hover:to-neutral-100" | "hover:to-neutral-200" | "hover:to-neutral-300" | "hover:to-neutral-400" | "hover:to-neutral-500" | "hover:to-neutral-600" | "hover:to-neutral-700" | "hover:to-neutral-800" | "hover:to-neutral-900" | "hover:to-neutral-1000" | "hover:to-neutral-1100" | "hover:to-neutral-1200" | "hover:to-neutral-1300" | "hover:to-orange-100" | "hover:to-orange-200" | "hover:to-orange-300" | "hover:to-orange-400" | "hover:to-orange-500" | "hover:to-orange-600" | "hover:to-orange-700" | "hover:to-orange-800" | "hover:to-orange-900" | "hover:to-orange-1000" | "hover:to-orange-1100" | "hover:to-yellow-100" | "hover:to-yellow-200" | "hover:to-yellow-300" | "hover:to-yellow-400" | "hover:to-yellow-500" | "hover:to-yellow-600" | "hover:to-yellow-700" | "hover:to-yellow-800" | "hover:to-yellow-900" | "hover:to-green-100" | "hover:to-green-200" | "hover:to-green-300" | "hover:to-green-400" | "hover:to-green-500" | "hover:to-green-600" | "hover:to-green-700" | "hover:to-green-800" | "hover:to-green-900" | "hover:to-blue-100" | "hover:to-blue-200" | "hover:to-blue-300" | "hover:to-blue-400" | "hover:to-blue-500" | "hover:to-blue-600" | "hover:to-blue-700" | "hover:to-blue-800" | "hover:to-blue-900" | "hover:to-violet-100" | "hover:to-violet-200" | "hover:to-violet-300" | "hover:to-violet-400" | "hover:to-violet-500" | "hover:to-violet-600" | "hover:to-violet-700" | "hover:to-violet-800" | "hover:to-violet-900" | "hover:to-pink-100" | "hover:to-pink-200" | "hover:to-pink-300" | "hover:to-pink-400" | "hover:to-pink-500" | "hover:to-pink-600" | "hover:to-pink-700" | "hover:to-pink-800" | "hover:to-pink-900" | "hover:to-gui-blue-default-light" | "hover:to-gui-blue-hover-light" | "hover:to-gui-blue-active-light" | "hover:to-gui-blue-default-dark" | "hover:to-gui-blue-hover-dark" | "hover:to-gui-blue-active-dark" | "hover:to-gui-blue-focus" | "hover:to-gui-unavailable" | "hover:to-gui-success-green" | "hover:to-gui-error-red" | "hover:to-gui-focus" | "hover:to-gui-focus-outline" | "hover:to-gui-visited" | "hover:to-white" | "hover:to-extra-light-grey" | "hover:to-light-grey" | "hover:to-mid-grey" | "hover:to-dark-grey" | "hover:to-charcoal-grey" | "hover:to-cool-black" | "hover:to-active-orange" | "hover:to-bright-red" | "hover:to-red-orange" | "hover:to-electric-cyan" | "hover:to-zingy-green" | "hover:to-jazzy-pink" | "hover:to-gui-default" | "hover:to-gui-hover" | "hover:to-gui-active" | "hover:to-gui-error" | "hover:to-gui-success" | "hover:to-gui-default-dark" | "hover:to-gui-hover-dark" | "hover:to-gui-active-dark" | "hover:to-transparent" | "focus:bg-neutral-000" | "focus:bg-neutral-100" | "focus:bg-neutral-200" | "focus:bg-neutral-300" | "focus:bg-neutral-400" | "focus:bg-neutral-500" | "focus:bg-neutral-600" | "focus:bg-neutral-700" | "focus:bg-neutral-800" | "focus:bg-neutral-900" | "focus:bg-neutral-1000" | "focus:bg-neutral-1100" | "focus:bg-neutral-1200" | "focus:bg-neutral-1300" | "focus:bg-orange-100" | "focus:bg-orange-200" | "focus:bg-orange-300" | "focus:bg-orange-400" | "focus:bg-orange-500" | "focus:bg-orange-600" | "focus:bg-orange-700" | "focus:bg-orange-800" | "focus:bg-orange-900" | "focus:bg-orange-1000" | "focus:bg-orange-1100" | "focus:bg-yellow-100" | "focus:bg-yellow-200" | "focus:bg-yellow-300" | "focus:bg-yellow-400" | "focus:bg-yellow-500" | "focus:bg-yellow-600" | "focus:bg-yellow-700" | "focus:bg-yellow-800" | "focus:bg-yellow-900" | "focus:bg-green-100" | "focus:bg-green-200" | "focus:bg-green-300" | "focus:bg-green-400" | "focus:bg-green-500" | "focus:bg-green-600" | "focus:bg-green-700" | "focus:bg-green-800" | "focus:bg-green-900" | "focus:bg-blue-100" | "focus:bg-blue-200" | "focus:bg-blue-300" | "focus:bg-blue-400" | "focus:bg-blue-500" | "focus:bg-blue-600" | "focus:bg-blue-700" | "focus:bg-blue-800" | "focus:bg-blue-900" | "focus:bg-violet-100" | "focus:bg-violet-200" | "focus:bg-violet-300" | "focus:bg-violet-400" | "focus:bg-violet-500" | "focus:bg-violet-600" | "focus:bg-violet-700" | "focus:bg-violet-800" | "focus:bg-violet-900" | "focus:bg-pink-100" | "focus:bg-pink-200" | "focus:bg-pink-300" | "focus:bg-pink-400" | "focus:bg-pink-500" | "focus:bg-pink-600" | "focus:bg-pink-700" | "focus:bg-pink-800" | "focus:bg-pink-900" | "focus:bg-gui-blue-default-light" | "focus:bg-gui-blue-hover-light" | "focus:bg-gui-blue-active-light" | "focus:bg-gui-blue-default-dark" | "focus:bg-gui-blue-hover-dark" | "focus:bg-gui-blue-active-dark" | "focus:bg-gui-blue-focus" | "focus:bg-gui-unavailable" | "focus:bg-gui-success-green" | "focus:bg-gui-error-red" | "focus:bg-gui-focus" | "focus:bg-gui-focus-outline" | "focus:bg-gui-visited" | "focus:bg-white" | "focus:bg-extra-light-grey" | "focus:bg-light-grey" | "focus:bg-mid-grey" | "focus:bg-dark-grey" | "focus:bg-charcoal-grey" | "focus:bg-cool-black" | "focus:bg-active-orange" | "focus:bg-bright-red" | "focus:bg-red-orange" | "focus:bg-electric-cyan" | "focus:bg-zingy-green" | "focus:bg-jazzy-pink" | "focus:bg-gui-default" | "focus:bg-gui-hover" | "focus:bg-gui-active" | "focus:bg-gui-error" | "focus:bg-gui-success" | "focus:bg-gui-default-dark" | "focus:bg-gui-hover-dark" | "focus:bg-gui-active-dark" | "focus:bg-transparent" | "focus:text-neutral-000" | "focus:text-neutral-100" | "focus:text-neutral-200" | "focus:text-neutral-300" | "focus:text-neutral-400" | "focus:text-neutral-500" | "focus:text-neutral-600" | "focus:text-neutral-700" | "focus:text-neutral-800" | "focus:text-neutral-900" | "focus:text-neutral-1000" | "focus:text-neutral-1100" | "focus:text-neutral-1200" | "focus:text-neutral-1300" | "focus:text-orange-100" | "focus:text-orange-200" | "focus:text-orange-300" | "focus:text-orange-400" | "focus:text-orange-500" | "focus:text-orange-600" | "focus:text-orange-700" | "focus:text-orange-800" | "focus:text-orange-900" | "focus:text-orange-1000" | "focus:text-orange-1100" | "focus:text-yellow-100" | "focus:text-yellow-200" | "focus:text-yellow-300" | "focus:text-yellow-400" | "focus:text-yellow-500" | "focus:text-yellow-600" | "focus:text-yellow-700" | "focus:text-yellow-800" | "focus:text-yellow-900" | "focus:text-green-100" | "focus:text-green-200" | "focus:text-green-300" | "focus:text-green-400" | "focus:text-green-500" | "focus:text-green-600" | "focus:text-green-700" | "focus:text-green-800" | "focus:text-green-900" | "focus:text-blue-100" | "focus:text-blue-200" | "focus:text-blue-300" | "focus:text-blue-400" | "focus:text-blue-500" | "focus:text-blue-600" | "focus:text-blue-700" | "focus:text-blue-800" | "focus:text-blue-900" | "focus:text-violet-100" | "focus:text-violet-200" | "focus:text-violet-300" | "focus:text-violet-400" | "focus:text-violet-500" | "focus:text-violet-600" | "focus:text-violet-700" | "focus:text-violet-800" | "focus:text-violet-900" | "focus:text-pink-100" | "focus:text-pink-200" | "focus:text-pink-300" | "focus:text-pink-400" | "focus:text-pink-500" | "focus:text-pink-600" | "focus:text-pink-700" | "focus:text-pink-800" | "focus:text-pink-900" | "focus:text-gui-blue-default-light" | "focus:text-gui-blue-hover-light" | "focus:text-gui-blue-active-light" | "focus:text-gui-blue-default-dark" | "focus:text-gui-blue-hover-dark" | "focus:text-gui-blue-active-dark" | "focus:text-gui-blue-focus" | "focus:text-gui-unavailable" | "focus:text-gui-success-green" | "focus:text-gui-error-red" | "focus:text-gui-focus" | "focus:text-gui-focus-outline" | "focus:text-gui-visited" | "focus:text-white" | "focus:text-extra-light-grey" | "focus:text-light-grey" | "focus:text-mid-grey" | "focus:text-dark-grey" | "focus:text-charcoal-grey" | "focus:text-cool-black" | "focus:text-active-orange" | "focus:text-bright-red" | "focus:text-red-orange" | "focus:text-electric-cyan" | "focus:text-zingy-green" | "focus:text-jazzy-pink" | "focus:text-gui-default" | "focus:text-gui-hover" | "focus:text-gui-active" | "focus:text-gui-error" | "focus:text-gui-success" | "focus:text-gui-default-dark" | "focus:text-gui-hover-dark" | "focus:text-gui-active-dark" | "focus:text-transparent" | "focus:from-neutral-000" | "focus:from-neutral-100" | "focus:from-neutral-200" | "focus:from-neutral-300" | "focus:from-neutral-400" | "focus:from-neutral-500" | "focus:from-neutral-600" | "focus:from-neutral-700" | "focus:from-neutral-800" | "focus:from-neutral-900" | "focus:from-neutral-1000" | "focus:from-neutral-1100" | "focus:from-neutral-1200" | "focus:from-neutral-1300" | "focus:from-orange-100" | "focus:from-orange-200" | "focus:from-orange-300" | "focus:from-orange-400" | "focus:from-orange-500" | "focus:from-orange-600" | "focus:from-orange-700" | "focus:from-orange-800" | "focus:from-orange-900" | "focus:from-orange-1000" | "focus:from-orange-1100" | "focus:from-yellow-100" | "focus:from-yellow-200" | "focus:from-yellow-300" | "focus:from-yellow-400" | "focus:from-yellow-500" | "focus:from-yellow-600" | "focus:from-yellow-700" | "focus:from-yellow-800" | "focus:from-yellow-900" | "focus:from-green-100" | "focus:from-green-200" | "focus:from-green-300" | "focus:from-green-400" | "focus:from-green-500" | "focus:from-green-600" | "focus:from-green-700" | "focus:from-green-800" | "focus:from-green-900" | "focus:from-blue-100" | "focus:from-blue-200" | "focus:from-blue-300" | "focus:from-blue-400" | "focus:from-blue-500" | "focus:from-blue-600" | "focus:from-blue-700" | "focus:from-blue-800" | "focus:from-blue-900" | "focus:from-violet-100" | "focus:from-violet-200" | "focus:from-violet-300" | "focus:from-violet-400" | "focus:from-violet-500" | "focus:from-violet-600" | "focus:from-violet-700" | "focus:from-violet-800" | "focus:from-violet-900" | "focus:from-pink-100" | "focus:from-pink-200" | "focus:from-pink-300" | "focus:from-pink-400" | "focus:from-pink-500" | "focus:from-pink-600" | "focus:from-pink-700" | "focus:from-pink-800" | "focus:from-pink-900" | "focus:from-gui-blue-default-light" | "focus:from-gui-blue-hover-light" | "focus:from-gui-blue-active-light" | "focus:from-gui-blue-default-dark" | "focus:from-gui-blue-hover-dark" | "focus:from-gui-blue-active-dark" | "focus:from-gui-blue-focus" | "focus:from-gui-unavailable" | "focus:from-gui-success-green" | "focus:from-gui-error-red" | "focus:from-gui-focus" | "focus:from-gui-focus-outline" | "focus:from-gui-visited" | "focus:from-white" | "focus:from-extra-light-grey" | "focus:from-light-grey" | "focus:from-mid-grey" | "focus:from-dark-grey" | "focus:from-charcoal-grey" | "focus:from-cool-black" | "focus:from-active-orange" | "focus:from-bright-red" | "focus:from-red-orange" | "focus:from-electric-cyan" | "focus:from-zingy-green" | "focus:from-jazzy-pink" | "focus:from-gui-default" | "focus:from-gui-hover" | "focus:from-gui-active" | "focus:from-gui-error" | "focus:from-gui-success" | "focus:from-gui-default-dark" | "focus:from-gui-hover-dark" | "focus:from-gui-active-dark" | "focus:from-transparent" | "focus:to-neutral-000" | "focus:to-neutral-100" | "focus:to-neutral-200" | "focus:to-neutral-300" | "focus:to-neutral-400" | "focus:to-neutral-500" | "focus:to-neutral-600" | "focus:to-neutral-700" | "focus:to-neutral-800" | "focus:to-neutral-900" | "focus:to-neutral-1000" | "focus:to-neutral-1100" | "focus:to-neutral-1200" | "focus:to-neutral-1300" | "focus:to-orange-100" | "focus:to-orange-200" | "focus:to-orange-300" | "focus:to-orange-400" | "focus:to-orange-500" | "focus:to-orange-600" | "focus:to-orange-700" | "focus:to-orange-800" | "focus:to-orange-900" | "focus:to-orange-1000" | "focus:to-orange-1100" | "focus:to-yellow-100" | "focus:to-yellow-200" | "focus:to-yellow-300" | "focus:to-yellow-400" | "focus:to-yellow-500" | "focus:to-yellow-600" | "focus:to-yellow-700" | "focus:to-yellow-800" | "focus:to-yellow-900" | "focus:to-green-100" | "focus:to-green-200" | "focus:to-green-300" | "focus:to-green-400" | "focus:to-green-500" | "focus:to-green-600" | "focus:to-green-700" | "focus:to-green-800" | "focus:to-green-900" | "focus:to-blue-100" | "focus:to-blue-200" | "focus:to-blue-300" | "focus:to-blue-400" | "focus:to-blue-500" | "focus:to-blue-600" | "focus:to-blue-700" | "focus:to-blue-800" | "focus:to-blue-900" | "focus:to-violet-100" | "focus:to-violet-200" | "focus:to-violet-300" | "focus:to-violet-400" | "focus:to-violet-500" | "focus:to-violet-600" | "focus:to-violet-700" | "focus:to-violet-800" | "focus:to-violet-900" | "focus:to-pink-100" | "focus:to-pink-200" | "focus:to-pink-300" | "focus:to-pink-400" | "focus:to-pink-500" | "focus:to-pink-600" | "focus:to-pink-700" | "focus:to-pink-800" | "focus:to-pink-900" | "focus:to-gui-blue-default-light" | "focus:to-gui-blue-hover-light" | "focus:to-gui-blue-active-light" | "focus:to-gui-blue-default-dark" | "focus:to-gui-blue-hover-dark" | "focus:to-gui-blue-active-dark" | "focus:to-gui-blue-focus" | "focus:to-gui-unavailable" | "focus:to-gui-success-green" | "focus:to-gui-error-red" | "focus:to-gui-focus" | "focus:to-gui-focus-outline" | "focus:to-gui-visited" | "focus:to-white" | "focus:to-extra-light-grey" | "focus:to-light-grey" | "focus:to-mid-grey" | "focus:to-dark-grey" | "focus:to-charcoal-grey" | "focus:to-cool-black" | "focus:to-active-orange" | "focus:to-bright-red" | "focus:to-red-orange" | "focus:to-electric-cyan" | "focus:to-zingy-green" | "focus:to-jazzy-pink" | "focus:to-gui-default" | "focus:to-gui-hover" | "focus:to-gui-active" | "focus:to-gui-error" | "focus:to-gui-success" | "focus:to-gui-default-dark" | "focus:to-gui-hover-dark" | "focus:to-gui-active-dark" | "focus:to-transparent" | "group-hover:bg-neutral-000" | "group-hover:bg-neutral-100" | "group-hover:bg-neutral-200" | "group-hover:bg-neutral-300" | "group-hover:bg-neutral-400" | "group-hover:bg-neutral-500" | "group-hover:bg-neutral-600" | "group-hover:bg-neutral-700" | "group-hover:bg-neutral-800" | "group-hover:bg-neutral-900" | "group-hover:bg-neutral-1000" | "group-hover:bg-neutral-1100" | "group-hover:bg-neutral-1200" | "group-hover:bg-neutral-1300" | "group-hover:bg-orange-100" | "group-hover:bg-orange-200" | "group-hover:bg-orange-300" | "group-hover:bg-orange-400" | "group-hover:bg-orange-500" | "group-hover:bg-orange-600" | "group-hover:bg-orange-700" | "group-hover:bg-orange-800" | "group-hover:bg-orange-900" | "group-hover:bg-orange-1000" | "group-hover:bg-orange-1100" | "group-hover:bg-yellow-100" | "group-hover:bg-yellow-200" | "group-hover:bg-yellow-300" | "group-hover:bg-yellow-400" | "group-hover:bg-yellow-500" | "group-hover:bg-yellow-600" | "group-hover:bg-yellow-700" | "group-hover:bg-yellow-800" | "group-hover:bg-yellow-900" | "group-hover:bg-green-100" | "group-hover:bg-green-200" | "group-hover:bg-green-300" | "group-hover:bg-green-400" | "group-hover:bg-green-500" | "group-hover:bg-green-600" | "group-hover:bg-green-700" | "group-hover:bg-green-800" | "group-hover:bg-green-900" | "group-hover:bg-blue-100" | "group-hover:bg-blue-200" | "group-hover:bg-blue-300" | "group-hover:bg-blue-400" | "group-hover:bg-blue-500" | "group-hover:bg-blue-600" | "group-hover:bg-blue-700" | "group-hover:bg-blue-800" | "group-hover:bg-blue-900" | "group-hover:bg-violet-100" | "group-hover:bg-violet-200" | "group-hover:bg-violet-300" | "group-hover:bg-violet-400" | "group-hover:bg-violet-500" | "group-hover:bg-violet-600" | "group-hover:bg-violet-700" | "group-hover:bg-violet-800" | "group-hover:bg-violet-900" | "group-hover:bg-pink-100" | "group-hover:bg-pink-200" | "group-hover:bg-pink-300" | "group-hover:bg-pink-400" | "group-hover:bg-pink-500" | "group-hover:bg-pink-600" | "group-hover:bg-pink-700" | "group-hover:bg-pink-800" | "group-hover:bg-pink-900" | "group-hover:bg-gui-blue-default-light" | "group-hover:bg-gui-blue-hover-light" | "group-hover:bg-gui-blue-active-light" | "group-hover:bg-gui-blue-default-dark" | "group-hover:bg-gui-blue-hover-dark" | "group-hover:bg-gui-blue-active-dark" | "group-hover:bg-gui-blue-focus" | "group-hover:bg-gui-unavailable" | "group-hover:bg-gui-success-green" | "group-hover:bg-gui-error-red" | "group-hover:bg-gui-focus" | "group-hover:bg-gui-focus-outline" | "group-hover:bg-gui-visited" | "group-hover:bg-white" | "group-hover:bg-extra-light-grey" | "group-hover:bg-light-grey" | "group-hover:bg-mid-grey" | "group-hover:bg-dark-grey" | "group-hover:bg-charcoal-grey" | "group-hover:bg-cool-black" | "group-hover:bg-active-orange" | "group-hover:bg-bright-red" | "group-hover:bg-red-orange" | "group-hover:bg-electric-cyan" | "group-hover:bg-zingy-green" | "group-hover:bg-jazzy-pink" | "group-hover:bg-gui-default" | "group-hover:bg-gui-hover" | "group-hover:bg-gui-active" | "group-hover:bg-gui-error" | "group-hover:bg-gui-success" | "group-hover:bg-gui-default-dark" | "group-hover:bg-gui-hover-dark" | "group-hover:bg-gui-active-dark" | "group-hover:bg-transparent" | "group-hover:text-neutral-000" | "group-hover:text-neutral-100" | "group-hover:text-neutral-200" | "group-hover:text-neutral-300" | "group-hover:text-neutral-400" | "group-hover:text-neutral-500" | "group-hover:text-neutral-600" | "group-hover:text-neutral-700" | "group-hover:text-neutral-800" | "group-hover:text-neutral-900" | "group-hover:text-neutral-1000" | "group-hover:text-neutral-1100" | "group-hover:text-neutral-1200" | "group-hover:text-neutral-1300" | "group-hover:text-orange-100" | "group-hover:text-orange-200" | "group-hover:text-orange-300" | "group-hover:text-orange-400" | "group-hover:text-orange-500" | "group-hover:text-orange-600" | "group-hover:text-orange-700" | "group-hover:text-orange-800" | "group-hover:text-orange-900" | "group-hover:text-orange-1000" | "group-hover:text-orange-1100" | "group-hover:text-yellow-100" | "group-hover:text-yellow-200" | "group-hover:text-yellow-300" | "group-hover:text-yellow-400" | "group-hover:text-yellow-500" | "group-hover:text-yellow-600" | "group-hover:text-yellow-700" | "group-hover:text-yellow-800" | "group-hover:text-yellow-900" | "group-hover:text-green-100" | "group-hover:text-green-200" | "group-hover:text-green-300" | "group-hover:text-green-400" | "group-hover:text-green-500" | "group-hover:text-green-600" | "group-hover:text-green-700" | "group-hover:text-green-800" | "group-hover:text-green-900" | "group-hover:text-blue-100" | "group-hover:text-blue-200" | "group-hover:text-blue-300" | "group-hover:text-blue-400" | "group-hover:text-blue-500" | "group-hover:text-blue-600" | "group-hover:text-blue-700" | "group-hover:text-blue-800" | "group-hover:text-blue-900" | "group-hover:text-violet-100" | "group-hover:text-violet-200" | "group-hover:text-violet-300" | "group-hover:text-violet-400" | "group-hover:text-violet-500" | "group-hover:text-violet-600" | "group-hover:text-violet-700" | "group-hover:text-violet-800" | "group-hover:text-violet-900" | "group-hover:text-pink-100" | "group-hover:text-pink-200" | "group-hover:text-pink-300" | "group-hover:text-pink-400" | "group-hover:text-pink-500" | "group-hover:text-pink-600" | "group-hover:text-pink-700" | "group-hover:text-pink-800" | "group-hover:text-pink-900" | "group-hover:text-gui-blue-default-light" | "group-hover:text-gui-blue-hover-light" | "group-hover:text-gui-blue-active-light" | "group-hover:text-gui-blue-default-dark" | "group-hover:text-gui-blue-hover-dark" | "group-hover:text-gui-blue-active-dark" | "group-hover:text-gui-blue-focus" | "group-hover:text-gui-unavailable" | "group-hover:text-gui-success-green" | "group-hover:text-gui-error-red" | "group-hover:text-gui-focus" | "group-hover:text-gui-focus-outline" | "group-hover:text-gui-visited" | "group-hover:text-white" | "group-hover:text-extra-light-grey" | "group-hover:text-light-grey" | "group-hover:text-mid-grey" | "group-hover:text-dark-grey" | "group-hover:text-charcoal-grey" | "group-hover:text-cool-black" | "group-hover:text-active-orange" | "group-hover:text-bright-red" | "group-hover:text-red-orange" | "group-hover:text-electric-cyan" | "group-hover:text-zingy-green" | "group-hover:text-jazzy-pink" | "group-hover:text-gui-default" | "group-hover:text-gui-hover" | "group-hover:text-gui-active" | "group-hover:text-gui-error" | "group-hover:text-gui-success" | "group-hover:text-gui-default-dark" | "group-hover:text-gui-hover-dark" | "group-hover:text-gui-active-dark" | "group-hover:text-transparent" | "group-hover:from-neutral-000" | "group-hover:from-neutral-100" | "group-hover:from-neutral-200" | "group-hover:from-neutral-300" | "group-hover:from-neutral-400" | "group-hover:from-neutral-500" | "group-hover:from-neutral-600" | "group-hover:from-neutral-700" | "group-hover:from-neutral-800" | "group-hover:from-neutral-900" | "group-hover:from-neutral-1000" | "group-hover:from-neutral-1100" | "group-hover:from-neutral-1200" | "group-hover:from-neutral-1300" | "group-hover:from-orange-100" | "group-hover:from-orange-200" | "group-hover:from-orange-300" | "group-hover:from-orange-400" | "group-hover:from-orange-500" | "group-hover:from-orange-600" | "group-hover:from-orange-700" | "group-hover:from-orange-800" | "group-hover:from-orange-900" | "group-hover:from-orange-1000" | "group-hover:from-orange-1100" | "group-hover:from-yellow-100" | "group-hover:from-yellow-200" | "group-hover:from-yellow-300" | "group-hover:from-yellow-400" | "group-hover:from-yellow-500" | "group-hover:from-yellow-600" | "group-hover:from-yellow-700" | "group-hover:from-yellow-800" | "group-hover:from-yellow-900" | "group-hover:from-green-100" | "group-hover:from-green-200" | "group-hover:from-green-300" | "group-hover:from-green-400" | "group-hover:from-green-500" | "group-hover:from-green-600" | "group-hover:from-green-700" | "group-hover:from-green-800" | "group-hover:from-green-900" | "group-hover:from-blue-100" | "group-hover:from-blue-200" | "group-hover:from-blue-300" | "group-hover:from-blue-400" | "group-hover:from-blue-500" | "group-hover:from-blue-600" | "group-hover:from-blue-700" | "group-hover:from-blue-800" | "group-hover:from-blue-900" | "group-hover:from-violet-100" | "group-hover:from-violet-200" | "group-hover:from-violet-300" | "group-hover:from-violet-400" | "group-hover:from-violet-500" | "group-hover:from-violet-600" | "group-hover:from-violet-700" | "group-hover:from-violet-800" | "group-hover:from-violet-900" | "group-hover:from-pink-100" | "group-hover:from-pink-200" | "group-hover:from-pink-300" | "group-hover:from-pink-400" | "group-hover:from-pink-500" | "group-hover:from-pink-600" | "group-hover:from-pink-700" | "group-hover:from-pink-800" | "group-hover:from-pink-900" | "group-hover:from-gui-blue-default-light" | "group-hover:from-gui-blue-hover-light" | "group-hover:from-gui-blue-active-light" | "group-hover:from-gui-blue-default-dark" | "group-hover:from-gui-blue-hover-dark" | "group-hover:from-gui-blue-active-dark" | "group-hover:from-gui-blue-focus" | "group-hover:from-gui-unavailable" | "group-hover:from-gui-success-green" | "group-hover:from-gui-error-red" | "group-hover:from-gui-focus" | "group-hover:from-gui-focus-outline" | "group-hover:from-gui-visited" | "group-hover:from-white" | "group-hover:from-extra-light-grey" | "group-hover:from-light-grey" | "group-hover:from-mid-grey" | "group-hover:from-dark-grey" | "group-hover:from-charcoal-grey" | "group-hover:from-cool-black" | "group-hover:from-active-orange" | "group-hover:from-bright-red" | "group-hover:from-red-orange" | "group-hover:from-electric-cyan" | "group-hover:from-zingy-green" | "group-hover:from-jazzy-pink" | "group-hover:from-gui-default" | "group-hover:from-gui-hover" | "group-hover:from-gui-active" | "group-hover:from-gui-error" | "group-hover:from-gui-success" | "group-hover:from-gui-default-dark" | "group-hover:from-gui-hover-dark" | "group-hover:from-gui-active-dark" | "group-hover:from-transparent" | "group-hover:to-neutral-000" | "group-hover:to-neutral-100" | "group-hover:to-neutral-200" | "group-hover:to-neutral-300" | "group-hover:to-neutral-400" | "group-hover:to-neutral-500" | "group-hover:to-neutral-600" | "group-hover:to-neutral-700" | "group-hover:to-neutral-800" | "group-hover:to-neutral-900" | "group-hover:to-neutral-1000" | "group-hover:to-neutral-1100" | "group-hover:to-neutral-1200" | "group-hover:to-neutral-1300" | "group-hover:to-orange-100" | "group-hover:to-orange-200" | "group-hover:to-orange-300" | "group-hover:to-orange-400" | "group-hover:to-orange-500" | "group-hover:to-orange-600" | "group-hover:to-orange-700" | "group-hover:to-orange-800" | "group-hover:to-orange-900" | "group-hover:to-orange-1000" | "group-hover:to-orange-1100" | "group-hover:to-yellow-100" | "group-hover:to-yellow-200" | "group-hover:to-yellow-300" | "group-hover:to-yellow-400" | "group-hover:to-yellow-500" | "group-hover:to-yellow-600" | "group-hover:to-yellow-700" | "group-hover:to-yellow-800" | "group-hover:to-yellow-900" | "group-hover:to-green-100" | "group-hover:to-green-200" | "group-hover:to-green-300" | "group-hover:to-green-400" | "group-hover:to-green-500" | "group-hover:to-green-600" | "group-hover:to-green-700" | "group-hover:to-green-800" | "group-hover:to-green-900" | "group-hover:to-blue-100" | "group-hover:to-blue-200" | "group-hover:to-blue-300" | "group-hover:to-blue-400" | "group-hover:to-blue-500" | "group-hover:to-blue-600" | "group-hover:to-blue-700" | "group-hover:to-blue-800" | "group-hover:to-blue-900" | "group-hover:to-violet-100" | "group-hover:to-violet-200" | "group-hover:to-violet-300" | "group-hover:to-violet-400" | "group-hover:to-violet-500" | "group-hover:to-violet-600" | "group-hover:to-violet-700" | "group-hover:to-violet-800" | "group-hover:to-violet-900" | "group-hover:to-pink-100" | "group-hover:to-pink-200" | "group-hover:to-pink-300" | "group-hover:to-pink-400" | "group-hover:to-pink-500" | "group-hover:to-pink-600" | "group-hover:to-pink-700" | "group-hover:to-pink-800" | "group-hover:to-pink-900" | "group-hover:to-gui-blue-default-light" | "group-hover:to-gui-blue-hover-light" | "group-hover:to-gui-blue-active-light" | "group-hover:to-gui-blue-default-dark" | "group-hover:to-gui-blue-hover-dark" | "group-hover:to-gui-blue-active-dark" | "group-hover:to-gui-blue-focus" | "group-hover:to-gui-unavailable" | "group-hover:to-gui-success-green" | "group-hover:to-gui-error-red" | "group-hover:to-gui-focus" | "group-hover:to-gui-focus-outline" | "group-hover:to-gui-visited" | "group-hover:to-white" | "group-hover:to-extra-light-grey" | "group-hover:to-light-grey" | "group-hover:to-mid-grey" | "group-hover:to-dark-grey" | "group-hover:to-charcoal-grey" | "group-hover:to-cool-black" | "group-hover:to-active-orange" | "group-hover:to-bright-red" | "group-hover:to-red-orange" | "group-hover:to-electric-cyan" | "group-hover:to-zingy-green" | "group-hover:to-jazzy-pink" | "group-hover:to-gui-default" | "group-hover:to-gui-hover" | "group-hover:to-gui-active" | "group-hover:to-gui-error" | "group-hover:to-gui-success" | "group-hover:to-gui-default-dark" | "group-hover:to-gui-hover-dark" | "group-hover:to-gui-active-dark" | "group-hover:to-transparent" | "group-focus:bg-neutral-000" | "group-focus:bg-neutral-100" | "group-focus:bg-neutral-200" | "group-focus:bg-neutral-300" | "group-focus:bg-neutral-400" | "group-focus:bg-neutral-500" | "group-focus:bg-neutral-600" | "group-focus:bg-neutral-700" | "group-focus:bg-neutral-800" | "group-focus:bg-neutral-900" | "group-focus:bg-neutral-1000" | "group-focus:bg-neutral-1100" | "group-focus:bg-neutral-1200" | "group-focus:bg-neutral-1300" | "group-focus:bg-orange-100" | "group-focus:bg-orange-200" | "group-focus:bg-orange-300" | "group-focus:bg-orange-400" | "group-focus:bg-orange-500" | "group-focus:bg-orange-600" | "group-focus:bg-orange-700" | "group-focus:bg-orange-800" | "group-focus:bg-orange-900" | "group-focus:bg-orange-1000" | "group-focus:bg-orange-1100" | "group-focus:bg-yellow-100" | "group-focus:bg-yellow-200" | "group-focus:bg-yellow-300" | "group-focus:bg-yellow-400" | "group-focus:bg-yellow-500" | "group-focus:bg-yellow-600" | "group-focus:bg-yellow-700" | "group-focus:bg-yellow-800" | "group-focus:bg-yellow-900" | "group-focus:bg-green-100" | "group-focus:bg-green-200" | "group-focus:bg-green-300" | "group-focus:bg-green-400" | "group-focus:bg-green-500" | "group-focus:bg-green-600" | "group-focus:bg-green-700" | "group-focus:bg-green-800" | "group-focus:bg-green-900" | "group-focus:bg-blue-100" | "group-focus:bg-blue-200" | "group-focus:bg-blue-300" | "group-focus:bg-blue-400" | "group-focus:bg-blue-500" | "group-focus:bg-blue-600" | "group-focus:bg-blue-700" | "group-focus:bg-blue-800" | "group-focus:bg-blue-900" | "group-focus:bg-violet-100" | "group-focus:bg-violet-200" | "group-focus:bg-violet-300" | "group-focus:bg-violet-400" | "group-focus:bg-violet-500" | "group-focus:bg-violet-600" | "group-focus:bg-violet-700" | "group-focus:bg-violet-800" | "group-focus:bg-violet-900" | "group-focus:bg-pink-100" | "group-focus:bg-pink-200" | "group-focus:bg-pink-300" | "group-focus:bg-pink-400" | "group-focus:bg-pink-500" | "group-focus:bg-pink-600" | "group-focus:bg-pink-700" | "group-focus:bg-pink-800" | "group-focus:bg-pink-900" | "group-focus:bg-gui-blue-default-light" | "group-focus:bg-gui-blue-hover-light" | "group-focus:bg-gui-blue-active-light" | "group-focus:bg-gui-blue-default-dark" | "group-focus:bg-gui-blue-hover-dark" | "group-focus:bg-gui-blue-active-dark" | "group-focus:bg-gui-blue-focus" | "group-focus:bg-gui-unavailable" | "group-focus:bg-gui-success-green" | "group-focus:bg-gui-error-red" | "group-focus:bg-gui-focus" | "group-focus:bg-gui-focus-outline" | "group-focus:bg-gui-visited" | "group-focus:bg-white" | "group-focus:bg-extra-light-grey" | "group-focus:bg-light-grey" | "group-focus:bg-mid-grey" | "group-focus:bg-dark-grey" | "group-focus:bg-charcoal-grey" | "group-focus:bg-cool-black" | "group-focus:bg-active-orange" | "group-focus:bg-bright-red" | "group-focus:bg-red-orange" | "group-focus:bg-electric-cyan" | "group-focus:bg-zingy-green" | "group-focus:bg-jazzy-pink" | "group-focus:bg-gui-default" | "group-focus:bg-gui-hover" | "group-focus:bg-gui-active" | "group-focus:bg-gui-error" | "group-focus:bg-gui-success" | "group-focus:bg-gui-default-dark" | "group-focus:bg-gui-hover-dark" | "group-focus:bg-gui-active-dark" | "group-focus:bg-transparent" | "group-focus:text-neutral-000" | "group-focus:text-neutral-100" | "group-focus:text-neutral-200" | "group-focus:text-neutral-300" | "group-focus:text-neutral-400" | "group-focus:text-neutral-500" | "group-focus:text-neutral-600" | "group-focus:text-neutral-700" | "group-focus:text-neutral-800" | "group-focus:text-neutral-900" | "group-focus:text-neutral-1000" | "group-focus:text-neutral-1100" | "group-focus:text-neutral-1200" | "group-focus:text-neutral-1300" | "group-focus:text-orange-100" | "group-focus:text-orange-200" | "group-focus:text-orange-300" | "group-focus:text-orange-400" | "group-focus:text-orange-500" | "group-focus:text-orange-600" | "group-focus:text-orange-700" | "group-focus:text-orange-800" | "group-focus:text-orange-900" | "group-focus:text-orange-1000" | "group-focus:text-orange-1100" | "group-focus:text-yellow-100" | "group-focus:text-yellow-200" | "group-focus:text-yellow-300" | "group-focus:text-yellow-400" | "group-focus:text-yellow-500" | "group-focus:text-yellow-600" | "group-focus:text-yellow-700" | "group-focus:text-yellow-800" | "group-focus:text-yellow-900" | "group-focus:text-green-100" | "group-focus:text-green-200" | "group-focus:text-green-300" | "group-focus:text-green-400" | "group-focus:text-green-500" | "group-focus:text-green-600" | "group-focus:text-green-700" | "group-focus:text-green-800" | "group-focus:text-green-900" | "group-focus:text-blue-100" | "group-focus:text-blue-200" | "group-focus:text-blue-300" | "group-focus:text-blue-400" | "group-focus:text-blue-500" | "group-focus:text-blue-600" | "group-focus:text-blue-700" | "group-focus:text-blue-800" | "group-focus:text-blue-900" | "group-focus:text-violet-100" | "group-focus:text-violet-200" | "group-focus:text-violet-300" | "group-focus:text-violet-400" | "group-focus:text-violet-500" | "group-focus:text-violet-600" | "group-focus:text-violet-700" | "group-focus:text-violet-800" | "group-focus:text-violet-900" | "group-focus:text-pink-100" | "group-focus:text-pink-200" | "group-focus:text-pink-300" | "group-focus:text-pink-400" | "group-focus:text-pink-500" | "group-focus:text-pink-600" | "group-focus:text-pink-700" | "group-focus:text-pink-800" | "group-focus:text-pink-900" | "group-focus:text-gui-blue-default-light" | "group-focus:text-gui-blue-hover-light" | "group-focus:text-gui-blue-active-light" | "group-focus:text-gui-blue-default-dark" | "group-focus:text-gui-blue-hover-dark" | "group-focus:text-gui-blue-active-dark" | "group-focus:text-gui-blue-focus" | "group-focus:text-gui-unavailable" | "group-focus:text-gui-success-green" | "group-focus:text-gui-error-red" | "group-focus:text-gui-focus" | "group-focus:text-gui-focus-outline" | "group-focus:text-gui-visited" | "group-focus:text-white" | "group-focus:text-extra-light-grey" | "group-focus:text-light-grey" | "group-focus:text-mid-grey" | "group-focus:text-dark-grey" | "group-focus:text-charcoal-grey" | "group-focus:text-cool-black" | "group-focus:text-active-orange" | "group-focus:text-bright-red" | "group-focus:text-red-orange" | "group-focus:text-electric-cyan" | "group-focus:text-zingy-green" | "group-focus:text-jazzy-pink" | "group-focus:text-gui-default" | "group-focus:text-gui-hover" | "group-focus:text-gui-active" | "group-focus:text-gui-error" | "group-focus:text-gui-success" | "group-focus:text-gui-default-dark" | "group-focus:text-gui-hover-dark" | "group-focus:text-gui-active-dark" | "group-focus:text-transparent" | "group-focus:from-neutral-000" | "group-focus:from-neutral-100" | "group-focus:from-neutral-200" | "group-focus:from-neutral-300" | "group-focus:from-neutral-400" | "group-focus:from-neutral-500" | "group-focus:from-neutral-600" | "group-focus:from-neutral-700" | "group-focus:from-neutral-800" | "group-focus:from-neutral-900" | "group-focus:from-neutral-1000" | "group-focus:from-neutral-1100" | "group-focus:from-neutral-1200" | "group-focus:from-neutral-1300" | "group-focus:from-orange-100" | "group-focus:from-orange-200" | "group-focus:from-orange-300" | "group-focus:from-orange-400" | "group-focus:from-orange-500" | "group-focus:from-orange-600" | "group-focus:from-orange-700" | "group-focus:from-orange-800" | "group-focus:from-orange-900" | "group-focus:from-orange-1000" | "group-focus:from-orange-1100" | "group-focus:from-yellow-100" | "group-focus:from-yellow-200" | "group-focus:from-yellow-300" | "group-focus:from-yellow-400" | "group-focus:from-yellow-500" | "group-focus:from-yellow-600" | "group-focus:from-yellow-700" | "group-focus:from-yellow-800" | "group-focus:from-yellow-900" | "group-focus:from-green-100" | "group-focus:from-green-200" | "group-focus:from-green-300" | "group-focus:from-green-400" | "group-focus:from-green-500" | "group-focus:from-green-600" | "group-focus:from-green-700" | "group-focus:from-green-800" | "group-focus:from-green-900" | "group-focus:from-blue-100" | "group-focus:from-blue-200" | "group-focus:from-blue-300" | "group-focus:from-blue-400" | "group-focus:from-blue-500" | "group-focus:from-blue-600" | "group-focus:from-blue-700" | "group-focus:from-blue-800" | "group-focus:from-blue-900" | "group-focus:from-violet-100" | "group-focus:from-violet-200" | "group-focus:from-violet-300" | "group-focus:from-violet-400" | "group-focus:from-violet-500" | "group-focus:from-violet-600" | "group-focus:from-violet-700" | "group-focus:from-violet-800" | "group-focus:from-violet-900" | "group-focus:from-pink-100" | "group-focus:from-pink-200" | "group-focus:from-pink-300" | "group-focus:from-pink-400" | "group-focus:from-pink-500" | "group-focus:from-pink-600" | "group-focus:from-pink-700" | "group-focus:from-pink-800" | "group-focus:from-pink-900" | "group-focus:from-gui-blue-default-light" | "group-focus:from-gui-blue-hover-light" | "group-focus:from-gui-blue-active-light" | "group-focus:from-gui-blue-default-dark" | "group-focus:from-gui-blue-hover-dark" | "group-focus:from-gui-blue-active-dark" | "group-focus:from-gui-blue-focus" | "group-focus:from-gui-unavailable" | "group-focus:from-gui-success-green" | "group-focus:from-gui-error-red" | "group-focus:from-gui-focus" | "group-focus:from-gui-focus-outline" | "group-focus:from-gui-visited" | "group-focus:from-white" | "group-focus:from-extra-light-grey" | "group-focus:from-light-grey" | "group-focus:from-mid-grey" | "group-focus:from-dark-grey" | "group-focus:from-charcoal-grey" | "group-focus:from-cool-black" | "group-focus:from-active-orange" | "group-focus:from-bright-red" | "group-focus:from-red-orange" | "group-focus:from-electric-cyan" | "group-focus:from-zingy-green" | "group-focus:from-jazzy-pink" | "group-focus:from-gui-default" | "group-focus:from-gui-hover" | "group-focus:from-gui-active" | "group-focus:from-gui-error" | "group-focus:from-gui-success" | "group-focus:from-gui-default-dark" | "group-focus:from-gui-hover-dark" | "group-focus:from-gui-active-dark" | "group-focus:from-transparent" | "group-focus:to-neutral-000" | "group-focus:to-neutral-100" | "group-focus:to-neutral-200" | "group-focus:to-neutral-300" | "group-focus:to-neutral-400" | "group-focus:to-neutral-500" | "group-focus:to-neutral-600" | "group-focus:to-neutral-700" | "group-focus:to-neutral-800" | "group-focus:to-neutral-900" | "group-focus:to-neutral-1000" | "group-focus:to-neutral-1100" | "group-focus:to-neutral-1200" | "group-focus:to-neutral-1300" | "group-focus:to-orange-100" | "group-focus:to-orange-200" | "group-focus:to-orange-300" | "group-focus:to-orange-400" | "group-focus:to-orange-500" | "group-focus:to-orange-600" | "group-focus:to-orange-700" | "group-focus:to-orange-800" | "group-focus:to-orange-900" | "group-focus:to-orange-1000" | "group-focus:to-orange-1100" | "group-focus:to-yellow-100" | "group-focus:to-yellow-200" | "group-focus:to-yellow-300" | "group-focus:to-yellow-400" | "group-focus:to-yellow-500" | "group-focus:to-yellow-600" | "group-focus:to-yellow-700" | "group-focus:to-yellow-800" | "group-focus:to-yellow-900" | "group-focus:to-green-100" | "group-focus:to-green-200" | "group-focus:to-green-300" | "group-focus:to-green-400" | "group-focus:to-green-500" | "group-focus:to-green-600" | "group-focus:to-green-700" | "group-focus:to-green-800" | "group-focus:to-green-900" | "group-focus:to-blue-100" | "group-focus:to-blue-200" | "group-focus:to-blue-300" | "group-focus:to-blue-400" | "group-focus:to-blue-500" | "group-focus:to-blue-600" | "group-focus:to-blue-700" | "group-focus:to-blue-800" | "group-focus:to-blue-900" | "group-focus:to-violet-100" | "group-focus:to-violet-200" | "group-focus:to-violet-300" | "group-focus:to-violet-400" | "group-focus:to-violet-500" | "group-focus:to-violet-600" | "group-focus:to-violet-700" | "group-focus:to-violet-800" | "group-focus:to-violet-900" | "group-focus:to-pink-100" | "group-focus:to-pink-200" | "group-focus:to-pink-300" | "group-focus:to-pink-400" | "group-focus:to-pink-500" | "group-focus:to-pink-600" | "group-focus:to-pink-700" | "group-focus:to-pink-800" | "group-focus:to-pink-900" | "group-focus:to-gui-blue-default-light" | "group-focus:to-gui-blue-hover-light" | "group-focus:to-gui-blue-active-light" | "group-focus:to-gui-blue-default-dark" | "group-focus:to-gui-blue-hover-dark" | "group-focus:to-gui-blue-active-dark" | "group-focus:to-gui-blue-focus" | "group-focus:to-gui-unavailable" | "group-focus:to-gui-success-green" | "group-focus:to-gui-error-red" | "group-focus:to-gui-focus" | "group-focus:to-gui-focus-outline" | "group-focus:to-gui-visited" | "group-focus:to-white" | "group-focus:to-extra-light-grey" | "group-focus:to-light-grey" | "group-focus:to-mid-grey" | "group-focus:to-dark-grey" | "group-focus:to-charcoal-grey" | "group-focus:to-cool-black" | "group-focus:to-active-orange" | "group-focus:to-bright-red" | "group-focus:to-red-orange" | "group-focus:to-electric-cyan" | "group-focus:to-zingy-green" | "group-focus:to-jazzy-pink" | "group-focus:to-gui-default" | "group-focus:to-gui-hover" | "group-focus:to-gui-active" | "group-focus:to-gui-error" | "group-focus:to-gui-success" | "group-focus:to-gui-default-dark" | "group-focus:to-gui-hover-dark" | "group-focus:to-gui-active-dark" | "group-focus:to-transparent";
+export const determineThemeColor: (baseTheme: Theme, currentTheme: Theme, color: ColorClass) => "bg-neutral-000" | "bg-neutral-100" | "bg-neutral-200" | "bg-neutral-300" | "bg-neutral-400" | "bg-neutral-500" | "bg-neutral-600" | "bg-neutral-700" | "bg-neutral-800" | "bg-neutral-900" | "bg-neutral-1000" | "bg-neutral-1100" | "bg-neutral-1200" | "bg-neutral-1300" | "bg-orange-100" | "bg-orange-200" | "bg-orange-300" | "bg-orange-400" | "bg-orange-500" | "bg-orange-600" | "bg-orange-700" | "bg-orange-800" | "bg-orange-900" | "bg-orange-1000" | "bg-orange-1100" | "bg-yellow-100" | "bg-yellow-200" | "bg-yellow-300" | "bg-yellow-400" | "bg-yellow-500" | "bg-yellow-600" | "bg-yellow-700" | "bg-yellow-800" | "bg-yellow-900" | "bg-green-100" | "bg-green-200" | "bg-green-300" | "bg-green-400" | "bg-green-500" | "bg-green-600" | "bg-green-700" | "bg-green-800" | "bg-green-900" | "bg-blue-100" | "bg-blue-200" | "bg-blue-300" | "bg-blue-400" | "bg-blue-500" | "bg-blue-600" | "bg-blue-700" | "bg-blue-800" | "bg-blue-900" | "bg-violet-100" | "bg-violet-200" | "bg-violet-300" | "bg-violet-400" | "bg-violet-500" | "bg-violet-600" | "bg-violet-700" | "bg-violet-800" | "bg-violet-900" | "bg-pink-100" | "bg-pink-200" | "bg-pink-300" | "bg-pink-400" | "bg-pink-500" | "bg-pink-600" | "bg-pink-700" | "bg-pink-800" | "bg-pink-900" | "bg-gui-blue-default-light" | "bg-gui-blue-hover-light" | "bg-gui-blue-active-light" | "bg-gui-blue-default-dark" | "bg-gui-blue-hover-dark" | "bg-gui-blue-active-dark" | "bg-gui-blue-focus" | "bg-gui-unavailable" | "bg-gui-success-green" | "bg-gui-error-red" | "bg-gui-focus" | "bg-gui-focus-outline" | "bg-gui-visited" | "bg-white" | "bg-extra-light-grey" | "bg-light-grey" | "bg-mid-grey" | "bg-dark-grey" | "bg-charcoal-grey" | "bg-cool-black" | "bg-active-orange" | "bg-bright-red" | "bg-red-orange" | "bg-electric-cyan" | "bg-zingy-green" | "bg-jazzy-pink" | "bg-gui-default" | "bg-gui-hover" | "bg-gui-active" | "bg-gui-error" | "bg-gui-success" | "bg-gui-default-dark" | "bg-gui-hover-dark" | "bg-gui-active-dark" | "bg-transparent" | "text-neutral-000" | "text-neutral-100" | "text-neutral-200" | "text-neutral-300" | "text-neutral-400" | "text-neutral-500" | "text-neutral-600" | "text-neutral-700" | "text-neutral-800" | "text-neutral-900" | "text-neutral-1000" | "text-neutral-1100" | "text-neutral-1200" | "text-neutral-1300" | "text-orange-100" | "text-orange-200" | "text-orange-300" | "text-orange-400" | "text-orange-500" | "text-orange-600" | "text-orange-700" | "text-orange-800" | "text-orange-900" | "text-orange-1000" | "text-orange-1100" | "text-yellow-100" | "text-yellow-200" | "text-yellow-300" | "text-yellow-400" | "text-yellow-500" | "text-yellow-600" | "text-yellow-700" | "text-yellow-800" | "text-yellow-900" | "text-green-100" | "text-green-200" | "text-green-300" | "text-green-400" | "text-green-500" | "text-green-600" | "text-green-700" | "text-green-800" | "text-green-900" | "text-blue-100" | "text-blue-200" | "text-blue-300" | "text-blue-400" | "text-blue-500" | "text-blue-600" | "text-blue-700" | "text-blue-800" | "text-blue-900" | "text-violet-100" | "text-violet-200" | "text-violet-300" | "text-violet-400" | "text-violet-500" | "text-violet-600" | "text-violet-700" | "text-violet-800" | "text-violet-900" | "text-pink-100" | "text-pink-200" | "text-pink-300" | "text-pink-400" | "text-pink-500" | "text-pink-600" | "text-pink-700" | "text-pink-800" | "text-pink-900" | "text-gui-blue-default-light" | "text-gui-blue-hover-light" | "text-gui-blue-active-light" | "text-gui-blue-default-dark" | "text-gui-blue-hover-dark" | "text-gui-blue-active-dark" | "text-gui-blue-focus" | "text-gui-unavailable" | "text-gui-success-green" | "text-gui-error-red" | "text-gui-focus" | "text-gui-focus-outline" | "text-gui-visited" | "text-white" | "text-extra-light-grey" | "text-light-grey" | "text-mid-grey" | "text-dark-grey" | "text-charcoal-grey" | "text-cool-black" | "text-active-orange" | "text-bright-red" | "text-red-orange" | "text-electric-cyan" | "text-zingy-green" | "text-jazzy-pink" | "text-gui-default" | "text-gui-hover" | "text-gui-active" | "text-gui-error" | "text-gui-success" | "text-gui-default-dark" | "text-gui-hover-dark" | "text-gui-active-dark" | "text-transparent" | "from-neutral-000" | "from-neutral-100" | "from-neutral-200" | "from-neutral-300" | "from-neutral-400" | "from-neutral-500" | "from-neutral-600" | "from-neutral-700" | "from-neutral-800" | "from-neutral-900" | "from-neutral-1000" | "from-neutral-1100" | "from-neutral-1200" | "from-neutral-1300" | "from-orange-100" | "from-orange-200" | "from-orange-300" | "from-orange-400" | "from-orange-500" | "from-orange-600" | "from-orange-700" | "from-orange-800" | "from-orange-900" | "from-orange-1000" | "from-orange-1100" | "from-yellow-100" | "from-yellow-200" | "from-yellow-300" | "from-yellow-400" | "from-yellow-500" | "from-yellow-600" | "from-yellow-700" | "from-yellow-800" | "from-yellow-900" | "from-green-100" | "from-green-200" | "from-green-300" | "from-green-400" | "from-green-500" | "from-green-600" | "from-green-700" | "from-green-800" | "from-green-900" | "from-blue-100" | "from-blue-200" | "from-blue-300" | "from-blue-400" | "from-blue-500" | "from-blue-600" | "from-blue-700" | "from-blue-800" | "from-blue-900" | "from-violet-100" | "from-violet-200" | "from-violet-300" | "from-violet-400" | "from-violet-500" | "from-violet-600" | "from-violet-700" | "from-violet-800" | "from-violet-900" | "from-pink-100" | "from-pink-200" | "from-pink-300" | "from-pink-400" | "from-pink-500" | "from-pink-600" | "from-pink-700" | "from-pink-800" | "from-pink-900" | "from-gui-blue-default-light" | "from-gui-blue-hover-light" | "from-gui-blue-active-light" | "from-gui-blue-default-dark" | "from-gui-blue-hover-dark" | "from-gui-blue-active-dark" | "from-gui-blue-focus" | "from-gui-unavailable" | "from-gui-success-green" | "from-gui-error-red" | "from-gui-focus" | "from-gui-focus-outline" | "from-gui-visited" | "from-white" | "from-extra-light-grey" | "from-light-grey" | "from-mid-grey" | "from-dark-grey" | "from-charcoal-grey" | "from-cool-black" | "from-active-orange" | "from-bright-red" | "from-red-orange" | "from-electric-cyan" | "from-zingy-green" | "from-jazzy-pink" | "from-gui-default" | "from-gui-hover" | "from-gui-active" | "from-gui-error" | "from-gui-success" | "from-gui-default-dark" | "from-gui-hover-dark" | "from-gui-active-dark" | "from-transparent" | "to-neutral-000" | "to-neutral-100" | "to-neutral-200" | "to-neutral-300" | "to-neutral-400" | "to-neutral-500" | "to-neutral-600" | "to-neutral-700" | "to-neutral-800" | "to-neutral-900" | "to-neutral-1000" | "to-neutral-1100" | "to-neutral-1200" | "to-neutral-1300" | "to-orange-100" | "to-orange-200" | "to-orange-300" | "to-orange-400" | "to-orange-500" | "to-orange-600" | "to-orange-700" | "to-orange-800" | "to-orange-900" | "to-orange-1000" | "to-orange-1100" | "to-yellow-100" | "to-yellow-200" | "to-yellow-300" | "to-yellow-400" | "to-yellow-500" | "to-yellow-600" | "to-yellow-700" | "to-yellow-800" | "to-yellow-900" | "to-green-100" | "to-green-200" | "to-green-300" | "to-green-400" | "to-green-500" | "to-green-600" | "to-green-700" | "to-green-800" | "to-green-900" | "to-blue-100" | "to-blue-200" | "to-blue-300" | "to-blue-400" | "to-blue-500" | "to-blue-600" | "to-blue-700" | "to-blue-800" | "to-blue-900" | "to-violet-100" | "to-violet-200" | "to-violet-300" | "to-violet-400" | "to-violet-500" | "to-violet-600" | "to-violet-700" | "to-violet-800" | "to-violet-900" | "to-pink-100" | "to-pink-200" | "to-pink-300" | "to-pink-400" | "to-pink-500" | "to-pink-600" | "to-pink-700" | "to-pink-800" | "to-pink-900" | "to-gui-blue-default-light" | "to-gui-blue-hover-light" | "to-gui-blue-active-light" | "to-gui-blue-default-dark" | "to-gui-blue-hover-dark" | "to-gui-blue-active-dark" | "to-gui-blue-focus" | "to-gui-unavailable" | "to-gui-success-green" | "to-gui-error-red" | "to-gui-focus" | "to-gui-focus-outline" | "to-gui-visited" | "to-white" | "to-extra-light-grey" | "to-light-grey" | "to-mid-grey" | "to-dark-grey" | "to-charcoal-grey" | "to-cool-black" | "to-active-orange" | "to-bright-red" | "to-red-orange" | "to-electric-cyan" | "to-zingy-green" | "to-jazzy-pink" | "to-gui-default" | "to-gui-hover" | "to-gui-active" | "to-gui-error" | "to-gui-success" | "to-gui-default-dark" | "to-gui-hover-dark" | "to-gui-active-dark" | "to-transparent" | "border-neutral-000" | "border-neutral-100" | "border-neutral-200" | "border-neutral-300" | "border-neutral-400" | "border-neutral-500" | "border-neutral-600" | "border-neutral-700" | "border-neutral-800" | "border-neutral-900" | "border-neutral-1000" | "border-neutral-1100" | "border-neutral-1200" | "border-neutral-1300" | "border-orange-100" | "border-orange-200" | "border-orange-300" | "border-orange-400" | "border-orange-500" | "border-orange-600" | "border-orange-700" | "border-orange-800" | "border-orange-900" | "border-orange-1000" | "border-orange-1100" | "border-yellow-100" | "border-yellow-200" | "border-yellow-300" | "border-yellow-400" | "border-yellow-500" | "border-yellow-600" | "border-yellow-700" | "border-yellow-800" | "border-yellow-900" | "border-green-100" | "border-green-200" | "border-green-300" | "border-green-400" | "border-green-500" | "border-green-600" | "border-green-700" | "border-green-800" | "border-green-900" | "border-blue-100" | "border-blue-200" | "border-blue-300" | "border-blue-400" | "border-blue-500" | "border-blue-600" | "border-blue-700" | "border-blue-800" | "border-blue-900" | "border-violet-100" | "border-violet-200" | "border-violet-300" | "border-violet-400" | "border-violet-500" | "border-violet-600" | "border-violet-700" | "border-violet-800" | "border-violet-900" | "border-pink-100" | "border-pink-200" | "border-pink-300" | "border-pink-400" | "border-pink-500" | "border-pink-600" | "border-pink-700" | "border-pink-800" | "border-pink-900" | "border-gui-blue-default-light" | "border-gui-blue-hover-light" | "border-gui-blue-active-light" | "border-gui-blue-default-dark" | "border-gui-blue-hover-dark" | "border-gui-blue-active-dark" | "border-gui-blue-focus" | "border-gui-unavailable" | "border-gui-success-green" | "border-gui-error-red" | "border-gui-focus" | "border-gui-focus-outline" | "border-gui-visited" | "border-white" | "border-extra-light-grey" | "border-light-grey" | "border-mid-grey" | "border-dark-grey" | "border-charcoal-grey" | "border-cool-black" | "border-active-orange" | "border-bright-red" | "border-red-orange" | "border-electric-cyan" | "border-zingy-green" | "border-jazzy-pink" | "border-gui-default" | "border-gui-hover" | "border-gui-active" | "border-gui-error" | "border-gui-success" | "border-gui-default-dark" | "border-gui-hover-dark" | "border-gui-active-dark" | "border-transparent" | "hover:bg-neutral-000" | "hover:bg-neutral-100" | "hover:bg-neutral-200" | "hover:bg-neutral-300" | "hover:bg-neutral-400" | "hover:bg-neutral-500" | "hover:bg-neutral-600" | "hover:bg-neutral-700" | "hover:bg-neutral-800" | "hover:bg-neutral-900" | "hover:bg-neutral-1000" | "hover:bg-neutral-1100" | "hover:bg-neutral-1200" | "hover:bg-neutral-1300" | "hover:bg-orange-100" | "hover:bg-orange-200" | "hover:bg-orange-300" | "hover:bg-orange-400" | "hover:bg-orange-500" | "hover:bg-orange-600" | "hover:bg-orange-700" | "hover:bg-orange-800" | "hover:bg-orange-900" | "hover:bg-orange-1000" | "hover:bg-orange-1100" | "hover:bg-yellow-100" | "hover:bg-yellow-200" | "hover:bg-yellow-300" | "hover:bg-yellow-400" | "hover:bg-yellow-500" | "hover:bg-yellow-600" | "hover:bg-yellow-700" | "hover:bg-yellow-800" | "hover:bg-yellow-900" | "hover:bg-green-100" | "hover:bg-green-200" | "hover:bg-green-300" | "hover:bg-green-400" | "hover:bg-green-500" | "hover:bg-green-600" | "hover:bg-green-700" | "hover:bg-green-800" | "hover:bg-green-900" | "hover:bg-blue-100" | "hover:bg-blue-200" | "hover:bg-blue-300" | "hover:bg-blue-400" | "hover:bg-blue-500" | "hover:bg-blue-600" | "hover:bg-blue-700" | "hover:bg-blue-800" | "hover:bg-blue-900" | "hover:bg-violet-100" | "hover:bg-violet-200" | "hover:bg-violet-300" | "hover:bg-violet-400" | "hover:bg-violet-500" | "hover:bg-violet-600" | "hover:bg-violet-700" | "hover:bg-violet-800" | "hover:bg-violet-900" | "hover:bg-pink-100" | "hover:bg-pink-200" | "hover:bg-pink-300" | "hover:bg-pink-400" | "hover:bg-pink-500" | "hover:bg-pink-600" | "hover:bg-pink-700" | "hover:bg-pink-800" | "hover:bg-pink-900" | "hover:bg-gui-blue-default-light" | "hover:bg-gui-blue-hover-light" | "hover:bg-gui-blue-active-light" | "hover:bg-gui-blue-default-dark" | "hover:bg-gui-blue-hover-dark" | "hover:bg-gui-blue-active-dark" | "hover:bg-gui-blue-focus" | "hover:bg-gui-unavailable" | "hover:bg-gui-success-green" | "hover:bg-gui-error-red" | "hover:bg-gui-focus" | "hover:bg-gui-focus-outline" | "hover:bg-gui-visited" | "hover:bg-white" | "hover:bg-extra-light-grey" | "hover:bg-light-grey" | "hover:bg-mid-grey" | "hover:bg-dark-grey" | "hover:bg-charcoal-grey" | "hover:bg-cool-black" | "hover:bg-active-orange" | "hover:bg-bright-red" | "hover:bg-red-orange" | "hover:bg-electric-cyan" | "hover:bg-zingy-green" | "hover:bg-jazzy-pink" | "hover:bg-gui-default" | "hover:bg-gui-hover" | "hover:bg-gui-active" | "hover:bg-gui-error" | "hover:bg-gui-success" | "hover:bg-gui-default-dark" | "hover:bg-gui-hover-dark" | "hover:bg-gui-active-dark" | "hover:bg-transparent" | "hover:text-neutral-000" | "hover:text-neutral-100" | "hover:text-neutral-200" | "hover:text-neutral-300" | "hover:text-neutral-400" | "hover:text-neutral-500" | "hover:text-neutral-600" | "hover:text-neutral-700" | "hover:text-neutral-800" | "hover:text-neutral-900" | "hover:text-neutral-1000" | "hover:text-neutral-1100" | "hover:text-neutral-1200" | "hover:text-neutral-1300" | "hover:text-orange-100" | "hover:text-orange-200" | "hover:text-orange-300" | "hover:text-orange-400" | "hover:text-orange-500" | "hover:text-orange-600" | "hover:text-orange-700" | "hover:text-orange-800" | "hover:text-orange-900" | "hover:text-orange-1000" | "hover:text-orange-1100" | "hover:text-yellow-100" | "hover:text-yellow-200" | "hover:text-yellow-300" | "hover:text-yellow-400" | "hover:text-yellow-500" | "hover:text-yellow-600" | "hover:text-yellow-700" | "hover:text-yellow-800" | "hover:text-yellow-900" | "hover:text-green-100" | "hover:text-green-200" | "hover:text-green-300" | "hover:text-green-400" | "hover:text-green-500" | "hover:text-green-600" | "hover:text-green-700" | "hover:text-green-800" | "hover:text-green-900" | "hover:text-blue-100" | "hover:text-blue-200" | "hover:text-blue-300" | "hover:text-blue-400" | "hover:text-blue-500" | "hover:text-blue-600" | "hover:text-blue-700" | "hover:text-blue-800" | "hover:text-blue-900" | "hover:text-violet-100" | "hover:text-violet-200" | "hover:text-violet-300" | "hover:text-violet-400" | "hover:text-violet-500" | "hover:text-violet-600" | "hover:text-violet-700" | "hover:text-violet-800" | "hover:text-violet-900" | "hover:text-pink-100" | "hover:text-pink-200" | "hover:text-pink-300" | "hover:text-pink-400" | "hover:text-pink-500" | "hover:text-pink-600" | "hover:text-pink-700" | "hover:text-pink-800" | "hover:text-pink-900" | "hover:text-gui-blue-default-light" | "hover:text-gui-blue-hover-light" | "hover:text-gui-blue-active-light" | "hover:text-gui-blue-default-dark" | "hover:text-gui-blue-hover-dark" | "hover:text-gui-blue-active-dark" | "hover:text-gui-blue-focus" | "hover:text-gui-unavailable" | "hover:text-gui-success-green" | "hover:text-gui-error-red" | "hover:text-gui-focus" | "hover:text-gui-focus-outline" | "hover:text-gui-visited" | "hover:text-white" | "hover:text-extra-light-grey" | "hover:text-light-grey" | "hover:text-mid-grey" | "hover:text-dark-grey" | "hover:text-charcoal-grey" | "hover:text-cool-black" | "hover:text-active-orange" | "hover:text-bright-red" | "hover:text-red-orange" | "hover:text-electric-cyan" | "hover:text-zingy-green" | "hover:text-jazzy-pink" | "hover:text-gui-default" | "hover:text-gui-hover" | "hover:text-gui-active" | "hover:text-gui-error" | "hover:text-gui-success" | "hover:text-gui-default-dark" | "hover:text-gui-hover-dark" | "hover:text-gui-active-dark" | "hover:text-transparent" | "hover:from-neutral-000" | "hover:from-neutral-100" | "hover:from-neutral-200" | "hover:from-neutral-300" | "hover:from-neutral-400" | "hover:from-neutral-500" | "hover:from-neutral-600" | "hover:from-neutral-700" | "hover:from-neutral-800" | "hover:from-neutral-900" | "hover:from-neutral-1000" | "hover:from-neutral-1100" | "hover:from-neutral-1200" | "hover:from-neutral-1300" | "hover:from-orange-100" | "hover:from-orange-200" | "hover:from-orange-300" | "hover:from-orange-400" | "hover:from-orange-500" | "hover:from-orange-600" | "hover:from-orange-700" | "hover:from-orange-800" | "hover:from-orange-900" | "hover:from-orange-1000" | "hover:from-orange-1100" | "hover:from-yellow-100" | "hover:from-yellow-200" | "hover:from-yellow-300" | "hover:from-yellow-400" | "hover:from-yellow-500" | "hover:from-yellow-600" | "hover:from-yellow-700" | "hover:from-yellow-800" | "hover:from-yellow-900" | "hover:from-green-100" | "hover:from-green-200" | "hover:from-green-300" | "hover:from-green-400" | "hover:from-green-500" | "hover:from-green-600" | "hover:from-green-700" | "hover:from-green-800" | "hover:from-green-900" | "hover:from-blue-100" | "hover:from-blue-200" | "hover:from-blue-300" | "hover:from-blue-400" | "hover:from-blue-500" | "hover:from-blue-600" | "hover:from-blue-700" | "hover:from-blue-800" | "hover:from-blue-900" | "hover:from-violet-100" | "hover:from-violet-200" | "hover:from-violet-300" | "hover:from-violet-400" | "hover:from-violet-500" | "hover:from-violet-600" | "hover:from-violet-700" | "hover:from-violet-800" | "hover:from-violet-900" | "hover:from-pink-100" | "hover:from-pink-200" | "hover:from-pink-300" | "hover:from-pink-400" | "hover:from-pink-500" | "hover:from-pink-600" | "hover:from-pink-700" | "hover:from-pink-800" | "hover:from-pink-900" | "hover:from-gui-blue-default-light" | "hover:from-gui-blue-hover-light" | "hover:from-gui-blue-active-light" | "hover:from-gui-blue-default-dark" | "hover:from-gui-blue-hover-dark" | "hover:from-gui-blue-active-dark" | "hover:from-gui-blue-focus" | "hover:from-gui-unavailable" | "hover:from-gui-success-green" | "hover:from-gui-error-red" | "hover:from-gui-focus" | "hover:from-gui-focus-outline" | "hover:from-gui-visited" | "hover:from-white" | "hover:from-extra-light-grey" | "hover:from-light-grey" | "hover:from-mid-grey" | "hover:from-dark-grey" | "hover:from-charcoal-grey" | "hover:from-cool-black" | "hover:from-active-orange" | "hover:from-bright-red" | "hover:from-red-orange" | "hover:from-electric-cyan" | "hover:from-zingy-green" | "hover:from-jazzy-pink" | "hover:from-gui-default" | "hover:from-gui-hover" | "hover:from-gui-active" | "hover:from-gui-error" | "hover:from-gui-success" | "hover:from-gui-default-dark" | "hover:from-gui-hover-dark" | "hover:from-gui-active-dark" | "hover:from-transparent" | "hover:to-neutral-000" | "hover:to-neutral-100" | "hover:to-neutral-200" | "hover:to-neutral-300" | "hover:to-neutral-400" | "hover:to-neutral-500" | "hover:to-neutral-600" | "hover:to-neutral-700" | "hover:to-neutral-800" | "hover:to-neutral-900" | "hover:to-neutral-1000" | "hover:to-neutral-1100" | "hover:to-neutral-1200" | "hover:to-neutral-1300" | "hover:to-orange-100" | "hover:to-orange-200" | "hover:to-orange-300" | "hover:to-orange-400" | "hover:to-orange-500" | "hover:to-orange-600" | "hover:to-orange-700" | "hover:to-orange-800" | "hover:to-orange-900" | "hover:to-orange-1000" | "hover:to-orange-1100" | "hover:to-yellow-100" | "hover:to-yellow-200" | "hover:to-yellow-300" | "hover:to-yellow-400" | "hover:to-yellow-500" | "hover:to-yellow-600" | "hover:to-yellow-700" | "hover:to-yellow-800" | "hover:to-yellow-900" | "hover:to-green-100" | "hover:to-green-200" | "hover:to-green-300" | "hover:to-green-400" | "hover:to-green-500" | "hover:to-green-600" | "hover:to-green-700" | "hover:to-green-800" | "hover:to-green-900" | "hover:to-blue-100" | "hover:to-blue-200" | "hover:to-blue-300" | "hover:to-blue-400" | "hover:to-blue-500" | "hover:to-blue-600" | "hover:to-blue-700" | "hover:to-blue-800" | "hover:to-blue-900" | "hover:to-violet-100" | "hover:to-violet-200" | "hover:to-violet-300" | "hover:to-violet-400" | "hover:to-violet-500" | "hover:to-violet-600" | "hover:to-violet-700" | "hover:to-violet-800" | "hover:to-violet-900" | "hover:to-pink-100" | "hover:to-pink-200" | "hover:to-pink-300" | "hover:to-pink-400" | "hover:to-pink-500" | "hover:to-pink-600" | "hover:to-pink-700" | "hover:to-pink-800" | "hover:to-pink-900" | "hover:to-gui-blue-default-light" | "hover:to-gui-blue-hover-light" | "hover:to-gui-blue-active-light" | "hover:to-gui-blue-default-dark" | "hover:to-gui-blue-hover-dark" | "hover:to-gui-blue-active-dark" | "hover:to-gui-blue-focus" | "hover:to-gui-unavailable" | "hover:to-gui-success-green" | "hover:to-gui-error-red" | "hover:to-gui-focus" | "hover:to-gui-focus-outline" | "hover:to-gui-visited" | "hover:to-white" | "hover:to-extra-light-grey" | "hover:to-light-grey" | "hover:to-mid-grey" | "hover:to-dark-grey" | "hover:to-charcoal-grey" | "hover:to-cool-black" | "hover:to-active-orange" | "hover:to-bright-red" | "hover:to-red-orange" | "hover:to-electric-cyan" | "hover:to-zingy-green" | "hover:to-jazzy-pink" | "hover:to-gui-default" | "hover:to-gui-hover" | "hover:to-gui-active" | "hover:to-gui-error" | "hover:to-gui-success" | "hover:to-gui-default-dark" | "hover:to-gui-hover-dark" | "hover:to-gui-active-dark" | "hover:to-transparent" | "hover:border-neutral-000" | "hover:border-neutral-100" | "hover:border-neutral-200" | "hover:border-neutral-300" | "hover:border-neutral-400" | "hover:border-neutral-500" | "hover:border-neutral-600" | "hover:border-neutral-700" | "hover:border-neutral-800" | "hover:border-neutral-900" | "hover:border-neutral-1000" | "hover:border-neutral-1100" | "hover:border-neutral-1200" | "hover:border-neutral-1300" | "hover:border-orange-100" | "hover:border-orange-200" | "hover:border-orange-300" | "hover:border-orange-400" | "hover:border-orange-500" | "hover:border-orange-600" | "hover:border-orange-700" | "hover:border-orange-800" | "hover:border-orange-900" | "hover:border-orange-1000" | "hover:border-orange-1100" | "hover:border-yellow-100" | "hover:border-yellow-200" | "hover:border-yellow-300" | "hover:border-yellow-400" | "hover:border-yellow-500" | "hover:border-yellow-600" | "hover:border-yellow-700" | "hover:border-yellow-800" | "hover:border-yellow-900" | "hover:border-green-100" | "hover:border-green-200" | "hover:border-green-300" | "hover:border-green-400" | "hover:border-green-500" | "hover:border-green-600" | "hover:border-green-700" | "hover:border-green-800" | "hover:border-green-900" | "hover:border-blue-100" | "hover:border-blue-200" | "hover:border-blue-300" | "hover:border-blue-400" | "hover:border-blue-500" | "hover:border-blue-600" | "hover:border-blue-700" | "hover:border-blue-800" | "hover:border-blue-900" | "hover:border-violet-100" | "hover:border-violet-200" | "hover:border-violet-300" | "hover:border-violet-400" | "hover:border-violet-500" | "hover:border-violet-600" | "hover:border-violet-700" | "hover:border-violet-800" | "hover:border-violet-900" | "hover:border-pink-100" | "hover:border-pink-200" | "hover:border-pink-300" | "hover:border-pink-400" | "hover:border-pink-500" | "hover:border-pink-600" | "hover:border-pink-700" | "hover:border-pink-800" | "hover:border-pink-900" | "hover:border-gui-blue-default-light" | "hover:border-gui-blue-hover-light" | "hover:border-gui-blue-active-light" | "hover:border-gui-blue-default-dark" | "hover:border-gui-blue-hover-dark" | "hover:border-gui-blue-active-dark" | "hover:border-gui-blue-focus" | "hover:border-gui-unavailable" | "hover:border-gui-success-green" | "hover:border-gui-error-red" | "hover:border-gui-focus" | "hover:border-gui-focus-outline" | "hover:border-gui-visited" | "hover:border-white" | "hover:border-extra-light-grey" | "hover:border-light-grey" | "hover:border-mid-grey" | "hover:border-dark-grey" | "hover:border-charcoal-grey" | "hover:border-cool-black" | "hover:border-active-orange" | "hover:border-bright-red" | "hover:border-red-orange" | "hover:border-electric-cyan" | "hover:border-zingy-green" | "hover:border-jazzy-pink" | "hover:border-gui-default" | "hover:border-gui-hover" | "hover:border-gui-active" | "hover:border-gui-error" | "hover:border-gui-success" | "hover:border-gui-default-dark" | "hover:border-gui-hover-dark" | "hover:border-gui-active-dark" | "hover:border-transparent" | "focus:bg-neutral-000" | "focus:bg-neutral-100" | "focus:bg-neutral-200" | "focus:bg-neutral-300" | "focus:bg-neutral-400" | "focus:bg-neutral-500" | "focus:bg-neutral-600" | "focus:bg-neutral-700" | "focus:bg-neutral-800" | "focus:bg-neutral-900" | "focus:bg-neutral-1000" | "focus:bg-neutral-1100" | "focus:bg-neutral-1200" | "focus:bg-neutral-1300" | "focus:bg-orange-100" | "focus:bg-orange-200" | "focus:bg-orange-300" | "focus:bg-orange-400" | "focus:bg-orange-500" | "focus:bg-orange-600" | "focus:bg-orange-700" | "focus:bg-orange-800" | "focus:bg-orange-900" | "focus:bg-orange-1000" | "focus:bg-orange-1100" | "focus:bg-yellow-100" | "focus:bg-yellow-200" | "focus:bg-yellow-300" | "focus:bg-yellow-400" | "focus:bg-yellow-500" | "focus:bg-yellow-600" | "focus:bg-yellow-700" | "focus:bg-yellow-800" | "focus:bg-yellow-900" | "focus:bg-green-100" | "focus:bg-green-200" | "focus:bg-green-300" | "focus:bg-green-400" | "focus:bg-green-500" | "focus:bg-green-600" | "focus:bg-green-700" | "focus:bg-green-800" | "focus:bg-green-900" | "focus:bg-blue-100" | "focus:bg-blue-200" | "focus:bg-blue-300" | "focus:bg-blue-400" | "focus:bg-blue-500" | "focus:bg-blue-600" | "focus:bg-blue-700" | "focus:bg-blue-800" | "focus:bg-blue-900" | "focus:bg-violet-100" | "focus:bg-violet-200" | "focus:bg-violet-300" | "focus:bg-violet-400" | "focus:bg-violet-500" | "focus:bg-violet-600" | "focus:bg-violet-700" | "focus:bg-violet-800" | "focus:bg-violet-900" | "focus:bg-pink-100" | "focus:bg-pink-200" | "focus:bg-pink-300" | "focus:bg-pink-400" | "focus:bg-pink-500" | "focus:bg-pink-600" | "focus:bg-pink-700" | "focus:bg-pink-800" | "focus:bg-pink-900" | "focus:bg-gui-blue-default-light" | "focus:bg-gui-blue-hover-light" | "focus:bg-gui-blue-active-light" | "focus:bg-gui-blue-default-dark" | "focus:bg-gui-blue-hover-dark" | "focus:bg-gui-blue-active-dark" | "focus:bg-gui-blue-focus" | "focus:bg-gui-unavailable" | "focus:bg-gui-success-green" | "focus:bg-gui-error-red" | "focus:bg-gui-focus" | "focus:bg-gui-focus-outline" | "focus:bg-gui-visited" | "focus:bg-white" | "focus:bg-extra-light-grey" | "focus:bg-light-grey" | "focus:bg-mid-grey" | "focus:bg-dark-grey" | "focus:bg-charcoal-grey" | "focus:bg-cool-black" | "focus:bg-active-orange" | "focus:bg-bright-red" | "focus:bg-red-orange" | "focus:bg-electric-cyan" | "focus:bg-zingy-green" | "focus:bg-jazzy-pink" | "focus:bg-gui-default" | "focus:bg-gui-hover" | "focus:bg-gui-active" | "focus:bg-gui-error" | "focus:bg-gui-success" | "focus:bg-gui-default-dark" | "focus:bg-gui-hover-dark" | "focus:bg-gui-active-dark" | "focus:bg-transparent" | "focus:text-neutral-000" | "focus:text-neutral-100" | "focus:text-neutral-200" | "focus:text-neutral-300" | "focus:text-neutral-400" | "focus:text-neutral-500" | "focus:text-neutral-600" | "focus:text-neutral-700" | "focus:text-neutral-800" | "focus:text-neutral-900" | "focus:text-neutral-1000" | "focus:text-neutral-1100" | "focus:text-neutral-1200" | "focus:text-neutral-1300" | "focus:text-orange-100" | "focus:text-orange-200" | "focus:text-orange-300" | "focus:text-orange-400" | "focus:text-orange-500" | "focus:text-orange-600" | "focus:text-orange-700" | "focus:text-orange-800" | "focus:text-orange-900" | "focus:text-orange-1000" | "focus:text-orange-1100" | "focus:text-yellow-100" | "focus:text-yellow-200" | "focus:text-yellow-300" | "focus:text-yellow-400" | "focus:text-yellow-500" | "focus:text-yellow-600" | "focus:text-yellow-700" | "focus:text-yellow-800" | "focus:text-yellow-900" | "focus:text-green-100" | "focus:text-green-200" | "focus:text-green-300" | "focus:text-green-400" | "focus:text-green-500" | "focus:text-green-600" | "focus:text-green-700" | "focus:text-green-800" | "focus:text-green-900" | "focus:text-blue-100" | "focus:text-blue-200" | "focus:text-blue-300" | "focus:text-blue-400" | "focus:text-blue-500" | "focus:text-blue-600" | "focus:text-blue-700" | "focus:text-blue-800" | "focus:text-blue-900" | "focus:text-violet-100" | "focus:text-violet-200" | "focus:text-violet-300" | "focus:text-violet-400" | "focus:text-violet-500" | "focus:text-violet-600" | "focus:text-violet-700" | "focus:text-violet-800" | "focus:text-violet-900" | "focus:text-pink-100" | "focus:text-pink-200" | "focus:text-pink-300" | "focus:text-pink-400" | "focus:text-pink-500" | "focus:text-pink-600" | "focus:text-pink-700" | "focus:text-pink-800" | "focus:text-pink-900" | "focus:text-gui-blue-default-light" | "focus:text-gui-blue-hover-light" | "focus:text-gui-blue-active-light" | "focus:text-gui-blue-default-dark" | "focus:text-gui-blue-hover-dark" | "focus:text-gui-blue-active-dark" | "focus:text-gui-blue-focus" | "focus:text-gui-unavailable" | "focus:text-gui-success-green" | "focus:text-gui-error-red" | "focus:text-gui-focus" | "focus:text-gui-focus-outline" | "focus:text-gui-visited" | "focus:text-white" | "focus:text-extra-light-grey" | "focus:text-light-grey" | "focus:text-mid-grey" | "focus:text-dark-grey" | "focus:text-charcoal-grey" | "focus:text-cool-black" | "focus:text-active-orange" | "focus:text-bright-red" | "focus:text-red-orange" | "focus:text-electric-cyan" | "focus:text-zingy-green" | "focus:text-jazzy-pink" | "focus:text-gui-default" | "focus:text-gui-hover" | "focus:text-gui-active" | "focus:text-gui-error" | "focus:text-gui-success" | "focus:text-gui-default-dark" | "focus:text-gui-hover-dark" | "focus:text-gui-active-dark" | "focus:text-transparent" | "focus:from-neutral-000" | "focus:from-neutral-100" | "focus:from-neutral-200" | "focus:from-neutral-300" | "focus:from-neutral-400" | "focus:from-neutral-500" | "focus:from-neutral-600" | "focus:from-neutral-700" | "focus:from-neutral-800" | "focus:from-neutral-900" | "focus:from-neutral-1000" | "focus:from-neutral-1100" | "focus:from-neutral-1200" | "focus:from-neutral-1300" | "focus:from-orange-100" | "focus:from-orange-200" | "focus:from-orange-300" | "focus:from-orange-400" | "focus:from-orange-500" | "focus:from-orange-600" | "focus:from-orange-700" | "focus:from-orange-800" | "focus:from-orange-900" | "focus:from-orange-1000" | "focus:from-orange-1100" | "focus:from-yellow-100" | "focus:from-yellow-200" | "focus:from-yellow-300" | "focus:from-yellow-400" | "focus:from-yellow-500" | "focus:from-yellow-600" | "focus:from-yellow-700" | "focus:from-yellow-800" | "focus:from-yellow-900" | "focus:from-green-100" | "focus:from-green-200" | "focus:from-green-300" | "focus:from-green-400" | "focus:from-green-500" | "focus:from-green-600" | "focus:from-green-700" | "focus:from-green-800" | "focus:from-green-900" | "focus:from-blue-100" | "focus:from-blue-200" | "focus:from-blue-300" | "focus:from-blue-400" | "focus:from-blue-500" | "focus:from-blue-600" | "focus:from-blue-700" | "focus:from-blue-800" | "focus:from-blue-900" | "focus:from-violet-100" | "focus:from-violet-200" | "focus:from-violet-300" | "focus:from-violet-400" | "focus:from-violet-500" | "focus:from-violet-600" | "focus:from-violet-700" | "focus:from-violet-800" | "focus:from-violet-900" | "focus:from-pink-100" | "focus:from-pink-200" | "focus:from-pink-300" | "focus:from-pink-400" | "focus:from-pink-500" | "focus:from-pink-600" | "focus:from-pink-700" | "focus:from-pink-800" | "focus:from-pink-900" | "focus:from-gui-blue-default-light" | "focus:from-gui-blue-hover-light" | "focus:from-gui-blue-active-light" | "focus:from-gui-blue-default-dark" | "focus:from-gui-blue-hover-dark" | "focus:from-gui-blue-active-dark" | "focus:from-gui-blue-focus" | "focus:from-gui-unavailable" | "focus:from-gui-success-green" | "focus:from-gui-error-red" | "focus:from-gui-focus" | "focus:from-gui-focus-outline" | "focus:from-gui-visited" | "focus:from-white" | "focus:from-extra-light-grey" | "focus:from-light-grey" | "focus:from-mid-grey" | "focus:from-dark-grey" | "focus:from-charcoal-grey" | "focus:from-cool-black" | "focus:from-active-orange" | "focus:from-bright-red" | "focus:from-red-orange" | "focus:from-electric-cyan" | "focus:from-zingy-green" | "focus:from-jazzy-pink" | "focus:from-gui-default" | "focus:from-gui-hover" | "focus:from-gui-active" | "focus:from-gui-error" | "focus:from-gui-success" | "focus:from-gui-default-dark" | "focus:from-gui-hover-dark" | "focus:from-gui-active-dark" | "focus:from-transparent" | "focus:to-neutral-000" | "focus:to-neutral-100" | "focus:to-neutral-200" | "focus:to-neutral-300" | "focus:to-neutral-400" | "focus:to-neutral-500" | "focus:to-neutral-600" | "focus:to-neutral-700" | "focus:to-neutral-800" | "focus:to-neutral-900" | "focus:to-neutral-1000" | "focus:to-neutral-1100" | "focus:to-neutral-1200" | "focus:to-neutral-1300" | "focus:to-orange-100" | "focus:to-orange-200" | "focus:to-orange-300" | "focus:to-orange-400" | "focus:to-orange-500" | "focus:to-orange-600" | "focus:to-orange-700" | "focus:to-orange-800" | "focus:to-orange-900" | "focus:to-orange-1000" | "focus:to-orange-1100" | "focus:to-yellow-100" | "focus:to-yellow-200" | "focus:to-yellow-300" | "focus:to-yellow-400" | "focus:to-yellow-500" | "focus:to-yellow-600" | "focus:to-yellow-700" | "focus:to-yellow-800" | "focus:to-yellow-900" | "focus:to-green-100" | "focus:to-green-200" | "focus:to-green-300" | "focus:to-green-400" | "focus:to-green-500" | "focus:to-green-600" | "focus:to-green-700" | "focus:to-green-800" | "focus:to-green-900" | "focus:to-blue-100" | "focus:to-blue-200" | "focus:to-blue-300" | "focus:to-blue-400" | "focus:to-blue-500" | "focus:to-blue-600" | "focus:to-blue-700" | "focus:to-blue-800" | "focus:to-blue-900" | "focus:to-violet-100" | "focus:to-violet-200" | "focus:to-violet-300" | "focus:to-violet-400" | "focus:to-violet-500" | "focus:to-violet-600" | "focus:to-violet-700" | "focus:to-violet-800" | "focus:to-violet-900" | "focus:to-pink-100" | "focus:to-pink-200" | "focus:to-pink-300" | "focus:to-pink-400" | "focus:to-pink-500" | "focus:to-pink-600" | "focus:to-pink-700" | "focus:to-pink-800" | "focus:to-pink-900" | "focus:to-gui-blue-default-light" | "focus:to-gui-blue-hover-light" | "focus:to-gui-blue-active-light" | "focus:to-gui-blue-default-dark" | "focus:to-gui-blue-hover-dark" | "focus:to-gui-blue-active-dark" | "focus:to-gui-blue-focus" | "focus:to-gui-unavailable" | "focus:to-gui-success-green" | "focus:to-gui-error-red" | "focus:to-gui-focus" | "focus:to-gui-focus-outline" | "focus:to-gui-visited" | "focus:to-white" | "focus:to-extra-light-grey" | "focus:to-light-grey" | "focus:to-mid-grey" | "focus:to-dark-grey" | "focus:to-charcoal-grey" | "focus:to-cool-black" | "focus:to-active-orange" | "focus:to-bright-red" | "focus:to-red-orange" | "focus:to-electric-cyan" | "focus:to-zingy-green" | "focus:to-jazzy-pink" | "focus:to-gui-default" | "focus:to-gui-hover" | "focus:to-gui-active" | "focus:to-gui-error" | "focus:to-gui-success" | "focus:to-gui-default-dark" | "focus:to-gui-hover-dark" | "focus:to-gui-active-dark" | "focus:to-transparent" | "focus:border-neutral-000" | "focus:border-neutral-100" | "focus:border-neutral-200" | "focus:border-neutral-300" | "focus:border-neutral-400" | "focus:border-neutral-500" | "focus:border-neutral-600" | "focus:border-neutral-700" | "focus:border-neutral-800" | "focus:border-neutral-900" | "focus:border-neutral-1000" | "focus:border-neutral-1100" | "focus:border-neutral-1200" | "focus:border-neutral-1300" | "focus:border-orange-100" | "focus:border-orange-200" | "focus:border-orange-300" | "focus:border-orange-400" | "focus:border-orange-500" | "focus:border-orange-600" | "focus:border-orange-700" | "focus:border-orange-800" | "focus:border-orange-900" | "focus:border-orange-1000" | "focus:border-orange-1100" | "focus:border-yellow-100" | "focus:border-yellow-200" | "focus:border-yellow-300" | "focus:border-yellow-400" | "focus:border-yellow-500" | "focus:border-yellow-600" | "focus:border-yellow-700" | "focus:border-yellow-800" | "focus:border-yellow-900" | "focus:border-green-100" | "focus:border-green-200" | "focus:border-green-300" | "focus:border-green-400" | "focus:border-green-500" | "focus:border-green-600" | "focus:border-green-700" | "focus:border-green-800" | "focus:border-green-900" | "focus:border-blue-100" | "focus:border-blue-200" | "focus:border-blue-300" | "focus:border-blue-400" | "focus:border-blue-500" | "focus:border-blue-600" | "focus:border-blue-700" | "focus:border-blue-800" | "focus:border-blue-900" | "focus:border-violet-100" | "focus:border-violet-200" | "focus:border-violet-300" | "focus:border-violet-400" | "focus:border-violet-500" | "focus:border-violet-600" | "focus:border-violet-700" | "focus:border-violet-800" | "focus:border-violet-900" | "focus:border-pink-100" | "focus:border-pink-200" | "focus:border-pink-300" | "focus:border-pink-400" | "focus:border-pink-500" | "focus:border-pink-600" | "focus:border-pink-700" | "focus:border-pink-800" | "focus:border-pink-900" | "focus:border-gui-blue-default-light" | "focus:border-gui-blue-hover-light" | "focus:border-gui-blue-active-light" | "focus:border-gui-blue-default-dark" | "focus:border-gui-blue-hover-dark" | "focus:border-gui-blue-active-dark" | "focus:border-gui-blue-focus" | "focus:border-gui-unavailable" | "focus:border-gui-success-green" | "focus:border-gui-error-red" | "focus:border-gui-focus" | "focus:border-gui-focus-outline" | "focus:border-gui-visited" | "focus:border-white" | "focus:border-extra-light-grey" | "focus:border-light-grey" | "focus:border-mid-grey" | "focus:border-dark-grey" | "focus:border-charcoal-grey" | "focus:border-cool-black" | "focus:border-active-orange" | "focus:border-bright-red" | "focus:border-red-orange" | "focus:border-electric-cyan" | "focus:border-zingy-green" | "focus:border-jazzy-pink" | "focus:border-gui-default" | "focus:border-gui-hover" | "focus:border-gui-active" | "focus:border-gui-error" | "focus:border-gui-success" | "focus:border-gui-default-dark" | "focus:border-gui-hover-dark" | "focus:border-gui-active-dark" | "focus:border-transparent" | "group-hover:bg-neutral-000" | "group-hover:bg-neutral-100" | "group-hover:bg-neutral-200" | "group-hover:bg-neutral-300" | "group-hover:bg-neutral-400" | "group-hover:bg-neutral-500" | "group-hover:bg-neutral-600" | "group-hover:bg-neutral-700" | "group-hover:bg-neutral-800" | "group-hover:bg-neutral-900" | "group-hover:bg-neutral-1000" | "group-hover:bg-neutral-1100" | "group-hover:bg-neutral-1200" | "group-hover:bg-neutral-1300" | "group-hover:bg-orange-100" | "group-hover:bg-orange-200" | "group-hover:bg-orange-300" | "group-hover:bg-orange-400" | "group-hover:bg-orange-500" | "group-hover:bg-orange-600" | "group-hover:bg-orange-700" | "group-hover:bg-orange-800" | "group-hover:bg-orange-900" | "group-hover:bg-orange-1000" | "group-hover:bg-orange-1100" | "group-hover:bg-yellow-100" | "group-hover:bg-yellow-200" | "group-hover:bg-yellow-300" | "group-hover:bg-yellow-400" | "group-hover:bg-yellow-500" | "group-hover:bg-yellow-600" | "group-hover:bg-yellow-700" | "group-hover:bg-yellow-800" | "group-hover:bg-yellow-900" | "group-hover:bg-green-100" | "group-hover:bg-green-200" | "group-hover:bg-green-300" | "group-hover:bg-green-400" | "group-hover:bg-green-500" | "group-hover:bg-green-600" | "group-hover:bg-green-700" | "group-hover:bg-green-800" | "group-hover:bg-green-900" | "group-hover:bg-blue-100" | "group-hover:bg-blue-200" | "group-hover:bg-blue-300" | "group-hover:bg-blue-400" | "group-hover:bg-blue-500" | "group-hover:bg-blue-600" | "group-hover:bg-blue-700" | "group-hover:bg-blue-800" | "group-hover:bg-blue-900" | "group-hover:bg-violet-100" | "group-hover:bg-violet-200" | "group-hover:bg-violet-300" | "group-hover:bg-violet-400" | "group-hover:bg-violet-500" | "group-hover:bg-violet-600" | "group-hover:bg-violet-700" | "group-hover:bg-violet-800" | "group-hover:bg-violet-900" | "group-hover:bg-pink-100" | "group-hover:bg-pink-200" | "group-hover:bg-pink-300" | "group-hover:bg-pink-400" | "group-hover:bg-pink-500" | "group-hover:bg-pink-600" | "group-hover:bg-pink-700" | "group-hover:bg-pink-800" | "group-hover:bg-pink-900" | "group-hover:bg-gui-blue-default-light" | "group-hover:bg-gui-blue-hover-light" | "group-hover:bg-gui-blue-active-light" | "group-hover:bg-gui-blue-default-dark" | "group-hover:bg-gui-blue-hover-dark" | "group-hover:bg-gui-blue-active-dark" | "group-hover:bg-gui-blue-focus" | "group-hover:bg-gui-unavailable" | "group-hover:bg-gui-success-green" | "group-hover:bg-gui-error-red" | "group-hover:bg-gui-focus" | "group-hover:bg-gui-focus-outline" | "group-hover:bg-gui-visited" | "group-hover:bg-white" | "group-hover:bg-extra-light-grey" | "group-hover:bg-light-grey" | "group-hover:bg-mid-grey" | "group-hover:bg-dark-grey" | "group-hover:bg-charcoal-grey" | "group-hover:bg-cool-black" | "group-hover:bg-active-orange" | "group-hover:bg-bright-red" | "group-hover:bg-red-orange" | "group-hover:bg-electric-cyan" | "group-hover:bg-zingy-green" | "group-hover:bg-jazzy-pink" | "group-hover:bg-gui-default" | "group-hover:bg-gui-hover" | "group-hover:bg-gui-active" | "group-hover:bg-gui-error" | "group-hover:bg-gui-success" | "group-hover:bg-gui-default-dark" | "group-hover:bg-gui-hover-dark" | "group-hover:bg-gui-active-dark" | "group-hover:bg-transparent" | "group-hover:text-neutral-000" | "group-hover:text-neutral-100" | "group-hover:text-neutral-200" | "group-hover:text-neutral-300" | "group-hover:text-neutral-400" | "group-hover:text-neutral-500" | "group-hover:text-neutral-600" | "group-hover:text-neutral-700" | "group-hover:text-neutral-800" | "group-hover:text-neutral-900" | "group-hover:text-neutral-1000" | "group-hover:text-neutral-1100" | "group-hover:text-neutral-1200" | "group-hover:text-neutral-1300" | "group-hover:text-orange-100" | "group-hover:text-orange-200" | "group-hover:text-orange-300" | "group-hover:text-orange-400" | "group-hover:text-orange-500" | "group-hover:text-orange-600" | "group-hover:text-orange-700" | "group-hover:text-orange-800" | "group-hover:text-orange-900" | "group-hover:text-orange-1000" | "group-hover:text-orange-1100" | "group-hover:text-yellow-100" | "group-hover:text-yellow-200" | "group-hover:text-yellow-300" | "group-hover:text-yellow-400" | "group-hover:text-yellow-500" | "group-hover:text-yellow-600" | "group-hover:text-yellow-700" | "group-hover:text-yellow-800" | "group-hover:text-yellow-900" | "group-hover:text-green-100" | "group-hover:text-green-200" | "group-hover:text-green-300" | "group-hover:text-green-400" | "group-hover:text-green-500" | "group-hover:text-green-600" | "group-hover:text-green-700" | "group-hover:text-green-800" | "group-hover:text-green-900" | "group-hover:text-blue-100" | "group-hover:text-blue-200" | "group-hover:text-blue-300" | "group-hover:text-blue-400" | "group-hover:text-blue-500" | "group-hover:text-blue-600" | "group-hover:text-blue-700" | "group-hover:text-blue-800" | "group-hover:text-blue-900" | "group-hover:text-violet-100" | "group-hover:text-violet-200" | "group-hover:text-violet-300" | "group-hover:text-violet-400" | "group-hover:text-violet-500" | "group-hover:text-violet-600" | "group-hover:text-violet-700" | "group-hover:text-violet-800" | "group-hover:text-violet-900" | "group-hover:text-pink-100" | "group-hover:text-pink-200" | "group-hover:text-pink-300" | "group-hover:text-pink-400" | "group-hover:text-pink-500" | "group-hover:text-pink-600" | "group-hover:text-pink-700" | "group-hover:text-pink-800" | "group-hover:text-pink-900" | "group-hover:text-gui-blue-default-light" | "group-hover:text-gui-blue-hover-light" | "group-hover:text-gui-blue-active-light" | "group-hover:text-gui-blue-default-dark" | "group-hover:text-gui-blue-hover-dark" | "group-hover:text-gui-blue-active-dark" | "group-hover:text-gui-blue-focus" | "group-hover:text-gui-unavailable" | "group-hover:text-gui-success-green" | "group-hover:text-gui-error-red" | "group-hover:text-gui-focus" | "group-hover:text-gui-focus-outline" | "group-hover:text-gui-visited" | "group-hover:text-white" | "group-hover:text-extra-light-grey" | "group-hover:text-light-grey" | "group-hover:text-mid-grey" | "group-hover:text-dark-grey" | "group-hover:text-charcoal-grey" | "group-hover:text-cool-black" | "group-hover:text-active-orange" | "group-hover:text-bright-red" | "group-hover:text-red-orange" | "group-hover:text-electric-cyan" | "group-hover:text-zingy-green" | "group-hover:text-jazzy-pink" | "group-hover:text-gui-default" | "group-hover:text-gui-hover" | "group-hover:text-gui-active" | "group-hover:text-gui-error" | "group-hover:text-gui-success" | "group-hover:text-gui-default-dark" | "group-hover:text-gui-hover-dark" | "group-hover:text-gui-active-dark" | "group-hover:text-transparent" | "group-hover:from-neutral-000" | "group-hover:from-neutral-100" | "group-hover:from-neutral-200" | "group-hover:from-neutral-300" | "group-hover:from-neutral-400" | "group-hover:from-neutral-500" | "group-hover:from-neutral-600" | "group-hover:from-neutral-700" | "group-hover:from-neutral-800" | "group-hover:from-neutral-900" | "group-hover:from-neutral-1000" | "group-hover:from-neutral-1100" | "group-hover:from-neutral-1200" | "group-hover:from-neutral-1300" | "group-hover:from-orange-100" | "group-hover:from-orange-200" | "group-hover:from-orange-300" | "group-hover:from-orange-400" | "group-hover:from-orange-500" | "group-hover:from-orange-600" | "group-hover:from-orange-700" | "group-hover:from-orange-800" | "group-hover:from-orange-900" | "group-hover:from-orange-1000" | "group-hover:from-orange-1100" | "group-hover:from-yellow-100" | "group-hover:from-yellow-200" | "group-hover:from-yellow-300" | "group-hover:from-yellow-400" | "group-hover:from-yellow-500" | "group-hover:from-yellow-600" | "group-hover:from-yellow-700" | "group-hover:from-yellow-800" | "group-hover:from-yellow-900" | "group-hover:from-green-100" | "group-hover:from-green-200" | "group-hover:from-green-300" | "group-hover:from-green-400" | "group-hover:from-green-500" | "group-hover:from-green-600" | "group-hover:from-green-700" | "group-hover:from-green-800" | "group-hover:from-green-900" | "group-hover:from-blue-100" | "group-hover:from-blue-200" | "group-hover:from-blue-300" | "group-hover:from-blue-400" | "group-hover:from-blue-500" | "group-hover:from-blue-600" | "group-hover:from-blue-700" | "group-hover:from-blue-800" | "group-hover:from-blue-900" | "group-hover:from-violet-100" | "group-hover:from-violet-200" | "group-hover:from-violet-300" | "group-hover:from-violet-400" | "group-hover:from-violet-500" | "group-hover:from-violet-600" | "group-hover:from-violet-700" | "group-hover:from-violet-800" | "group-hover:from-violet-900" | "group-hover:from-pink-100" | "group-hover:from-pink-200" | "group-hover:from-pink-300" | "group-hover:from-pink-400" | "group-hover:from-pink-500" | "group-hover:from-pink-600" | "group-hover:from-pink-700" | "group-hover:from-pink-800" | "group-hover:from-pink-900" | "group-hover:from-gui-blue-default-light" | "group-hover:from-gui-blue-hover-light" | "group-hover:from-gui-blue-active-light" | "group-hover:from-gui-blue-default-dark" | "group-hover:from-gui-blue-hover-dark" | "group-hover:from-gui-blue-active-dark" | "group-hover:from-gui-blue-focus" | "group-hover:from-gui-unavailable" | "group-hover:from-gui-success-green" | "group-hover:from-gui-error-red" | "group-hover:from-gui-focus" | "group-hover:from-gui-focus-outline" | "group-hover:from-gui-visited" | "group-hover:from-white" | "group-hover:from-extra-light-grey" | "group-hover:from-light-grey" | "group-hover:from-mid-grey" | "group-hover:from-dark-grey" | "group-hover:from-charcoal-grey" | "group-hover:from-cool-black" | "group-hover:from-active-orange" | "group-hover:from-bright-red" | "group-hover:from-red-orange" | "group-hover:from-electric-cyan" | "group-hover:from-zingy-green" | "group-hover:from-jazzy-pink" | "group-hover:from-gui-default" | "group-hover:from-gui-hover" | "group-hover:from-gui-active" | "group-hover:from-gui-error" | "group-hover:from-gui-success" | "group-hover:from-gui-default-dark" | "group-hover:from-gui-hover-dark" | "group-hover:from-gui-active-dark" | "group-hover:from-transparent" | "group-hover:to-neutral-000" | "group-hover:to-neutral-100" | "group-hover:to-neutral-200" | "group-hover:to-neutral-300" | "group-hover:to-neutral-400" | "group-hover:to-neutral-500" | "group-hover:to-neutral-600" | "group-hover:to-neutral-700" | "group-hover:to-neutral-800" | "group-hover:to-neutral-900" | "group-hover:to-neutral-1000" | "group-hover:to-neutral-1100" | "group-hover:to-neutral-1200" | "group-hover:to-neutral-1300" | "group-hover:to-orange-100" | "group-hover:to-orange-200" | "group-hover:to-orange-300" | "group-hover:to-orange-400" | "group-hover:to-orange-500" | "group-hover:to-orange-600" | "group-hover:to-orange-700" | "group-hover:to-orange-800" | "group-hover:to-orange-900" | "group-hover:to-orange-1000" | "group-hover:to-orange-1100" | "group-hover:to-yellow-100" | "group-hover:to-yellow-200" | "group-hover:to-yellow-300" | "group-hover:to-yellow-400" | "group-hover:to-yellow-500" | "group-hover:to-yellow-600" | "group-hover:to-yellow-700" | "group-hover:to-yellow-800" | "group-hover:to-yellow-900" | "group-hover:to-green-100" | "group-hover:to-green-200" | "group-hover:to-green-300" | "group-hover:to-green-400" | "group-hover:to-green-500" | "group-hover:to-green-600" | "group-hover:to-green-700" | "group-hover:to-green-800" | "group-hover:to-green-900" | "group-hover:to-blue-100" | "group-hover:to-blue-200" | "group-hover:to-blue-300" | "group-hover:to-blue-400" | "group-hover:to-blue-500" | "group-hover:to-blue-600" | "group-hover:to-blue-700" | "group-hover:to-blue-800" | "group-hover:to-blue-900" | "group-hover:to-violet-100" | "group-hover:to-violet-200" | "group-hover:to-violet-300" | "group-hover:to-violet-400" | "group-hover:to-violet-500" | "group-hover:to-violet-600" | "group-hover:to-violet-700" | "group-hover:to-violet-800" | "group-hover:to-violet-900" | "group-hover:to-pink-100" | "group-hover:to-pink-200" | "group-hover:to-pink-300" | "group-hover:to-pink-400" | "group-hover:to-pink-500" | "group-hover:to-pink-600" | "group-hover:to-pink-700" | "group-hover:to-pink-800" | "group-hover:to-pink-900" | "group-hover:to-gui-blue-default-light" | "group-hover:to-gui-blue-hover-light" | "group-hover:to-gui-blue-active-light" | "group-hover:to-gui-blue-default-dark" | "group-hover:to-gui-blue-hover-dark" | "group-hover:to-gui-blue-active-dark" | "group-hover:to-gui-blue-focus" | "group-hover:to-gui-unavailable" | "group-hover:to-gui-success-green" | "group-hover:to-gui-error-red" | "group-hover:to-gui-focus" | "group-hover:to-gui-focus-outline" | "group-hover:to-gui-visited" | "group-hover:to-white" | "group-hover:to-extra-light-grey" | "group-hover:to-light-grey" | "group-hover:to-mid-grey" | "group-hover:to-dark-grey" | "group-hover:to-charcoal-grey" | "group-hover:to-cool-black" | "group-hover:to-active-orange" | "group-hover:to-bright-red" | "group-hover:to-red-orange" | "group-hover:to-electric-cyan" | "group-hover:to-zingy-green" | "group-hover:to-jazzy-pink" | "group-hover:to-gui-default" | "group-hover:to-gui-hover" | "group-hover:to-gui-active" | "group-hover:to-gui-error" | "group-hover:to-gui-success" | "group-hover:to-gui-default-dark" | "group-hover:to-gui-hover-dark" | "group-hover:to-gui-active-dark" | "group-hover:to-transparent" | "group-hover:border-neutral-000" | "group-hover:border-neutral-100" | "group-hover:border-neutral-200" | "group-hover:border-neutral-300" | "group-hover:border-neutral-400" | "group-hover:border-neutral-500" | "group-hover:border-neutral-600" | "group-hover:border-neutral-700" | "group-hover:border-neutral-800" | "group-hover:border-neutral-900" | "group-hover:border-neutral-1000" | "group-hover:border-neutral-1100" | "group-hover:border-neutral-1200" | "group-hover:border-neutral-1300" | "group-hover:border-orange-100" | "group-hover:border-orange-200" | "group-hover:border-orange-300" | "group-hover:border-orange-400" | "group-hover:border-orange-500" | "group-hover:border-orange-600" | "group-hover:border-orange-700" | "group-hover:border-orange-800" | "group-hover:border-orange-900" | "group-hover:border-orange-1000" | "group-hover:border-orange-1100" | "group-hover:border-yellow-100" | "group-hover:border-yellow-200" | "group-hover:border-yellow-300" | "group-hover:border-yellow-400" | "group-hover:border-yellow-500" | "group-hover:border-yellow-600" | "group-hover:border-yellow-700" | "group-hover:border-yellow-800" | "group-hover:border-yellow-900" | "group-hover:border-green-100" | "group-hover:border-green-200" | "group-hover:border-green-300" | "group-hover:border-green-400" | "group-hover:border-green-500" | "group-hover:border-green-600" | "group-hover:border-green-700" | "group-hover:border-green-800" | "group-hover:border-green-900" | "group-hover:border-blue-100" | "group-hover:border-blue-200" | "group-hover:border-blue-300" | "group-hover:border-blue-400" | "group-hover:border-blue-500" | "group-hover:border-blue-600" | "group-hover:border-blue-700" | "group-hover:border-blue-800" | "group-hover:border-blue-900" | "group-hover:border-violet-100" | "group-hover:border-violet-200" | "group-hover:border-violet-300" | "group-hover:border-violet-400" | "group-hover:border-violet-500" | "group-hover:border-violet-600" | "group-hover:border-violet-700" | "group-hover:border-violet-800" | "group-hover:border-violet-900" | "group-hover:border-pink-100" | "group-hover:border-pink-200" | "group-hover:border-pink-300" | "group-hover:border-pink-400" | "group-hover:border-pink-500" | "group-hover:border-pink-600" | "group-hover:border-pink-700" | "group-hover:border-pink-800" | "group-hover:border-pink-900" | "group-hover:border-gui-blue-default-light" | "group-hover:border-gui-blue-hover-light" | "group-hover:border-gui-blue-active-light" | "group-hover:border-gui-blue-default-dark" | "group-hover:border-gui-blue-hover-dark" | "group-hover:border-gui-blue-active-dark" | "group-hover:border-gui-blue-focus" | "group-hover:border-gui-unavailable" | "group-hover:border-gui-success-green" | "group-hover:border-gui-error-red" | "group-hover:border-gui-focus" | "group-hover:border-gui-focus-outline" | "group-hover:border-gui-visited" | "group-hover:border-white" | "group-hover:border-extra-light-grey" | "group-hover:border-light-grey" | "group-hover:border-mid-grey" | "group-hover:border-dark-grey" | "group-hover:border-charcoal-grey" | "group-hover:border-cool-black" | "group-hover:border-active-orange" | "group-hover:border-bright-red" | "group-hover:border-red-orange" | "group-hover:border-electric-cyan" | "group-hover:border-zingy-green" | "group-hover:border-jazzy-pink" | "group-hover:border-gui-default" | "group-hover:border-gui-hover" | "group-hover:border-gui-active" | "group-hover:border-gui-error" | "group-hover:border-gui-success" | "group-hover:border-gui-default-dark" | "group-hover:border-gui-hover-dark" | "group-hover:border-gui-active-dark" | "group-hover:border-transparent" | "group-focus:bg-neutral-000" | "group-focus:bg-neutral-100" | "group-focus:bg-neutral-200" | "group-focus:bg-neutral-300" | "group-focus:bg-neutral-400" | "group-focus:bg-neutral-500" | "group-focus:bg-neutral-600" | "group-focus:bg-neutral-700" | "group-focus:bg-neutral-800" | "group-focus:bg-neutral-900" | "group-focus:bg-neutral-1000" | "group-focus:bg-neutral-1100" | "group-focus:bg-neutral-1200" | "group-focus:bg-neutral-1300" | "group-focus:bg-orange-100" | "group-focus:bg-orange-200" | "group-focus:bg-orange-300" | "group-focus:bg-orange-400" | "group-focus:bg-orange-500" | "group-focus:bg-orange-600" | "group-focus:bg-orange-700" | "group-focus:bg-orange-800" | "group-focus:bg-orange-900" | "group-focus:bg-orange-1000" | "group-focus:bg-orange-1100" | "group-focus:bg-yellow-100" | "group-focus:bg-yellow-200" | "group-focus:bg-yellow-300" | "group-focus:bg-yellow-400" | "group-focus:bg-yellow-500" | "group-focus:bg-yellow-600" | "group-focus:bg-yellow-700" | "group-focus:bg-yellow-800" | "group-focus:bg-yellow-900" | "group-focus:bg-green-100" | "group-focus:bg-green-200" | "group-focus:bg-green-300" | "group-focus:bg-green-400" | "group-focus:bg-green-500" | "group-focus:bg-green-600" | "group-focus:bg-green-700" | "group-focus:bg-green-800" | "group-focus:bg-green-900" | "group-focus:bg-blue-100" | "group-focus:bg-blue-200" | "group-focus:bg-blue-300" | "group-focus:bg-blue-400" | "group-focus:bg-blue-500" | "group-focus:bg-blue-600" | "group-focus:bg-blue-700" | "group-focus:bg-blue-800" | "group-focus:bg-blue-900" | "group-focus:bg-violet-100" | "group-focus:bg-violet-200" | "group-focus:bg-violet-300" | "group-focus:bg-violet-400" | "group-focus:bg-violet-500" | "group-focus:bg-violet-600" | "group-focus:bg-violet-700" | "group-focus:bg-violet-800" | "group-focus:bg-violet-900" | "group-focus:bg-pink-100" | "group-focus:bg-pink-200" | "group-focus:bg-pink-300" | "group-focus:bg-pink-400" | "group-focus:bg-pink-500" | "group-focus:bg-pink-600" | "group-focus:bg-pink-700" | "group-focus:bg-pink-800" | "group-focus:bg-pink-900" | "group-focus:bg-gui-blue-default-light" | "group-focus:bg-gui-blue-hover-light" | "group-focus:bg-gui-blue-active-light" | "group-focus:bg-gui-blue-default-dark" | "group-focus:bg-gui-blue-hover-dark" | "group-focus:bg-gui-blue-active-dark" | "group-focus:bg-gui-blue-focus" | "group-focus:bg-gui-unavailable" | "group-focus:bg-gui-success-green" | "group-focus:bg-gui-error-red" | "group-focus:bg-gui-focus" | "group-focus:bg-gui-focus-outline" | "group-focus:bg-gui-visited" | "group-focus:bg-white" | "group-focus:bg-extra-light-grey" | "group-focus:bg-light-grey" | "group-focus:bg-mid-grey" | "group-focus:bg-dark-grey" | "group-focus:bg-charcoal-grey" | "group-focus:bg-cool-black" | "group-focus:bg-active-orange" | "group-focus:bg-bright-red" | "group-focus:bg-red-orange" | "group-focus:bg-electric-cyan" | "group-focus:bg-zingy-green" | "group-focus:bg-jazzy-pink" | "group-focus:bg-gui-default" | "group-focus:bg-gui-hover" | "group-focus:bg-gui-active" | "group-focus:bg-gui-error" | "group-focus:bg-gui-success" | "group-focus:bg-gui-default-dark" | "group-focus:bg-gui-hover-dark" | "group-focus:bg-gui-active-dark" | "group-focus:bg-transparent" | "group-focus:text-neutral-000" | "group-focus:text-neutral-100" | "group-focus:text-neutral-200" | "group-focus:text-neutral-300" | "group-focus:text-neutral-400" | "group-focus:text-neutral-500" | "group-focus:text-neutral-600" | "group-focus:text-neutral-700" | "group-focus:text-neutral-800" | "group-focus:text-neutral-900" | "group-focus:text-neutral-1000" | "group-focus:text-neutral-1100" | "group-focus:text-neutral-1200" | "group-focus:text-neutral-1300" | "group-focus:text-orange-100" | "group-focus:text-orange-200" | "group-focus:text-orange-300" | "group-focus:text-orange-400" | "group-focus:text-orange-500" | "group-focus:text-orange-600" | "group-focus:text-orange-700" | "group-focus:text-orange-800" | "group-focus:text-orange-900" | "group-focus:text-orange-1000" | "group-focus:text-orange-1100" | "group-focus:text-yellow-100" | "group-focus:text-yellow-200" | "group-focus:text-yellow-300" | "group-focus:text-yellow-400" | "group-focus:text-yellow-500" | "group-focus:text-yellow-600" | "group-focus:text-yellow-700" | "group-focus:text-yellow-800" | "group-focus:text-yellow-900" | "group-focus:text-green-100" | "group-focus:text-green-200" | "group-focus:text-green-300" | "group-focus:text-green-400" | "group-focus:text-green-500" | "group-focus:text-green-600" | "group-focus:text-green-700" | "group-focus:text-green-800" | "group-focus:text-green-900" | "group-focus:text-blue-100" | "group-focus:text-blue-200" | "group-focus:text-blue-300" | "group-focus:text-blue-400" | "group-focus:text-blue-500" | "group-focus:text-blue-600" | "group-focus:text-blue-700" | "group-focus:text-blue-800" | "group-focus:text-blue-900" | "group-focus:text-violet-100" | "group-focus:text-violet-200" | "group-focus:text-violet-300" | "group-focus:text-violet-400" | "group-focus:text-violet-500" | "group-focus:text-violet-600" | "group-focus:text-violet-700" | "group-focus:text-violet-800" | "group-focus:text-violet-900" | "group-focus:text-pink-100" | "group-focus:text-pink-200" | "group-focus:text-pink-300" | "group-focus:text-pink-400" | "group-focus:text-pink-500" | "group-focus:text-pink-600" | "group-focus:text-pink-700" | "group-focus:text-pink-800" | "group-focus:text-pink-900" | "group-focus:text-gui-blue-default-light" | "group-focus:text-gui-blue-hover-light" | "group-focus:text-gui-blue-active-light" | "group-focus:text-gui-blue-default-dark" | "group-focus:text-gui-blue-hover-dark" | "group-focus:text-gui-blue-active-dark" | "group-focus:text-gui-blue-focus" | "group-focus:text-gui-unavailable" | "group-focus:text-gui-success-green" | "group-focus:text-gui-error-red" | "group-focus:text-gui-focus" | "group-focus:text-gui-focus-outline" | "group-focus:text-gui-visited" | "group-focus:text-white" | "group-focus:text-extra-light-grey" | "group-focus:text-light-grey" | "group-focus:text-mid-grey" | "group-focus:text-dark-grey" | "group-focus:text-charcoal-grey" | "group-focus:text-cool-black" | "group-focus:text-active-orange" | "group-focus:text-bright-red" | "group-focus:text-red-orange" | "group-focus:text-electric-cyan" | "group-focus:text-zingy-green" | "group-focus:text-jazzy-pink" | "group-focus:text-gui-default" | "group-focus:text-gui-hover" | "group-focus:text-gui-active" | "group-focus:text-gui-error" | "group-focus:text-gui-success" | "group-focus:text-gui-default-dark" | "group-focus:text-gui-hover-dark" | "group-focus:text-gui-active-dark" | "group-focus:text-transparent" | "group-focus:from-neutral-000" | "group-focus:from-neutral-100" | "group-focus:from-neutral-200" | "group-focus:from-neutral-300" | "group-focus:from-neutral-400" | "group-focus:from-neutral-500" | "group-focus:from-neutral-600" | "group-focus:from-neutral-700" | "group-focus:from-neutral-800" | "group-focus:from-neutral-900" | "group-focus:from-neutral-1000" | "group-focus:from-neutral-1100" | "group-focus:from-neutral-1200" | "group-focus:from-neutral-1300" | "group-focus:from-orange-100" | "group-focus:from-orange-200" | "group-focus:from-orange-300" | "group-focus:from-orange-400" | "group-focus:from-orange-500" | "group-focus:from-orange-600" | "group-focus:from-orange-700" | "group-focus:from-orange-800" | "group-focus:from-orange-900" | "group-focus:from-orange-1000" | "group-focus:from-orange-1100" | "group-focus:from-yellow-100" | "group-focus:from-yellow-200" | "group-focus:from-yellow-300" | "group-focus:from-yellow-400" | "group-focus:from-yellow-500" | "group-focus:from-yellow-600" | "group-focus:from-yellow-700" | "group-focus:from-yellow-800" | "group-focus:from-yellow-900" | "group-focus:from-green-100" | "group-focus:from-green-200" | "group-focus:from-green-300" | "group-focus:from-green-400" | "group-focus:from-green-500" | "group-focus:from-green-600" | "group-focus:from-green-700" | "group-focus:from-green-800" | "group-focus:from-green-900" | "group-focus:from-blue-100" | "group-focus:from-blue-200" | "group-focus:from-blue-300" | "group-focus:from-blue-400" | "group-focus:from-blue-500" | "group-focus:from-blue-600" | "group-focus:from-blue-700" | "group-focus:from-blue-800" | "group-focus:from-blue-900" | "group-focus:from-violet-100" | "group-focus:from-violet-200" | "group-focus:from-violet-300" | "group-focus:from-violet-400" | "group-focus:from-violet-500" | "group-focus:from-violet-600" | "group-focus:from-violet-700" | "group-focus:from-violet-800" | "group-focus:from-violet-900" | "group-focus:from-pink-100" | "group-focus:from-pink-200" | "group-focus:from-pink-300" | "group-focus:from-pink-400" | "group-focus:from-pink-500" | "group-focus:from-pink-600" | "group-focus:from-pink-700" | "group-focus:from-pink-800" | "group-focus:from-pink-900" | "group-focus:from-gui-blue-default-light" | "group-focus:from-gui-blue-hover-light" | "group-focus:from-gui-blue-active-light" | "group-focus:from-gui-blue-default-dark" | "group-focus:from-gui-blue-hover-dark" | "group-focus:from-gui-blue-active-dark" | "group-focus:from-gui-blue-focus" | "group-focus:from-gui-unavailable" | "group-focus:from-gui-success-green" | "group-focus:from-gui-error-red" | "group-focus:from-gui-focus" | "group-focus:from-gui-focus-outline" | "group-focus:from-gui-visited" | "group-focus:from-white" | "group-focus:from-extra-light-grey" | "group-focus:from-light-grey" | "group-focus:from-mid-grey" | "group-focus:from-dark-grey" | "group-focus:from-charcoal-grey" | "group-focus:from-cool-black" | "group-focus:from-active-orange" | "group-focus:from-bright-red" | "group-focus:from-red-orange" | "group-focus:from-electric-cyan" | "group-focus:from-zingy-green" | "group-focus:from-jazzy-pink" | "group-focus:from-gui-default" | "group-focus:from-gui-hover" | "group-focus:from-gui-active" | "group-focus:from-gui-error" | "group-focus:from-gui-success" | "group-focus:from-gui-default-dark" | "group-focus:from-gui-hover-dark" | "group-focus:from-gui-active-dark" | "group-focus:from-transparent" | "group-focus:to-neutral-000" | "group-focus:to-neutral-100" | "group-focus:to-neutral-200" | "group-focus:to-neutral-300" | "group-focus:to-neutral-400" | "group-focus:to-neutral-500" | "group-focus:to-neutral-600" | "group-focus:to-neutral-700" | "group-focus:to-neutral-800" | "group-focus:to-neutral-900" | "group-focus:to-neutral-1000" | "group-focus:to-neutral-1100" | "group-focus:to-neutral-1200" | "group-focus:to-neutral-1300" | "group-focus:to-orange-100" | "group-focus:to-orange-200" | "group-focus:to-orange-300" | "group-focus:to-orange-400" | "group-focus:to-orange-500" | "group-focus:to-orange-600" | "group-focus:to-orange-700" | "group-focus:to-orange-800" | "group-focus:to-orange-900" | "group-focus:to-orange-1000" | "group-focus:to-orange-1100" | "group-focus:to-yellow-100" | "group-focus:to-yellow-200" | "group-focus:to-yellow-300" | "group-focus:to-yellow-400" | "group-focus:to-yellow-500" | "group-focus:to-yellow-600" | "group-focus:to-yellow-700" | "group-focus:to-yellow-800" | "group-focus:to-yellow-900" | "group-focus:to-green-100" | "group-focus:to-green-200" | "group-focus:to-green-300" | "group-focus:to-green-400" | "group-focus:to-green-500" | "group-focus:to-green-600" | "group-focus:to-green-700" | "group-focus:to-green-800" | "group-focus:to-green-900" | "group-focus:to-blue-100" | "group-focus:to-blue-200" | "group-focus:to-blue-300" | "group-focus:to-blue-400" | "group-focus:to-blue-500" | "group-focus:to-blue-600" | "group-focus:to-blue-700" | "group-focus:to-blue-800" | "group-focus:to-blue-900" | "group-focus:to-violet-100" | "group-focus:to-violet-200" | "group-focus:to-violet-300" | "group-focus:to-violet-400" | "group-focus:to-violet-500" | "group-focus:to-violet-600" | "group-focus:to-violet-700" | "group-focus:to-violet-800" | "group-focus:to-violet-900" | "group-focus:to-pink-100" | "group-focus:to-pink-200" | "group-focus:to-pink-300" | "group-focus:to-pink-400" | "group-focus:to-pink-500" | "group-focus:to-pink-600" | "group-focus:to-pink-700" | "group-focus:to-pink-800" | "group-focus:to-pink-900" | "group-focus:to-gui-blue-default-light" | "group-focus:to-gui-blue-hover-light" | "group-focus:to-gui-blue-active-light" | "group-focus:to-gui-blue-default-dark" | "group-focus:to-gui-blue-hover-dark" | "group-focus:to-gui-blue-active-dark" | "group-focus:to-gui-blue-focus" | "group-focus:to-gui-unavailable" | "group-focus:to-gui-success-green" | "group-focus:to-gui-error-red" | "group-focus:to-gui-focus" | "group-focus:to-gui-focus-outline" | "group-focus:to-gui-visited" | "group-focus:to-white" | "group-focus:to-extra-light-grey" | "group-focus:to-light-grey" | "group-focus:to-mid-grey" | "group-focus:to-dark-grey" | "group-focus:to-charcoal-grey" | "group-focus:to-cool-black" | "group-focus:to-active-orange" | "group-focus:to-bright-red" | "group-focus:to-red-orange" | "group-focus:to-electric-cyan" | "group-focus:to-zingy-green" | "group-focus:to-jazzy-pink" | "group-focus:to-gui-default" | "group-focus:to-gui-hover" | "group-focus:to-gui-active" | "group-focus:to-gui-error" | "group-focus:to-gui-success" | "group-focus:to-gui-default-dark" | "group-focus:to-gui-hover-dark" | "group-focus:to-gui-active-dark" | "group-focus:to-transparent" | "group-focus:border-neutral-000" | "group-focus:border-neutral-100" | "group-focus:border-neutral-200" | "group-focus:border-neutral-300" | "group-focus:border-neutral-400" | "group-focus:border-neutral-500" | "group-focus:border-neutral-600" | "group-focus:border-neutral-700" | "group-focus:border-neutral-800" | "group-focus:border-neutral-900" | "group-focus:border-neutral-1000" | "group-focus:border-neutral-1100" | "group-focus:border-neutral-1200" | "group-focus:border-neutral-1300" | "group-focus:border-orange-100" | "group-focus:border-orange-200" | "group-focus:border-orange-300" | "group-focus:border-orange-400" | "group-focus:border-orange-500" | "group-focus:border-orange-600" | "group-focus:border-orange-700" | "group-focus:border-orange-800" | "group-focus:border-orange-900" | "group-focus:border-orange-1000" | "group-focus:border-orange-1100" | "group-focus:border-yellow-100" | "group-focus:border-yellow-200" | "group-focus:border-yellow-300" | "group-focus:border-yellow-400" | "group-focus:border-yellow-500" | "group-focus:border-yellow-600" | "group-focus:border-yellow-700" | "group-focus:border-yellow-800" | "group-focus:border-yellow-900" | "group-focus:border-green-100" | "group-focus:border-green-200" | "group-focus:border-green-300" | "group-focus:border-green-400" | "group-focus:border-green-500" | "group-focus:border-green-600" | "group-focus:border-green-700" | "group-focus:border-green-800" | "group-focus:border-green-900" | "group-focus:border-blue-100" | "group-focus:border-blue-200" | "group-focus:border-blue-300" | "group-focus:border-blue-400" | "group-focus:border-blue-500" | "group-focus:border-blue-600" | "group-focus:border-blue-700" | "group-focus:border-blue-800" | "group-focus:border-blue-900" | "group-focus:border-violet-100" | "group-focus:border-violet-200" | "group-focus:border-violet-300" | "group-focus:border-violet-400" | "group-focus:border-violet-500" | "group-focus:border-violet-600" | "group-focus:border-violet-700" | "group-focus:border-violet-800" | "group-focus:border-violet-900" | "group-focus:border-pink-100" | "group-focus:border-pink-200" | "group-focus:border-pink-300" | "group-focus:border-pink-400" | "group-focus:border-pink-500" | "group-focus:border-pink-600" | "group-focus:border-pink-700" | "group-focus:border-pink-800" | "group-focus:border-pink-900" | "group-focus:border-gui-blue-default-light" | "group-focus:border-gui-blue-hover-light" | "group-focus:border-gui-blue-active-light" | "group-focus:border-gui-blue-default-dark" | "group-focus:border-gui-blue-hover-dark" | "group-focus:border-gui-blue-active-dark" | "group-focus:border-gui-blue-focus" | "group-focus:border-gui-unavailable" | "group-focus:border-gui-success-green" | "group-focus:border-gui-error-red" | "group-focus:border-gui-focus" | "group-focus:border-gui-focus-outline" | "group-focus:border-gui-visited" | "group-focus:border-white" | "group-focus:border-extra-light-grey" | "group-focus:border-light-grey" | "group-focus:border-mid-grey" | "group-focus:border-dark-grey" | "group-focus:border-charcoal-grey" | "group-focus:border-cool-black" | "group-focus:border-active-orange" | "group-focus:border-bright-red" | "group-focus:border-red-orange" | "group-focus:border-electric-cyan" | "group-focus:border-zingy-green" | "group-focus:border-jazzy-pink" | "group-focus:border-gui-default" | "group-focus:border-gui-hover" | "group-focus:border-gui-active" | "group-focus:border-gui-error" | "group-focus:border-gui-success" | "group-focus:border-gui-default-dark" | "group-focus:border-gui-hover-dark" | "group-focus:border-gui-active-dark" | "group-focus:border-transparent";
 //# sourceMappingURL=utils.d.ts.map
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ably/ui",
-  "version": "14.6.0",
+  "version": "14.6.2-dev.7b98b73",
   "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
   "repository": {
     "type": "git",

package/tailwind.config.js

@@ -11,7 +11,7 @@ module.exports = {
     {
       pattern:
         /^(text|bg|from|to)-(neutral|orange|yellow|green|blue|violet|pink)-[\d]{1,2}00.*/,
-      variants: ["hover", "focus"],
+      variants: ["hover", "focus", "group-hover"],
     },
   ],
   theme: {
@@ -319,6 +319,16 @@ module.exports = {
       gridRowStart: {
         8: "8",
       },
+      keyframes: {
+        tooltipEntry: {
+          "0%": { transform: "translateY(8px)", opacity: 0 },
+          "100%": { transform: "translateY(0)", opacity: 1 },
+        },
+        tooltipExit: {
+          "0%": { opacity: 1 },
+          "100%": { opacity: 0 },
+        },
+      },
     },
     listStyleType: {
       none: "none",