@prismicio/editor-ui 0.4.28 → 0.4.30

package/dist/theme/{new/index.d.ts → index.d.ts}

@@ -1,3 +1,3 @@
-export * from "./install";
 export * from "./sx";
 export * from "./theme";
+export * from "./useMediaQuery";

package/dist/theme/{new/useMediaQuery.d.ts → useMediaQuery.d.ts}

@@ -2,6 +2,7 @@ type Breakpoint = keyof typeof breakpointToWidth;
 declare const breakpointToWidth: {
     small: number;
     medium: number;
+    large: number;
 };
 type UseMediaQueryArgs = {
     min: Breakpoint;

package/package.json

@@ -1,8 +1,7 @@
 {
   "dependencies": {
     "@internationalized/date": "3.5.0",
-    "@prismicio/editor-support": "0.4.28",
-    "@radix-ui/react-accordion": "1.1.2",
+    "@prismicio/editor-support": "0.4.30",
     "@radix-ui/react-avatar": "1.0.4",
     "@radix-ui/react-checkbox": "1.0.4",
     "@radix-ui/react-dialog": "1.0.5",
@@ -42,12 +41,10 @@
     "@tiptap/extension-text": "2.3.0",
     "@tiptap/pm": "2.3.0",
     "@tiptap/react": "2.3.0",
-    "@vanilla-extract/css": "1.14.1",
-    "@vanilla-extract/css-utils": "0.1.2",
-    "@vanilla-extract/sprinkles": "1.5.0",
     "clsx": "1.2.1",
     "csstype": "3.1.2",
     "react-easy-crop": "4.6.1",
+    "react-hotkeys-hook": "4.5.0",
     "react-remove-scroll": "2.5.6",
     "tslib": "2.4.0",
     "uuid": "9.0.1"
@@ -70,7 +67,6 @@
     "@types/react": "18.0.18",
     "@types/react-dom": "18.2.7",
     "@types/uuid": "9.0.8",
-    "@vanilla-extract/vite-plugin": "4.0.4",
     "@vitejs/plugin-react": "4.0.3",
     "eslint": "8.50.0",
     "eslint-config-prettier": "8.5.0",
@@ -122,5 +118,5 @@
   "sideEffects": false,
   "stableVersion": "0.0.0",
   "types": "./dist/index.d.ts",
-  "version": "0.4.28"
+  "version": "0.4.30"
 }

package/dist/components/Accordion/Accordion.d.ts

@@ -1,16 +0,0 @@
-import { type AccordionItemProps as ItemProps, type AccordionMultipleProps as RootMultipleProps, type AccordionSingleProps as RootSingleProps } from "@radix-ui/react-accordion";
-export type AccordionProps = Omit<RootMultipleProps, "type" | "value" | "defaultValue" | "onValueChange"> & {
-    type: RootMultipleProps["type"] | RootSingleProps["type"];
-    expanded?: RootMultipleProps["value"];
-    defaultExpanded?: RootMultipleProps["defaultValue"];
-    onExpandedChange?: RootMultipleProps["onValueChange"];
-};
-export declare function Accordion(props: AccordionProps): JSX.Element;
-type AccordionItemState = {
-    isExpanded: boolean;
-};
-type AccordionItemProps = Omit<ItemProps, "children"> & {
-    children?: ItemProps["children"] | ((state: AccordionItemState) => ItemProps["children"]);
-};
-export declare function AccordionItem(props: AccordionItemProps): JSX.Element;
-export {};

package/dist/components/Accordion/Accordion.stories.d.ts

@@ -1,33 +0,0 @@
-import type { StoryObj } from "@storybook/react";
-import { Accordion } from "./Accordion";
-type Story = StoryObj<typeof meta>;
-declare const meta: {
-    title: string;
-    component: typeof Accordion;
-    argTypes: {
-        children: {
-            control: {
-                disable: boolean;
-            };
-        };
-        type: {
-            control: {
-                type: string;
-            };
-            options: string[];
-        };
-        expanded: {
-            control: {
-                disable: boolean;
-            };
-        };
-        defaultExpanded: {
-            control: {
-                disable: boolean;
-            };
-        };
-    };
-};
-export default meta;
-export declare const Controlled: Story;
-export declare const Uncontrolled: Story;

package/dist/components/Accordion/index.d.ts

@@ -1,3 +0,0 @@
-export { Accordion, AccordionItem, type AccordionProps } from "./Accordion";
-export { useAccordion } from "./useAccordion";
-export { AccordionContent, AccordionHeader, AccordionTrigger } from "@radix-ui/react-accordion";

package/dist/components/Accordion/useAccordion.d.ts

@@ -1,18 +0,0 @@
-type UseAccordionType = "single" | "multiple";
-type UseAccordionArgs = {
-    type: UseAccordionType;
-    defaultExpanded?: string[];
-};
-type UseAccordionValue = {
-    type: UseAccordionType;
-    expanded: string[];
-    expand: (expanded: string | string[]) => void;
-    collapse: (expanded: string | string[]) => void;
-    accordionProps: {
-        type: UseAccordionType;
-        expanded: string[];
-        onExpandedChange: (expanded: string[]) => void;
-    };
-};
-export declare function useAccordion(args: UseAccordionArgs): UseAccordionValue;
-export {};

package/dist/theme/colors.d.ts

@@ -1,223 +0,0 @@
-export declare const colors: {
-    readonly grey1: {
-        readonly darkMode: "greyDark1";
-        readonly lightMode: "greyLight1";
-    };
-    readonly grey2: {
-        readonly darkMode: "greyDark2";
-        readonly lightMode: "greyLight2";
-    };
-    readonly grey3: {
-        readonly darkMode: "greyDark3";
-        readonly lightMode: "greyLight3";
-    };
-    readonly grey4: {
-        readonly darkMode: "greyDark4";
-        readonly lightMode: "greyLight4";
-    };
-    readonly grey5: {
-        readonly darkMode: "greyDark5";
-        readonly lightMode: "greyLight5";
-    };
-    readonly grey6: {
-        readonly darkMode: "greyDark6";
-        readonly lightMode: "greyLight6";
-    };
-    readonly grey7: {
-        readonly darkMode: "greyDark7";
-        readonly lightMode: "greyLight7";
-    };
-    readonly grey8: {
-        readonly darkMode: "greyDark8";
-        readonly lightMode: "greyLight8";
-    };
-    readonly grey9: {
-        readonly darkMode: "greyDark9";
-        readonly lightMode: "greyLight9";
-    };
-    readonly grey10: {
-        readonly darkMode: "greyDark10";
-        readonly lightMode: "greyLight10";
-    };
-    readonly grey11: {
-        readonly darkMode: "greyDark11";
-        readonly lightMode: "greyLight11";
-    };
-    readonly grey12: {
-        readonly darkMode: "greyDark12";
-        readonly lightMode: "greyLight12";
-    };
-    readonly dark2: {
-        readonly darkMode: "greyDark2";
-        readonly lightMode: "greyDark2";
-    };
-    readonly dark4: {
-        readonly darkMode: "greyDark4";
-        readonly lightMode: "greyDark4";
-    };
-    readonly dark6: {
-        readonly darkMode: "greyDark6";
-        readonly lightMode: "greyDark6";
-    };
-    readonly dark7: {
-        readonly darkMode: "greyDark7";
-        readonly lightMode: "greyDark7";
-    };
-    readonly dark12: {
-        readonly darkMode: "greyDark12";
-        readonly lightMode: "greyDark12";
-    };
-    readonly indigo2: {
-        readonly darkMode: "indigoDark2";
-        readonly lightMode: "indigoLight2";
-    };
-    readonly indigo4: {
-        readonly darkMode: "indigoDark4";
-        readonly lightMode: "indigoLight4";
-    };
-    readonly indigo7: {
-        readonly darkMode: "indigoDark7";
-        readonly lightMode: "indigoLight7";
-    };
-    readonly indigo10: {
-        readonly darkMode: "indigoDark10";
-        readonly lightMode: "indigoLight10";
-    };
-    readonly indigo11: {
-        readonly darkMode: "indigoDark11";
-        readonly lightMode: "indigoLight11";
-    };
-    readonly green3: {
-        readonly darkMode: "greenDark3";
-        readonly lightMode: "greenLight3";
-    };
-    readonly green4: {
-        readonly darkMode: "greenDark4";
-        readonly lightMode: "greenLight4";
-    };
-    readonly green9: {
-        readonly darkMode: "greenDark9";
-        readonly lightMode: "greenLight9";
-    };
-    readonly green10: {
-        readonly darkMode: "greenDark10";
-        readonly lightMode: "greenLight10";
-    };
-    readonly green11: {
-        readonly darkMode: "greenDark11";
-        readonly lightMode: "greenLight11";
-    };
-    readonly amber3: {
-        readonly darkMode: "amberDark3";
-        readonly lightMode: "amberLight3";
-    };
-    readonly amber4: {
-        readonly darkMode: "amberDark4";
-        readonly lightMode: "amberLight4";
-    };
-    readonly amber9: {
-        readonly darkMode: "amberDark9";
-        readonly lightMode: "amberLight9";
-    };
-    readonly amber10: {
-        readonly darkMode: "amberDark10";
-        readonly lightMode: "amberLight10";
-    };
-    readonly amber11: {
-        readonly darkMode: "amberDark11";
-        readonly lightMode: "amberLight11";
-    };
-    readonly tomato1: {
-        readonly darkMode: "tomatoDark1";
-        readonly lightMode: "tomatoLight1";
-    };
-    readonly tomato3: {
-        readonly darkMode: "tomatoDark3";
-        readonly lightMode: "tomatoLight3";
-    };
-    readonly tomato4: {
-        readonly darkMode: "tomatoDark4";
-        readonly lightMode: "tomatoLight4";
-    };
-    readonly tomato7: {
-        readonly darkMode: "tomatoDark7";
-        readonly lightMode: "tomatoLight7";
-    };
-    readonly tomato10: {
-        readonly darkMode: "tomatoDark10";
-        readonly lightMode: "tomatoLight10";
-    };
-    readonly tomato11: {
-        readonly darkMode: "tomatoDark11";
-        readonly lightMode: "tomatoLight11";
-    };
-    readonly purple1: {
-        readonly darkMode: "purpleDark1";
-        readonly lightMode: "purpleLight1";
-    };
-    readonly purple2: {
-        readonly darkMode: "purpleDark2";
-        readonly lightMode: "purpleLight2";
-    };
-    readonly purple3: {
-        readonly darkMode: "purpleDark3";
-        readonly lightMode: "purpleLight3";
-    };
-    readonly purple4: {
-        readonly darkMode: "purpleDark4";
-        readonly lightMode: "purpleLight4";
-    };
-    readonly purple5: {
-        readonly darkMode: "purpleDark5";
-        readonly lightMode: "purpleLight5";
-    };
-    readonly purple6: {
-        readonly darkMode: "purpleDark6";
-        readonly lightMode: "purpleLight6";
-    };
-    readonly purple7: {
-        readonly darkMode: "purpleDark7";
-        readonly lightMode: "purpleLight7";
-    };
-    readonly purple8: {
-        readonly darkMode: "purpleDark8";
-        readonly lightMode: "purpleLight8";
-    };
-    readonly purple9: {
-        readonly darkMode: "purpleDark9";
-        readonly lightMode: "purpleLight9";
-    };
-    readonly purple10: {
-        readonly darkMode: "purpleDark10";
-        readonly lightMode: "purpleLight10";
-    };
-    readonly purple11: {
-        readonly darkMode: "purpleDark11";
-        readonly lightMode: "purpleLight11";
-    };
-    readonly purple12: {
-        readonly darkMode: "purpleDark12";
-        readonly lightMode: "purpleLight12";
-    };
-    readonly greyAlpha1: {
-        readonly darkMode: "greyAlpha1";
-        readonly lightMode: "greyAlpha1";
-    };
-    readonly currentColor: {
-        readonly darkMode: "currentColor";
-        readonly lightMode: "currentColor";
-    };
-    readonly inherit: {
-        readonly darkMode: "inherit";
-        readonly lightMode: "inherit";
-    };
-    readonly transparent: {
-        readonly darkMode: "transparent";
-        readonly lightMode: "transparent";
-    };
-    readonly white: {
-        readonly darkMode: "white";
-        readonly lightMode: "white";
-    };
-};
-export type ThemeColor = keyof typeof colors;

package/dist/theme/mode.css.d.ts

@@ -1 +0,0 @@
-export declare const mode: Record<"light" | "dark", string>;

package/dist/theme/selectors.d.ts

@@ -1,48 +0,0 @@
-import type { Color } from "./vars.css";
-type ConditionalColor = Readonly<{
-    darkMode: Color;
-    lightMode: Color;
-}>;
-export declare const selectors: {
-    active: ({ darkMode, lightMode }: ConditionalColor) => {
-        darkModeActive: "inherit" | "currentColor" | "transparent" | "white" | "greyAlpha1" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigoLight2" | "indigoLight4" | "indigoLight7" | "indigoLight10" | "indigoLight11" | "indigoDark2" | "indigoDark4" | "indigoDark7" | "indigoDark10" | "indigoDark11" | "greenLight3" | "greenLight4" | "greenLight7" | "greenLight9" | "greenLight10" | "greenLight11" | "greenDark3" | "greenDark4" | "greenDark7" | "greenDark9" | "greenDark10" | "greenDark11" | "amberLight3" | "amberLight4" | "amberLight7" | "amberLight9" | "amberLight10" | "amberLight11" | "amberDark3" | "amberDark4" | "amberDark7" | "amberDark9" | "amberDark10" | "amberDark11" | "tomatoLight1" | "tomatoLight3" | "tomatoLight4" | "tomatoLight7" | "tomatoLight9" | "tomatoLight10" | "tomatoLight11" | "tomatoDark1" | "tomatoDark3" | "tomatoDark4" | "tomatoDark7" | "tomatoDark9" | "tomatoDark10" | "tomatoDark11" | "purpleDark1" | "purpleDark2" | "purpleDark3" | "purpleDark4" | "purpleDark5" | "purpleDark6" | "purpleDark7" | "purpleDark8" | "purpleDark9" | "purpleDark10" | "purpleDark11" | "purpleDark12" | "purpleLight1" | "purpleLight2" | "purpleLight3" | "purpleLight4" | "purpleLight5" | "purpleLight6" | "purpleLight7" | "purpleLight8" | "purpleLight9" | "purpleLight10" | "purpleLight11" | "purpleLight12";
-        lightModeActive: "inherit" | "currentColor" | "transparent" | "white" | "greyAlpha1" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigoLight2" | "indigoLight4" | "indigoLight7" | "indigoLight10" | "indigoLight11" | "indigoDark2" | "indigoDark4" | "indigoDark7" | "indigoDark10" | "indigoDark11" | "greenLight3" | "greenLight4" | "greenLight7" | "greenLight9" | "greenLight10" | "greenLight11" | "greenDark3" | "greenDark4" | "greenDark7" | "greenDark9" | "greenDark10" | "greenDark11" | "amberLight3" | "amberLight4" | "amberLight7" | "amberLight9" | "amberLight10" | "amberLight11" | "amberDark3" | "amberDark4" | "amberDark7" | "amberDark9" | "amberDark10" | "amberDark11" | "tomatoLight1" | "tomatoLight3" | "tomatoLight4" | "tomatoLight7" | "tomatoLight9" | "tomatoLight10" | "tomatoLight11" | "tomatoDark1" | "tomatoDark3" | "tomatoDark4" | "tomatoDark7" | "tomatoDark9" | "tomatoDark10" | "tomatoDark11" | "purpleDark1" | "purpleDark2" | "purpleDark3" | "purpleDark4" | "purpleDark5" | "purpleDark6" | "purpleDark7" | "purpleDark8" | "purpleDark9" | "purpleDark10" | "purpleDark11" | "purpleDark12" | "purpleLight1" | "purpleLight2" | "purpleLight3" | "purpleLight4" | "purpleLight5" | "purpleLight6" | "purpleLight7" | "purpleLight8" | "purpleLight9" | "purpleLight10" | "purpleLight11" | "purpleLight12";
-    };
-    checked: ({ darkMode, lightMode }: ConditionalColor) => {
-        darkModeChecked: "inherit" | "currentColor" | "transparent" | "white" | "greyAlpha1" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigoLight2" | "indigoLight4" | "indigoLight7" | "indigoLight10" | "indigoLight11" | "indigoDark2" | "indigoDark4" | "indigoDark7" | "indigoDark10" | "indigoDark11" | "greenLight3" | "greenLight4" | "greenLight7" | "greenLight9" | "greenLight10" | "greenLight11" | "greenDark3" | "greenDark4" | "greenDark7" | "greenDark9" | "greenDark10" | "greenDark11" | "amberLight3" | "amberLight4" | "amberLight7" | "amberLight9" | "amberLight10" | "amberLight11" | "amberDark3" | "amberDark4" | "amberDark7" | "amberDark9" | "amberDark10" | "amberDark11" | "tomatoLight1" | "tomatoLight3" | "tomatoLight4" | "tomatoLight7" | "tomatoLight9" | "tomatoLight10" | "tomatoLight11" | "tomatoDark1" | "tomatoDark3" | "tomatoDark4" | "tomatoDark7" | "tomatoDark9" | "tomatoDark10" | "tomatoDark11" | "purpleDark1" | "purpleDark2" | "purpleDark3" | "purpleDark4" | "purpleDark5" | "purpleDark6" | "purpleDark7" | "purpleDark8" | "purpleDark9" | "purpleDark10" | "purpleDark11" | "purpleDark12" | "purpleLight1" | "purpleLight2" | "purpleLight3" | "purpleLight4" | "purpleLight5" | "purpleLight6" | "purpleLight7" | "purpleLight8" | "purpleLight9" | "purpleLight10" | "purpleLight11" | "purpleLight12";
-        lightModeChecked: "inherit" | "currentColor" | "transparent" | "white" | "greyAlpha1" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigoLight2" | "indigoLight4" | "indigoLight7" | "indigoLight10" | "indigoLight11" | "indigoDark2" | "indigoDark4" | "indigoDark7" | "indigoDark10" | "indigoDark11" | "greenLight3" | "greenLight4" | "greenLight7" | "greenLight9" | "greenLight10" | "greenLight11" | "greenDark3" | "greenDark4" | "greenDark7" | "greenDark9" | "greenDark10" | "greenDark11" | "amberLight3" | "amberLight4" | "amberLight7" | "amberLight9" | "amberLight10" | "amberLight11" | "amberDark3" | "amberDark4" | "amberDark7" | "amberDark9" | "amberDark10" | "amberDark11" | "tomatoLight1" | "tomatoLight3" | "tomatoLight4" | "tomatoLight7" | "tomatoLight9" | "tomatoLight10" | "tomatoLight11" | "tomatoDark1" | "tomatoDark3" | "tomatoDark4" | "tomatoDark7" | "tomatoDark9" | "tomatoDark10" | "tomatoDark11" | "purpleDark1" | "purpleDark2" | "purpleDark3" | "purpleDark4" | "purpleDark5" | "purpleDark6" | "purpleDark7" | "purpleDark8" | "purpleDark9" | "purpleDark10" | "purpleDark11" | "purpleDark12" | "purpleLight1" | "purpleLight2" | "purpleLight3" | "purpleLight4" | "purpleLight5" | "purpleLight6" | "purpleLight7" | "purpleLight8" | "purpleLight9" | "purpleLight10" | "purpleLight11" | "purpleLight12";
-    };
-    checkedHover: ({ darkMode, lightMode }: ConditionalColor) => {
-        darkModeCheckedHover: "inherit" | "currentColor" | "transparent" | "white" | "greyAlpha1" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigoLight2" | "indigoLight4" | "indigoLight7" | "indigoLight10" | "indigoLight11" | "indigoDark2" | "indigoDark4" | "indigoDark7" | "indigoDark10" | "indigoDark11" | "greenLight3" | "greenLight4" | "greenLight7" | "greenLight9" | "greenLight10" | "greenLight11" | "greenDark3" | "greenDark4" | "greenDark7" | "greenDark9" | "greenDark10" | "greenDark11" | "amberLight3" | "amberLight4" | "amberLight7" | "amberLight9" | "amberLight10" | "amberLight11" | "amberDark3" | "amberDark4" | "amberDark7" | "amberDark9" | "amberDark10" | "amberDark11" | "tomatoLight1" | "tomatoLight3" | "tomatoLight4" | "tomatoLight7" | "tomatoLight9" | "tomatoLight10" | "tomatoLight11" | "tomatoDark1" | "tomatoDark3" | "tomatoDark4" | "tomatoDark7" | "tomatoDark9" | "tomatoDark10" | "tomatoDark11" | "purpleDark1" | "purpleDark2" | "purpleDark3" | "purpleDark4" | "purpleDark5" | "purpleDark6" | "purpleDark7" | "purpleDark8" | "purpleDark9" | "purpleDark10" | "purpleDark11" | "purpleDark12" | "purpleLight1" | "purpleLight2" | "purpleLight3" | "purpleLight4" | "purpleLight5" | "purpleLight6" | "purpleLight7" | "purpleLight8" | "purpleLight9" | "purpleLight10" | "purpleLight11" | "purpleLight12";
-        lightModeCheckedHover: "inherit" | "currentColor" | "transparent" | "white" | "greyAlpha1" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigoLight2" | "indigoLight4" | "indigoLight7" | "indigoLight10" | "indigoLight11" | "indigoDark2" | "indigoDark4" | "indigoDark7" | "indigoDark10" | "indigoDark11" | "greenLight3" | "greenLight4" | "greenLight7" | "greenLight9" | "greenLight10" | "greenLight11" | "greenDark3" | "greenDark4" | "greenDark7" | "greenDark9" | "greenDark10" | "greenDark11" | "amberLight3" | "amberLight4" | "amberLight7" | "amberLight9" | "amberLight10" | "amberLight11" | "amberDark3" | "amberDark4" | "amberDark7" | "amberDark9" | "amberDark10" | "amberDark11" | "tomatoLight1" | "tomatoLight3" | "tomatoLight4" | "tomatoLight7" | "tomatoLight9" | "tomatoLight10" | "tomatoLight11" | "tomatoDark1" | "tomatoDark3" | "tomatoDark4" | "tomatoDark7" | "tomatoDark9" | "tomatoDark10" | "tomatoDark11" | "purpleDark1" | "purpleDark2" | "purpleDark3" | "purpleDark4" | "purpleDark5" | "purpleDark6" | "purpleDark7" | "purpleDark8" | "purpleDark9" | "purpleDark10" | "purpleDark11" | "purpleDark12" | "purpleLight1" | "purpleLight2" | "purpleLight3" | "purpleLight4" | "purpleLight5" | "purpleLight6" | "purpleLight7" | "purpleLight8" | "purpleLight9" | "purpleLight10" | "purpleLight11" | "purpleLight12";
-    };
-    disabled: ({ darkMode, lightMode }: ConditionalColor) => {
-        darkModeDisabled: "inherit" | "currentColor" | "transparent" | "white" | "greyAlpha1" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigoLight2" | "indigoLight4" | "indigoLight7" | "indigoLight10" | "indigoLight11" | "indigoDark2" | "indigoDark4" | "indigoDark7" | "indigoDark10" | "indigoDark11" | "greenLight3" | "greenLight4" | "greenLight7" | "greenLight9" | "greenLight10" | "greenLight11" | "greenDark3" | "greenDark4" | "greenDark7" | "greenDark9" | "greenDark10" | "greenDark11" | "amberLight3" | "amberLight4" | "amberLight7" | "amberLight9" | "amberLight10" | "amberLight11" | "amberDark3" | "amberDark4" | "amberDark7" | "amberDark9" | "amberDark10" | "amberDark11" | "tomatoLight1" | "tomatoLight3" | "tomatoLight4" | "tomatoLight7" | "tomatoLight9" | "tomatoLight10" | "tomatoLight11" | "tomatoDark1" | "tomatoDark3" | "tomatoDark4" | "tomatoDark7" | "tomatoDark9" | "tomatoDark10" | "tomatoDark11" | "purpleDark1" | "purpleDark2" | "purpleDark3" | "purpleDark4" | "purpleDark5" | "purpleDark6" | "purpleDark7" | "purpleDark8" | "purpleDark9" | "purpleDark10" | "purpleDark11" | "purpleDark12" | "purpleLight1" | "purpleLight2" | "purpleLight3" | "purpleLight4" | "purpleLight5" | "purpleLight6" | "purpleLight7" | "purpleLight8" | "purpleLight9" | "purpleLight10" | "purpleLight11" | "purpleLight12";
-        lightModeDisabled: "inherit" | "currentColor" | "transparent" | "white" | "greyAlpha1" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigoLight2" | "indigoLight4" | "indigoLight7" | "indigoLight10" | "indigoLight11" | "indigoDark2" | "indigoDark4" | "indigoDark7" | "indigoDark10" | "indigoDark11" | "greenLight3" | "greenLight4" | "greenLight7" | "greenLight9" | "greenLight10" | "greenLight11" | "greenDark3" | "greenDark4" | "greenDark7" | "greenDark9" | "greenDark10" | "greenDark11" | "amberLight3" | "amberLight4" | "amberLight7" | "amberLight9" | "amberLight10" | "amberLight11" | "amberDark3" | "amberDark4" | "amberDark7" | "amberDark9" | "amberDark10" | "amberDark11" | "tomatoLight1" | "tomatoLight3" | "tomatoLight4" | "tomatoLight7" | "tomatoLight9" | "tomatoLight10" | "tomatoLight11" | "tomatoDark1" | "tomatoDark3" | "tomatoDark4" | "tomatoDark7" | "tomatoDark9" | "tomatoDark10" | "tomatoDark11" | "purpleDark1" | "purpleDark2" | "purpleDark3" | "purpleDark4" | "purpleDark5" | "purpleDark6" | "purpleDark7" | "purpleDark8" | "purpleDark9" | "purpleDark10" | "purpleDark11" | "purpleDark12" | "purpleLight1" | "purpleLight2" | "purpleLight3" | "purpleLight4" | "purpleLight5" | "purpleLight6" | "purpleLight7" | "purpleLight8" | "purpleLight9" | "purpleLight10" | "purpleLight11" | "purpleLight12";
-    };
-    focusVisible: ({ darkMode, lightMode }: ConditionalColor) => {
-        darkModeFocusVisible: "inherit" | "currentColor" | "transparent" | "white" | "greyAlpha1" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigoLight2" | "indigoLight4" | "indigoLight7" | "indigoLight10" | "indigoLight11" | "indigoDark2" | "indigoDark4" | "indigoDark7" | "indigoDark10" | "indigoDark11" | "greenLight3" | "greenLight4" | "greenLight7" | "greenLight9" | "greenLight10" | "greenLight11" | "greenDark3" | "greenDark4" | "greenDark7" | "greenDark9" | "greenDark10" | "greenDark11" | "amberLight3" | "amberLight4" | "amberLight7" | "amberLight9" | "amberLight10" | "amberLight11" | "amberDark3" | "amberDark4" | "amberDark7" | "amberDark9" | "amberDark10" | "amberDark11" | "tomatoLight1" | "tomatoLight3" | "tomatoLight4" | "tomatoLight7" | "tomatoLight9" | "tomatoLight10" | "tomatoLight11" | "tomatoDark1" | "tomatoDark3" | "tomatoDark4" | "tomatoDark7" | "tomatoDark9" | "tomatoDark10" | "tomatoDark11" | "purpleDark1" | "purpleDark2" | "purpleDark3" | "purpleDark4" | "purpleDark5" | "purpleDark6" | "purpleDark7" | "purpleDark8" | "purpleDark9" | "purpleDark10" | "purpleDark11" | "purpleDark12" | "purpleLight1" | "purpleLight2" | "purpleLight3" | "purpleLight4" | "purpleLight5" | "purpleLight6" | "purpleLight7" | "purpleLight8" | "purpleLight9" | "purpleLight10" | "purpleLight11" | "purpleLight12";
-        lightModeFocusVisible: "inherit" | "currentColor" | "transparent" | "white" | "greyAlpha1" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigoLight2" | "indigoLight4" | "indigoLight7" | "indigoLight10" | "indigoLight11" | "indigoDark2" | "indigoDark4" | "indigoDark7" | "indigoDark10" | "indigoDark11" | "greenLight3" | "greenLight4" | "greenLight7" | "greenLight9" | "greenLight10" | "greenLight11" | "greenDark3" | "greenDark4" | "greenDark7" | "greenDark9" | "greenDark10" | "greenDark11" | "amberLight3" | "amberLight4" | "amberLight7" | "amberLight9" | "amberLight10" | "amberLight11" | "amberDark3" | "amberDark4" | "amberDark7" | "amberDark9" | "amberDark10" | "amberDark11" | "tomatoLight1" | "tomatoLight3" | "tomatoLight4" | "tomatoLight7" | "tomatoLight9" | "tomatoLight10" | "tomatoLight11" | "tomatoDark1" | "tomatoDark3" | "tomatoDark4" | "tomatoDark7" | "tomatoDark9" | "tomatoDark10" | "tomatoDark11" | "purpleDark1" | "purpleDark2" | "purpleDark3" | "purpleDark4" | "purpleDark5" | "purpleDark6" | "purpleDark7" | "purpleDark8" | "purpleDark9" | "purpleDark10" | "purpleDark11" | "purpleDark12" | "purpleLight1" | "purpleLight2" | "purpleLight3" | "purpleLight4" | "purpleLight5" | "purpleLight6" | "purpleLight7" | "purpleLight8" | "purpleLight9" | "purpleLight10" | "purpleLight11" | "purpleLight12";
-    };
-    focusWithin: ({ darkMode, lightMode }: ConditionalColor) => {
-        darkModeFocusWithin: "inherit" | "currentColor" | "transparent" | "white" | "greyAlpha1" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigoLight2" | "indigoLight4" | "indigoLight7" | "indigoLight10" | "indigoLight11" | "indigoDark2" | "indigoDark4" | "indigoDark7" | "indigoDark10" | "indigoDark11" | "greenLight3" | "greenLight4" | "greenLight7" | "greenLight9" | "greenLight10" | "greenLight11" | "greenDark3" | "greenDark4" | "greenDark7" | "greenDark9" | "greenDark10" | "greenDark11" | "amberLight3" | "amberLight4" | "amberLight7" | "amberLight9" | "amberLight10" | "amberLight11" | "amberDark3" | "amberDark4" | "amberDark7" | "amberDark9" | "amberDark10" | "amberDark11" | "tomatoLight1" | "tomatoLight3" | "tomatoLight4" | "tomatoLight7" | "tomatoLight9" | "tomatoLight10" | "tomatoLight11" | "tomatoDark1" | "tomatoDark3" | "tomatoDark4" | "tomatoDark7" | "tomatoDark9" | "tomatoDark10" | "tomatoDark11" | "purpleDark1" | "purpleDark2" | "purpleDark3" | "purpleDark4" | "purpleDark5" | "purpleDark6" | "purpleDark7" | "purpleDark8" | "purpleDark9" | "purpleDark10" | "purpleDark11" | "purpleDark12" | "purpleLight1" | "purpleLight2" | "purpleLight3" | "purpleLight4" | "purpleLight5" | "purpleLight6" | "purpleLight7" | "purpleLight8" | "purpleLight9" | "purpleLight10" | "purpleLight11" | "purpleLight12";
-        lightModeFocusWithin: "inherit" | "currentColor" | "transparent" | "white" | "greyAlpha1" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigoLight2" | "indigoLight4" | "indigoLight7" | "indigoLight10" | "indigoLight11" | "indigoDark2" | "indigoDark4" | "indigoDark7" | "indigoDark10" | "indigoDark11" | "greenLight3" | "greenLight4" | "greenLight7" | "greenLight9" | "greenLight10" | "greenLight11" | "greenDark3" | "greenDark4" | "greenDark7" | "greenDark9" | "greenDark10" | "greenDark11" | "amberLight3" | "amberLight4" | "amberLight7" | "amberLight9" | "amberLight10" | "amberLight11" | "amberDark3" | "amberDark4" | "amberDark7" | "amberDark9" | "amberDark10" | "amberDark11" | "tomatoLight1" | "tomatoLight3" | "tomatoLight4" | "tomatoLight7" | "tomatoLight9" | "tomatoLight10" | "tomatoLight11" | "tomatoDark1" | "tomatoDark3" | "tomatoDark4" | "tomatoDark7" | "tomatoDark9" | "tomatoDark10" | "tomatoDark11" | "purpleDark1" | "purpleDark2" | "purpleDark3" | "purpleDark4" | "purpleDark5" | "purpleDark6" | "purpleDark7" | "purpleDark8" | "purpleDark9" | "purpleDark10" | "purpleDark11" | "purpleDark12" | "purpleLight1" | "purpleLight2" | "purpleLight3" | "purpleLight4" | "purpleLight5" | "purpleLight6" | "purpleLight7" | "purpleLight8" | "purpleLight9" | "purpleLight10" | "purpleLight11" | "purpleLight12";
-    };
-    highlighted: ({ darkMode, lightMode }: ConditionalColor) => {
-        darkModeHighlighted: "inherit" | "currentColor" | "transparent" | "white" | "greyAlpha1" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigoLight2" | "indigoLight4" | "indigoLight7" | "indigoLight10" | "indigoLight11" | "indigoDark2" | "indigoDark4" | "indigoDark7" | "indigoDark10" | "indigoDark11" | "greenLight3" | "greenLight4" | "greenLight7" | "greenLight9" | "greenLight10" | "greenLight11" | "greenDark3" | "greenDark4" | "greenDark7" | "greenDark9" | "greenDark10" | "greenDark11" | "amberLight3" | "amberLight4" | "amberLight7" | "amberLight9" | "amberLight10" | "amberLight11" | "amberDark3" | "amberDark4" | "amberDark7" | "amberDark9" | "amberDark10" | "amberDark11" | "tomatoLight1" | "tomatoLight3" | "tomatoLight4" | "tomatoLight7" | "tomatoLight9" | "tomatoLight10" | "tomatoLight11" | "tomatoDark1" | "tomatoDark3" | "tomatoDark4" | "tomatoDark7" | "tomatoDark9" | "tomatoDark10" | "tomatoDark11" | "purpleDark1" | "purpleDark2" | "purpleDark3" | "purpleDark4" | "purpleDark5" | "purpleDark6" | "purpleDark7" | "purpleDark8" | "purpleDark9" | "purpleDark10" | "purpleDark11" | "purpleDark12" | "purpleLight1" | "purpleLight2" | "purpleLight3" | "purpleLight4" | "purpleLight5" | "purpleLight6" | "purpleLight7" | "purpleLight8" | "purpleLight9" | "purpleLight10" | "purpleLight11" | "purpleLight12";
-        lightModeHighlighted: "inherit" | "currentColor" | "transparent" | "white" | "greyAlpha1" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigoLight2" | "indigoLight4" | "indigoLight7" | "indigoLight10" | "indigoLight11" | "indigoDark2" | "indigoDark4" | "indigoDark7" | "indigoDark10" | "indigoDark11" | "greenLight3" | "greenLight4" | "greenLight7" | "greenLight9" | "greenLight10" | "greenLight11" | "greenDark3" | "greenDark4" | "greenDark7" | "greenDark9" | "greenDark10" | "greenDark11" | "amberLight3" | "amberLight4" | "amberLight7" | "amberLight9" | "amberLight10" | "amberLight11" | "amberDark3" | "amberDark4" | "amberDark7" | "amberDark9" | "amberDark10" | "amberDark11" | "tomatoLight1" | "tomatoLight3" | "tomatoLight4" | "tomatoLight7" | "tomatoLight9" | "tomatoLight10" | "tomatoLight11" | "tomatoDark1" | "tomatoDark3" | "tomatoDark4" | "tomatoDark7" | "tomatoDark9" | "tomatoDark10" | "tomatoDark11" | "purpleDark1" | "purpleDark2" | "purpleDark3" | "purpleDark4" | "purpleDark5" | "purpleDark6" | "purpleDark7" | "purpleDark8" | "purpleDark9" | "purpleDark10" | "purpleDark11" | "purpleDark12" | "purpleLight1" | "purpleLight2" | "purpleLight3" | "purpleLight4" | "purpleLight5" | "purpleLight6" | "purpleLight7" | "purpleLight8" | "purpleLight9" | "purpleLight10" | "purpleLight11" | "purpleLight12";
-    };
-    hover: ({ darkMode, lightMode }: ConditionalColor) => {
-        darkModeHover: "inherit" | "currentColor" | "transparent" | "white" | "greyAlpha1" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigoLight2" | "indigoLight4" | "indigoLight7" | "indigoLight10" | "indigoLight11" | "indigoDark2" | "indigoDark4" | "indigoDark7" | "indigoDark10" | "indigoDark11" | "greenLight3" | "greenLight4" | "greenLight7" | "greenLight9" | "greenLight10" | "greenLight11" | "greenDark3" | "greenDark4" | "greenDark7" | "greenDark9" | "greenDark10" | "greenDark11" | "amberLight3" | "amberLight4" | "amberLight7" | "amberLight9" | "amberLight10" | "amberLight11" | "amberDark3" | "amberDark4" | "amberDark7" | "amberDark9" | "amberDark10" | "amberDark11" | "tomatoLight1" | "tomatoLight3" | "tomatoLight4" | "tomatoLight7" | "tomatoLight9" | "tomatoLight10" | "tomatoLight11" | "tomatoDark1" | "tomatoDark3" | "tomatoDark4" | "tomatoDark7" | "tomatoDark9" | "tomatoDark10" | "tomatoDark11" | "purpleDark1" | "purpleDark2" | "purpleDark3" | "purpleDark4" | "purpleDark5" | "purpleDark6" | "purpleDark7" | "purpleDark8" | "purpleDark9" | "purpleDark10" | "purpleDark11" | "purpleDark12" | "purpleLight1" | "purpleLight2" | "purpleLight3" | "purpleLight4" | "purpleLight5" | "purpleLight6" | "purpleLight7" | "purpleLight8" | "purpleLight9" | "purpleLight10" | "purpleLight11" | "purpleLight12";
-        lightModeHover: "inherit" | "currentColor" | "transparent" | "white" | "greyAlpha1" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigoLight2" | "indigoLight4" | "indigoLight7" | "indigoLight10" | "indigoLight11" | "indigoDark2" | "indigoDark4" | "indigoDark7" | "indigoDark10" | "indigoDark11" | "greenLight3" | "greenLight4" | "greenLight7" | "greenLight9" | "greenLight10" | "greenLight11" | "greenDark3" | "greenDark4" | "greenDark7" | "greenDark9" | "greenDark10" | "greenDark11" | "amberLight3" | "amberLight4" | "amberLight7" | "amberLight9" | "amberLight10" | "amberLight11" | "amberDark3" | "amberDark4" | "amberDark7" | "amberDark9" | "amberDark10" | "amberDark11" | "tomatoLight1" | "tomatoLight3" | "tomatoLight4" | "tomatoLight7" | "tomatoLight9" | "tomatoLight10" | "tomatoLight11" | "tomatoDark1" | "tomatoDark3" | "tomatoDark4" | "tomatoDark7" | "tomatoDark9" | "tomatoDark10" | "tomatoDark11" | "purpleDark1" | "purpleDark2" | "purpleDark3" | "purpleDark4" | "purpleDark5" | "purpleDark6" | "purpleDark7" | "purpleDark8" | "purpleDark9" | "purpleDark10" | "purpleDark11" | "purpleDark12" | "purpleLight1" | "purpleLight2" | "purpleLight3" | "purpleLight4" | "purpleLight5" | "purpleLight6" | "purpleLight7" | "purpleLight8" | "purpleLight9" | "purpleLight10" | "purpleLight11" | "purpleLight12";
-    };
-    open: ({ darkMode, lightMode }: ConditionalColor) => {
-        darkModeOpen: "inherit" | "currentColor" | "transparent" | "white" | "greyAlpha1" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigoLight2" | "indigoLight4" | "indigoLight7" | "indigoLight10" | "indigoLight11" | "indigoDark2" | "indigoDark4" | "indigoDark7" | "indigoDark10" | "indigoDark11" | "greenLight3" | "greenLight4" | "greenLight7" | "greenLight9" | "greenLight10" | "greenLight11" | "greenDark3" | "greenDark4" | "greenDark7" | "greenDark9" | "greenDark10" | "greenDark11" | "amberLight3" | "amberLight4" | "amberLight7" | "amberLight9" | "amberLight10" | "amberLight11" | "amberDark3" | "amberDark4" | "amberDark7" | "amberDark9" | "amberDark10" | "amberDark11" | "tomatoLight1" | "tomatoLight3" | "tomatoLight4" | "tomatoLight7" | "tomatoLight9" | "tomatoLight10" | "tomatoLight11" | "tomatoDark1" | "tomatoDark3" | "tomatoDark4" | "tomatoDark7" | "tomatoDark9" | "tomatoDark10" | "tomatoDark11" | "purpleDark1" | "purpleDark2" | "purpleDark3" | "purpleDark4" | "purpleDark5" | "purpleDark6" | "purpleDark7" | "purpleDark8" | "purpleDark9" | "purpleDark10" | "purpleDark11" | "purpleDark12" | "purpleLight1" | "purpleLight2" | "purpleLight3" | "purpleLight4" | "purpleLight5" | "purpleLight6" | "purpleLight7" | "purpleLight8" | "purpleLight9" | "purpleLight10" | "purpleLight11" | "purpleLight12";
-        lightModeOpen: "inherit" | "currentColor" | "transparent" | "white" | "greyAlpha1" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigoLight2" | "indigoLight4" | "indigoLight7" | "indigoLight10" | "indigoLight11" | "indigoDark2" | "indigoDark4" | "indigoDark7" | "indigoDark10" | "indigoDark11" | "greenLight3" | "greenLight4" | "greenLight7" | "greenLight9" | "greenLight10" | "greenLight11" | "greenDark3" | "greenDark4" | "greenDark7" | "greenDark9" | "greenDark10" | "greenDark11" | "amberLight3" | "amberLight4" | "amberLight7" | "amberLight9" | "amberLight10" | "amberLight11" | "amberDark3" | "amberDark4" | "amberDark7" | "amberDark9" | "amberDark10" | "amberDark11" | "tomatoLight1" | "tomatoLight3" | "tomatoLight4" | "tomatoLight7" | "tomatoLight9" | "tomatoLight10" | "tomatoLight11" | "tomatoDark1" | "tomatoDark3" | "tomatoDark4" | "tomatoDark7" | "tomatoDark9" | "tomatoDark10" | "tomatoDark11" | "purpleDark1" | "purpleDark2" | "purpleDark3" | "purpleDark4" | "purpleDark5" | "purpleDark6" | "purpleDark7" | "purpleDark8" | "purpleDark9" | "purpleDark10" | "purpleDark11" | "purpleDark12" | "purpleLight1" | "purpleLight2" | "purpleLight3" | "purpleLight4" | "purpleLight5" | "purpleLight6" | "purpleLight7" | "purpleLight8" | "purpleLight9" | "purpleLight10" | "purpleLight11" | "purpleLight12";
-    };
-    placeholder: ({ darkMode, lightMode }: ConditionalColor) => {
-        darkModePlaceholder: "inherit" | "currentColor" | "transparent" | "white" | "greyAlpha1" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigoLight2" | "indigoLight4" | "indigoLight7" | "indigoLight10" | "indigoLight11" | "indigoDark2" | "indigoDark4" | "indigoDark7" | "indigoDark10" | "indigoDark11" | "greenLight3" | "greenLight4" | "greenLight7" | "greenLight9" | "greenLight10" | "greenLight11" | "greenDark3" | "greenDark4" | "greenDark7" | "greenDark9" | "greenDark10" | "greenDark11" | "amberLight3" | "amberLight4" | "amberLight7" | "amberLight9" | "amberLight10" | "amberLight11" | "amberDark3" | "amberDark4" | "amberDark7" | "amberDark9" | "amberDark10" | "amberDark11" | "tomatoLight1" | "tomatoLight3" | "tomatoLight4" | "tomatoLight7" | "tomatoLight9" | "tomatoLight10" | "tomatoLight11" | "tomatoDark1" | "tomatoDark3" | "tomatoDark4" | "tomatoDark7" | "tomatoDark9" | "tomatoDark10" | "tomatoDark11" | "purpleDark1" | "purpleDark2" | "purpleDark3" | "purpleDark4" | "purpleDark5" | "purpleDark6" | "purpleDark7" | "purpleDark8" | "purpleDark9" | "purpleDark10" | "purpleDark11" | "purpleDark12" | "purpleLight1" | "purpleLight2" | "purpleLight3" | "purpleLight4" | "purpleLight5" | "purpleLight6" | "purpleLight7" | "purpleLight8" | "purpleLight9" | "purpleLight10" | "purpleLight11" | "purpleLight12";
-        lightModePlaceholder: "inherit" | "currentColor" | "transparent" | "white" | "greyAlpha1" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigoLight2" | "indigoLight4" | "indigoLight7" | "indigoLight10" | "indigoLight11" | "indigoDark2" | "indigoDark4" | "indigoDark7" | "indigoDark10" | "indigoDark11" | "greenLight3" | "greenLight4" | "greenLight7" | "greenLight9" | "greenLight10" | "greenLight11" | "greenDark3" | "greenDark4" | "greenDark7" | "greenDark9" | "greenDark10" | "greenDark11" | "amberLight3" | "amberLight4" | "amberLight7" | "amberLight9" | "amberLight10" | "amberLight11" | "amberDark3" | "amberDark4" | "amberDark7" | "amberDark9" | "amberDark10" | "amberDark11" | "tomatoLight1" | "tomatoLight3" | "tomatoLight4" | "tomatoLight7" | "tomatoLight9" | "tomatoLight10" | "tomatoLight11" | "tomatoDark1" | "tomatoDark3" | "tomatoDark4" | "tomatoDark7" | "tomatoDark9" | "tomatoDark10" | "tomatoDark11" | "purpleDark1" | "purpleDark2" | "purpleDark3" | "purpleDark4" | "purpleDark5" | "purpleDark6" | "purpleDark7" | "purpleDark8" | "purpleDark9" | "purpleDark10" | "purpleDark11" | "purpleDark12" | "purpleLight1" | "purpleLight2" | "purpleLight3" | "purpleLight4" | "purpleLight5" | "purpleLight6" | "purpleLight7" | "purpleLight8" | "purpleLight9" | "purpleLight10" | "purpleLight11" | "purpleLight12";
-    };
-};
-export {};