@payloadcms/richtext-lexical 3.39.0-canary.4 → 3.39.0-canary.6

package/dist/features/converters/lexicalToJSX/Component/index.d.ts

@@ -9,7 +9,6 @@ export type JSXConvertersFunction<T extends {
     blockName?: null | string;
 }> | SerializedInlineBlockNode<{
     blockName?: null | string;
-    blockType: string;
 }>> = (args: {
     defaultConverters: JSXConverters<DefaultNodeTypes>;
 }) => JSXConverters<T>;

package/dist/features/converters/lexicalToJSX/Component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/converters/lexicalToJSX/Component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EACV,gBAAgB,EAChB,mBAAmB,EACnB,yBAAyB,EAC1B,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAK1D,MAAM,MAAM,qBAAqB,CAC/B,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAC3C,gBAAgB,GAChB,mBAAmB,CAAC;IAAE,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CAAE,CAAC,GAClD,yBAAyB,CAAC;IAAE,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC,IAC7E,CAAC,IAAI,EAAE;IAAE,iBAAiB,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAA;CAAE,KAAK,aAAa,CAAC,CAAC,CAAC,CAAA;AAEtF,KAAK,aAAa,GAAG;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,GAAG,qBAAqB,CAAA;IAClD;;OAEG;IACH,IAAI,EAAE,qBAAqB,CAAA;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,CAAA;IAClC;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwC5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/converters/lexicalToJSX/Component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EACV,gBAAgB,EAChB,mBAAmB,EACnB,yBAAyB,EAC1B,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAK1D,MAAM,MAAM,qBAAqB,CAC/B,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAC3C,gBAAgB,GAChB,mBAAmB,CAAC;IAAE,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CAAE,CAAC,GAClD,yBAAyB,CAAC;IAAE,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CAAE,CAAC,IAC1D,CAAC,IAAI,EAAE;IAAE,iBAAiB,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAA;CAAE,KAAK,aAAa,CAAC,CAAC,CAAC,CAAA;AAEtF,KAAK,aAAa,GAAG;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,GAAG,qBAAqB,CAAA;IAClD;;OAEG;IACH,IAAI,EAAE,qBAAqB,CAAA;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,CAAA;IAClC;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwC5C,CAAA"}

package/dist/features/converters/lexicalToJSX/Component/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","defaultJSXConverters","convertLexicalToJSX","RichText","className","converters","data","editorState","disableContainer","disableIndent","disableTextAlign","finalConverters","defaultConverters","content","Array","isArray","_jsx","_Fragment"],"sources":["../../../../../src/features/converters/lexicalToJSX/Component/index.tsx"],"sourcesContent":["import type { SerializedEditorState } from 'lexical'\n\nimport React from 'react'\n\nimport type {\n  DefaultNodeTypes,\n  SerializedBlockNode,\n  SerializedInlineBlockNode,\n} from '../../../../nodeTypes.js'\nimport type { JSXConverters } from '../converter/types.js'\n\nimport { defaultJSXConverters } from '../converter/defaultConverters.js'\nimport { convertLexicalToJSX } from '../converter/index.js'\n\nexport type JSXConvertersFunction<\n  T extends { [key: string]: any; type?: string } =\n    | DefaultNodeTypes\n    | SerializedBlockNode<{ blockName?: null | string }>\n    | SerializedInlineBlockNode<{ blockName?: null | string; blockType: string }>,\n> = (args: { defaultConverters: JSXConverters<DefaultNodeTypes> }) => JSXConverters<T>\n\ntype RichTextProps = {\n  /**\n   * Override class names for the container.\n   */\n  className?: string\n  /**\n   * Custom converters to transform your nodes to JSX. Can be an object or a function that receives the default converters.\n   */\n  converters?: JSXConverters | JSXConvertersFunction\n  /**\n   * Serialized editor state to render.\n   */\n  data: SerializedEditorState\n  /**\n   * If true, removes the container div wrapper.\n   */\n  disableContainer?: boolean\n  /**\n   * If true, disables indentation globally. If an array, disables for specific node `type` values.\n   */\n  disableIndent?: boolean | string[]\n  /**\n   * If true, disables text alignment globally. If an array, disables for specific node `type` values.\n   */\n  disableTextAlign?: boolean | string[]\n}\n\nexport const RichText: React.FC<RichTextProps> = ({\n  className,\n  converters,\n  data: editorState,\n  disableContainer,\n  disableIndent,\n  disableTextAlign,\n}) => {\n  if (!editorState) {\n    return null\n  }\n\n  let finalConverters: JSXConverters = {}\n  if (converters) {\n    if (typeof converters === 'function') {\n      finalConverters = converters({ defaultConverters: defaultJSXConverters })\n    } else {\n      finalConverters = converters\n    }\n  } else {\n    finalConverters = defaultJSXConverters\n  }\n\n  const content =\n    editorState &&\n    !Array.isArray(editorState) &&\n    typeof editorState === 'object' &&\n    'root' in editorState &&\n    convertLexicalToJSX({\n      converters: finalConverters,\n      data: editorState,\n      disableIndent,\n      disableTextAlign,\n    })\n\n  if (disableContainer) {\n    return <>{content}</>\n  }\n\n  return <div className={className ?? 'payload-richtext'}>{content}</div>\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AASlB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,mBAAmB,QAAQ;AAoCpC,OAAO,MAAMC,QAAA,GAAoCA,CAAC;EAChDC,SAAS;EACTC,UAAU;EACVC,IAAA,EAAMC,WAAW;EACjBC,gBAAgB;EAChBC,aAAa;EACbC;AAAgB,CACjB;EACC,IAAI,CAACH,WAAA,EAAa;IAChB,OAAO;EACT;EAEA,IAAII,eAAA,GAAiC,CAAC;EACtC,IAAIN,UAAA,EAAY;IACd,IAAI,OAAOA,UAAA,KAAe,YAAY;MACpCM,eAAA,GAAkBN,UAAA,CAAW;QAAEO,iBAAA,EAAmBX;MAAqB;IACzE,OAAO;MACLU,eAAA,GAAkBN,UAAA;IACpB;EACF,OAAO;IACLM,eAAA,GAAkBV,oBAAA;EACpB;EAEA,MAAMY,OAAA,GACJN,WAAA,IACA,CAACO,KAAA,CAAMC,OAAO,CAACR,WAAA,KACf,OAAOA,WAAA,KAAgB,YACvB,UAAUA,WAAA,IACVL,mBAAA,CAAoB;IAClBG,UAAA,EAAYM,eAAA;IACZL,IAAA,EAAMC,WAAA;IACNE,aAAA;IACAC;EACF;EAEF,IAAIF,gBAAA,EAAkB;IACpB,oBAAOQ,IAAA,CAAAC,SAAA;gBAAGJ;;EACZ;EAEA,oBAAOG,IAAA,CAAC;IAAIZ,SAAA,EAAWA,SAAA,IAAa;cAAqBS;;AAC3D","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","defaultJSXConverters","convertLexicalToJSX","RichText","className","converters","data","editorState","disableContainer","disableIndent","disableTextAlign","finalConverters","defaultConverters","content","Array","isArray","_jsx","_Fragment"],"sources":["../../../../../src/features/converters/lexicalToJSX/Component/index.tsx"],"sourcesContent":["import type { SerializedEditorState } from 'lexical'\n\nimport React from 'react'\n\nimport type {\n  DefaultNodeTypes,\n  SerializedBlockNode,\n  SerializedInlineBlockNode,\n} from '../../../../nodeTypes.js'\nimport type { JSXConverters } from '../converter/types.js'\n\nimport { defaultJSXConverters } from '../converter/defaultConverters.js'\nimport { convertLexicalToJSX } from '../converter/index.js'\n\nexport type JSXConvertersFunction<\n  T extends { [key: string]: any; type?: string } =\n    | DefaultNodeTypes\n    | SerializedBlockNode<{ blockName?: null | string }>\n    | SerializedInlineBlockNode<{ blockName?: null | string }>,\n> = (args: { defaultConverters: JSXConverters<DefaultNodeTypes> }) => JSXConverters<T>\n\ntype RichTextProps = {\n  /**\n   * Override class names for the container.\n   */\n  className?: string\n  /**\n   * Custom converters to transform your nodes to JSX. Can be an object or a function that receives the default converters.\n   */\n  converters?: JSXConverters | JSXConvertersFunction\n  /**\n   * Serialized editor state to render.\n   */\n  data: SerializedEditorState\n  /**\n   * If true, removes the container div wrapper.\n   */\n  disableContainer?: boolean\n  /**\n   * If true, disables indentation globally. If an array, disables for specific node `type` values.\n   */\n  disableIndent?: boolean | string[]\n  /**\n   * If true, disables text alignment globally. If an array, disables for specific node `type` values.\n   */\n  disableTextAlign?: boolean | string[]\n}\n\nexport const RichText: React.FC<RichTextProps> = ({\n  className,\n  converters,\n  data: editorState,\n  disableContainer,\n  disableIndent,\n  disableTextAlign,\n}) => {\n  if (!editorState) {\n    return null\n  }\n\n  let finalConverters: JSXConverters = {}\n  if (converters) {\n    if (typeof converters === 'function') {\n      finalConverters = converters({ defaultConverters: defaultJSXConverters })\n    } else {\n      finalConverters = converters\n    }\n  } else {\n    finalConverters = defaultJSXConverters\n  }\n\n  const content =\n    editorState &&\n    !Array.isArray(editorState) &&\n    typeof editorState === 'object' &&\n    'root' in editorState &&\n    convertLexicalToJSX({\n      converters: finalConverters,\n      data: editorState,\n      disableIndent,\n      disableTextAlign,\n    })\n\n  if (disableContainer) {\n    return <>{content}</>\n  }\n\n  return <div className={className ?? 'payload-richtext'}>{content}</div>\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AASlB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,mBAAmB,QAAQ;AAoCpC,OAAO,MAAMC,QAAA,GAAoCA,CAAC;EAChDC,SAAS;EACTC,UAAU;EACVC,IAAA,EAAMC,WAAW;EACjBC,gBAAgB;EAChBC,aAAa;EACbC;AAAgB,CACjB;EACC,IAAI,CAACH,WAAA,EAAa;IAChB,OAAO;EACT;EAEA,IAAII,eAAA,GAAiC,CAAC;EACtC,IAAIN,UAAA,EAAY;IACd,IAAI,OAAOA,UAAA,KAAe,YAAY;MACpCM,eAAA,GAAkBN,UAAA,CAAW;QAAEO,iBAAA,EAAmBX;MAAqB;IACzE,OAAO;MACLU,eAAA,GAAkBN,UAAA;IACpB;EACF,OAAO;IACLM,eAAA,GAAkBV,oBAAA;EACpB;EAEA,MAAMY,OAAA,GACJN,WAAA,IACA,CAACO,KAAA,CAAMC,OAAO,CAACR,WAAA,KACf,OAAOA,WAAA,KAAgB,YACvB,UAAUA,WAAA,IACVL,mBAAA,CAAoB;IAClBG,UAAA,EAAYM,eAAA;IACZL,IAAA,EAAMC,WAAA;IACNE,aAAA;IACAC;EACF;EAEF,IAAIF,gBAAA,EAAkB;IACpB,oBAAOQ,IAAA,CAAAC,SAAA;gBAAGJ;;EACZ;EAEA,oBAAOG,IAAA,CAAC;IAAIZ,SAAA,EAAWA,SAAA,IAAa;cAAqBS;;AAC3D","ignoreList":[]}

package/dist/features/textState/defaultColors.d.ts

@@ -0,0 +1,91 @@
+export declare const defaultColors: {
+    text: {
+        'text-red': {
+            css: {
+                color: `light-dark(${string}, ${string})`;
+            };
+            label: string;
+        };
+        'text-orange': {
+            css: {
+                color: `light-dark(${string}, ${string})`;
+            };
+            label: string;
+        };
+        'text-yellow': {
+            css: {
+                color: `light-dark(${string}, ${string})`;
+            };
+            label: string;
+        };
+        'text-green': {
+            css: {
+                color: `light-dark(${string}, ${string})`;
+            };
+            label: string;
+        };
+        'text-blue': {
+            css: {
+                color: `light-dark(${string}, ${string})`;
+            };
+            label: string;
+        };
+        'text-purple': {
+            css: {
+                color: `light-dark(${string}, ${string})`;
+            };
+            label: string;
+        };
+        'text-pink': {
+            css: {
+                color: `light-dark(${string}, ${string})`;
+            };
+            label: string;
+        };
+    };
+    background: {
+        'bg-red': {
+            css: {
+                'background-color': `light-dark(${string}, ${string})`;
+            };
+            label: string;
+        };
+        'bg-orange': {
+            css: {
+                'background-color': `light-dark(${string}, ${string})`;
+            };
+            label: string;
+        };
+        'bg-yellow': {
+            css: {
+                'background-color': `light-dark(${string}, ${string})`;
+            };
+            label: string;
+        };
+        'bg-green': {
+            css: {
+                'background-color': `light-dark(${string}, ${string})`;
+            };
+            label: string;
+        };
+        'bg-blue': {
+            css: {
+                'background-color': `light-dark(${string}, ${string})`;
+            };
+            label: string;
+        };
+        'bg-purple': {
+            css: {
+                'background-color': `light-dark(${string}, ${string})`;
+            };
+            label: string;
+        };
+        'bg-pink': {
+            css: {
+                'background-color': `light-dark(${string}, ${string})`;
+            };
+            label: string;
+        };
+    };
+};
+//# sourceMappingURL=defaultColors.d.ts.map

package/dist/features/textState/defaultColors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultColors.d.ts","sourceRoot":"","sources":["../../../src/features/textState/defaultColors.ts"],"names":[],"mappings":"AA0SA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBvB,CAAA"}

package/dist/features/textState/defaultColors.js

@@ -0,0 +1,386 @@
+const tailwindColors = {
+  amber: {
+    '50': 'oklch(0.987 0.022 95.277)',
+    '100': 'oklch(0.962 0.059 95.617)',
+    '200': 'oklch(0.924 0.12 95.746)',
+    '300': 'oklch(0.879 0.169 91.605)',
+    '400': 'oklch(0.828 0.189 84.429)',
+    '500': 'oklch(0.769 0.188 70.08)',
+    '600': 'oklch(0.666 0.179 58.318)',
+    '700': 'oklch(0.555 0.163 48.998)',
+    '800': 'oklch(0.473 0.137 46.201)',
+    '900': 'oklch(0.414 0.112 45.904)',
+    '950': 'oklch(0.279 0.077 45.635)'
+  },
+  black: '#000',
+  blue: {
+    '50': 'oklch(0.97 0.014 254.604)',
+    '100': 'oklch(0.932 0.032 255.585)',
+    '200': 'oklch(0.882 0.059 254.128)',
+    '300': 'oklch(0.809 0.105 251.813)',
+    '400': 'oklch(0.707 0.165 254.624)',
+    '500': 'oklch(0.623 0.214 259.815)',
+    '600': 'oklch(0.546 0.245 262.881)',
+    '700': 'oklch(0.488 0.243 264.376)',
+    '800': 'oklch(0.424 0.199 265.638)',
+    '900': 'oklch(0.379 0.146 265.522)',
+    '950': 'oklch(0.282 0.091 267.935)'
+  },
+  current: 'currentColor',
+  cyan: {
+    '50': 'oklch(0.984 0.019 200.873)',
+    '100': 'oklch(0.956 0.045 203.388)',
+    '200': 'oklch(0.917 0.08 205.041)',
+    '300': 'oklch(0.865 0.127 207.078)',
+    '400': 'oklch(0.789 0.154 211.53)',
+    '500': 'oklch(0.715 0.143 215.221)',
+    '600': 'oklch(0.609 0.126 221.723)',
+    '700': 'oklch(0.52 0.105 223.128)',
+    '800': 'oklch(0.45 0.085 224.283)',
+    '900': 'oklch(0.398 0.07 227.392)',
+    '950': 'oklch(0.302 0.056 229.695)'
+  },
+  emerald: {
+    '50': 'oklch(0.979 0.021 166.113)',
+    '100': 'oklch(0.95 0.052 163.051)',
+    '200': 'oklch(0.905 0.093 164.15)',
+    '300': 'oklch(0.845 0.143 164.978)',
+    '400': 'oklch(0.765 0.177 163.223)',
+    '500': 'oklch(0.696 0.17 162.48)',
+    '600': 'oklch(0.596 0.145 163.225)',
+    '700': 'oklch(0.508 0.118 165.612)',
+    '800': 'oklch(0.432 0.095 166.913)',
+    '900': 'oklch(0.378 0.077 168.94)',
+    '950': 'oklch(0.262 0.051 172.552)'
+  },
+  fuchsia: {
+    '50': 'oklch(0.977 0.017 320.058)',
+    '100': 'oklch(0.952 0.037 318.852)',
+    '200': 'oklch(0.903 0.076 319.62)',
+    '300': 'oklch(0.833 0.145 321.434)',
+    '400': 'oklch(0.74 0.238 322.16)',
+    '500': 'oklch(0.667 0.295 322.15)',
+    '600': 'oklch(0.591 0.293 322.896)',
+    '700': 'oklch(0.518 0.253 323.949)',
+    '800': 'oklch(0.452 0.211 324.591)',
+    '900': 'oklch(0.401 0.17 325.612)',
+    '950': 'oklch(0.293 0.136 325.661)'
+  },
+  gray: {
+    '50': 'oklch(0.985 0.002 247.839)',
+    '100': 'oklch(0.967 0.003 264.542)',
+    '200': 'oklch(0.928 0.006 264.531)',
+    '300': 'oklch(0.872 0.01 258.338)',
+    '400': 'oklch(0.707 0.022 261.325)',
+    '500': 'oklch(0.551 0.027 264.364)',
+    '600': 'oklch(0.446 0.03 256.802)',
+    '700': 'oklch(0.373 0.034 259.733)',
+    '800': 'oklch(0.278 0.033 256.848)',
+    '900': 'oklch(0.21 0.034 264.665)',
+    '950': 'oklch(0.13 0.028 261.692)'
+  },
+  green: {
+    '50': 'oklch(0.982 0.018 155.826)',
+    '100': 'oklch(0.962 0.044 156.743)',
+    '200': 'oklch(0.925 0.084 155.995)',
+    '300': 'oklch(0.871 0.15 154.449)',
+    '400': 'oklch(0.792 0.209 151.711)',
+    '500': 'oklch(0.723 0.219 149.579)',
+    '600': 'oklch(0.627 0.194 149.214)',
+    '700': 'oklch(0.527 0.154 150.069)',
+    '800': 'oklch(0.448 0.119 151.328)',
+    '900': 'oklch(0.393 0.095 152.535)',
+    '950': 'oklch(0.266 0.065 152.934)'
+  },
+  indigo: {
+    '50': 'oklch(0.962 0.018 272.314)',
+    '100': 'oklch(0.93 0.034 272.788)',
+    '200': 'oklch(0.87 0.065 274.039)',
+    '300': 'oklch(0.785 0.115 274.713)',
+    '400': 'oklch(0.673 0.182 276.935)',
+    '500': 'oklch(0.585 0.233 277.117)',
+    '600': 'oklch(0.511 0.262 276.966)',
+    '700': 'oklch(0.457 0.24 277.023)',
+    '800': 'oklch(0.398 0.195 277.366)',
+    '900': 'oklch(0.359 0.144 278.697)',
+    '950': 'oklch(0.257 0.09 281.288)'
+  },
+  inherit: 'inherit',
+  lime: {
+    '50': 'oklch(0.986 0.031 120.757)',
+    '100': 'oklch(0.967 0.067 122.328)',
+    '200': 'oklch(0.938 0.127 124.321)',
+    '300': 'oklch(0.897 0.196 126.665)',
+    '400': 'oklch(0.841 0.238 128.85)',
+    '500': 'oklch(0.768 0.233 130.85)',
+    '600': 'oklch(0.648 0.2 131.684)',
+    '700': 'oklch(0.532 0.157 131.589)',
+    '800': 'oklch(0.453 0.124 130.933)',
+    '900': 'oklch(0.405 0.101 131.063)',
+    '950': 'oklch(0.274 0.072 132.109)'
+  },
+  neutral: {
+    '50': 'oklch(0.985 0 0)',
+    '100': 'oklch(0.97 0 0)',
+    '200': 'oklch(0.922 0 0)',
+    '300': 'oklch(0.87 0 0)',
+    '400': 'oklch(0.708 0 0)',
+    '500': 'oklch(0.556 0 0)',
+    '600': 'oklch(0.439 0 0)',
+    '700': 'oklch(0.371 0 0)',
+    '800': 'oklch(0.269 0 0)',
+    '900': 'oklch(0.205 0 0)',
+    '950': 'oklch(0.145 0 0)'
+  },
+  orange: {
+    '50': 'oklch(0.98 0.016 73.684)',
+    '100': 'oklch(0.954 0.038 75.164)',
+    '200': 'oklch(0.901 0.076 70.697)',
+    '300': 'oklch(0.837 0.128 66.29)',
+    '400': 'oklch(0.75 0.183 55.934)',
+    '500': 'oklch(0.705 0.213 47.604)',
+    '600': 'oklch(0.646 0.222 41.116)',
+    '700': 'oklch(0.553 0.195 38.402)',
+    '800': 'oklch(0.47 0.157 37.304)',
+    '900': 'oklch(0.408 0.123 38.172)',
+    '950': 'oklch(0.266 0.079 36.259)'
+  },
+  pink: {
+    '50': 'oklch(0.971 0.014 343.198)',
+    '100': 'oklch(0.948 0.028 342.258)',
+    '200': 'oklch(0.899 0.061 343.231)',
+    '300': 'oklch(0.823 0.12 346.018)',
+    '400': 'oklch(0.718 0.202 349.761)',
+    '500': 'oklch(0.656 0.241 354.308)',
+    '600': 'oklch(0.592 0.249 0.584)',
+    '700': 'oklch(0.525 0.223 3.958)',
+    '800': 'oklch(0.459 0.187 3.815)',
+    '900': 'oklch(0.408 0.153 2.432)',
+    '950': 'oklch(0.284 0.109 3.907)'
+  },
+  purple: {
+    '50': 'oklch(0.977 0.014 308.299)',
+    '100': 'oklch(0.946 0.033 307.174)',
+    '200': 'oklch(0.902 0.063 306.703)',
+    '300': 'oklch(0.827 0.119 306.383)',
+    '400': 'oklch(0.714 0.203 305.504)',
+    '500': 'oklch(0.627 0.265 303.9)',
+    '600': 'oklch(0.558 0.288 302.321)',
+    '700': 'oklch(0.496 0.265 301.924)',
+    '800': 'oklch(0.438 0.218 303.724)',
+    '900': 'oklch(0.381 0.176 304.987)',
+    '950': 'oklch(0.291 0.149 302.717)'
+  },
+  red: {
+    '50': 'oklch(0.971 0.013 17.38)',
+    '100': 'oklch(0.936 0.032 17.717)',
+    '200': 'oklch(0.885 0.062 18.334)',
+    '300': 'oklch(0.808 0.114 19.571)',
+    '400': 'oklch(0.704 0.191 22.216)',
+    '500': 'oklch(0.637 0.237 25.331)',
+    '600': 'oklch(0.577 0.245 27.325)',
+    '700': 'oklch(0.505 0.213 27.518)',
+    '800': 'oklch(0.444 0.177 26.899)',
+    '900': 'oklch(0.396 0.141 25.723)',
+    '950': 'oklch(0.258 0.092 26.042)'
+  },
+  rose: {
+    '50': 'oklch(0.969 0.015 12.422)',
+    '100': 'oklch(0.941 0.03 12.58)',
+    '200': 'oklch(0.892 0.058 10.001)',
+    '300': 'oklch(0.81 0.117 11.638)',
+    '400': 'oklch(0.712 0.194 13.428)',
+    '500': 'oklch(0.645 0.246 16.439)',
+    '600': 'oklch(0.586 0.253 17.585)',
+    '700': 'oklch(0.514 0.222 16.935)',
+    '800': 'oklch(0.455 0.188 13.697)',
+    '900': 'oklch(0.41 0.159 10.272)',
+    '950': 'oklch(0.271 0.105 12.094)'
+  },
+  sky: {
+    '50': 'oklch(0.977 0.013 236.62)',
+    '100': 'oklch(0.951 0.026 236.824)',
+    '200': 'oklch(0.901 0.058 230.902)',
+    '300': 'oklch(0.828 0.111 230.318)',
+    '400': 'oklch(0.746 0.16 232.661)',
+    '500': 'oklch(0.685 0.169 237.323)',
+    '600': 'oklch(0.588 0.158 241.966)',
+    '700': 'oklch(0.5 0.134 242.749)',
+    '800': 'oklch(0.443 0.11 240.79)',
+    '900': 'oklch(0.391 0.09 240.876)',
+    '950': 'oklch(0.293 0.066 243.157)'
+  },
+  slate: {
+    '50': 'oklch(0.984 0.003 247.858)',
+    '100': 'oklch(0.968 0.007 247.896)',
+    '200': 'oklch(0.929 0.013 255.508)',
+    '300': 'oklch(0.869 0.022 252.894)',
+    '400': 'oklch(0.704 0.04 256.788)',
+    '500': 'oklch(0.554 0.046 257.417)',
+    '600': 'oklch(0.446 0.043 257.281)',
+    '700': 'oklch(0.372 0.044 257.287)',
+    '800': 'oklch(0.279 0.041 260.031)',
+    '900': 'oklch(0.208 0.042 265.755)',
+    '950': 'oklch(0.129 0.042 264.695)'
+  },
+  stone: {
+    '50': 'oklch(0.985 0.001 106.423)',
+    '100': 'oklch(0.97 0.001 106.424)',
+    '200': 'oklch(0.923 0.003 48.717)',
+    '300': 'oklch(0.869 0.005 56.366)',
+    '400': 'oklch(0.709 0.01 56.259)',
+    '500': 'oklch(0.553 0.013 58.071)',
+    '600': 'oklch(0.444 0.011 73.639)',
+    '700': 'oklch(0.374 0.01 67.558)',
+    '800': 'oklch(0.268 0.007 34.298)',
+    '900': 'oklch(0.216 0.006 56.043)',
+    '950': 'oklch(0.147 0.004 49.25)'
+  },
+  teal: {
+    '50': 'oklch(0.984 0.014 180.72)',
+    '100': 'oklch(0.953 0.051 180.801)',
+    '200': 'oklch(0.91 0.096 180.426)',
+    '300': 'oklch(0.855 0.138 181.071)',
+    '400': 'oklch(0.777 0.152 181.912)',
+    '500': 'oklch(0.704 0.14 182.503)',
+    '600': 'oklch(0.6 0.118 184.704)',
+    '700': 'oklch(0.511 0.096 186.391)',
+    '800': 'oklch(0.437 0.078 188.216)',
+    '900': 'oklch(0.386 0.063 188.416)',
+    '950': 'oklch(0.277 0.046 192.524)'
+  },
+  transparent: 'transparent',
+  violet: {
+    '50': 'oklch(0.969 0.016 293.756)',
+    '100': 'oklch(0.943 0.029 294.588)',
+    '200': 'oklch(0.894 0.057 293.283)',
+    '300': 'oklch(0.811 0.111 293.571)',
+    '400': 'oklch(0.702 0.183 293.541)',
+    '500': 'oklch(0.606 0.25 292.717)',
+    '600': 'oklch(0.541 0.281 293.009)',
+    '700': 'oklch(0.491 0.27 292.581)',
+    '800': 'oklch(0.432 0.232 292.759)',
+    '900': 'oklch(0.38 0.189 293.745)',
+    '950': 'oklch(0.283 0.141 291.089)'
+  },
+  white: '#fff',
+  yellow: {
+    '50': 'oklch(0.987 0.026 102.212)',
+    '100': 'oklch(0.973 0.071 103.193)',
+    '200': 'oklch(0.945 0.129 101.54)',
+    '300': 'oklch(0.905 0.182 98.111)',
+    '400': 'oklch(0.852 0.199 91.936)',
+    '500': 'oklch(0.795 0.184 86.047)',
+    '600': 'oklch(0.681 0.162 75.834)',
+    '700': 'oklch(0.554 0.135 66.442)',
+    '800': 'oklch(0.476 0.114 61.907)',
+    '900': 'oklch(0.421 0.095 57.708)',
+    '950': 'oklch(0.286 0.066 53.813)'
+  },
+  zinc: {
+    '50': 'oklch(0.985 0 0)',
+    '100': 'oklch(0.967 0.001 286.375)',
+    '200': 'oklch(0.92 0.004 286.32)',
+    '300': 'oklch(0.871 0.006 286.286)',
+    '400': 'oklch(0.705 0.015 286.067)',
+    '500': 'oklch(0.552 0.016 285.938)',
+    '600': 'oklch(0.442 0.017 285.786)',
+    '700': 'oklch(0.37 0.013 285.805)',
+    '800': 'oklch(0.274 0.006 286.033)',
+    '900': 'oklch(0.21 0.006 285.885)',
+    '950': 'oklch(0.141 0.005 285.823)'
+  }
+};
+// prettier-ignore
+/* eslint-disable perfectionist/sort-objects */
+export const defaultColors = {
+  text: {
+    'text-red': {
+      css: {
+        'color': `light-dark(${tailwindColors.red[600]}, ${tailwindColors.red[400]})`
+      },
+      label: 'Red'
+    },
+    'text-orange': {
+      css: {
+        'color': `light-dark(${tailwindColors.orange[600]}, ${tailwindColors.orange[400]})`
+      },
+      label: 'Orange'
+    },
+    'text-yellow': {
+      css: {
+        'color': `light-dark(${tailwindColors.yellow[700]}, ${tailwindColors.yellow[300]})`
+      },
+      label: 'Yellow'
+    },
+    'text-green': {
+      css: {
+        'color': `light-dark(${tailwindColors.green[700]}, ${tailwindColors.green[400]})`
+      },
+      label: 'Green'
+    },
+    'text-blue': {
+      css: {
+        'color': `light-dark(${tailwindColors.blue[600]}, ${tailwindColors.blue[400]})`
+      },
+      label: 'Blue'
+    },
+    'text-purple': {
+      css: {
+        'color': `light-dark(${tailwindColors.purple[600]}, ${tailwindColors.purple[400]})`
+      },
+      label: 'Purple'
+    },
+    'text-pink': {
+      css: {
+        'color': `light-dark(${tailwindColors.pink[600]}, ${tailwindColors.pink[400]})`
+      },
+      label: 'Pink'
+    }
+  },
+  background: {
+    'bg-red': {
+      css: {
+        'background-color': `light-dark(${tailwindColors.red[400]}, ${tailwindColors.red[600]})`
+      },
+      label: 'Red'
+    },
+    'bg-orange': {
+      css: {
+        'background-color': `light-dark(${tailwindColors.orange[400]}, ${tailwindColors.orange[600]})`
+      },
+      label: 'Orange'
+    },
+    'bg-yellow': {
+      css: {
+        'background-color': `light-dark(${tailwindColors.yellow[300]}, ${tailwindColors.yellow[700]})`
+      },
+      label: 'Yellow'
+    },
+    'bg-green': {
+      css: {
+        'background-color': `light-dark(${tailwindColors.green[400]}, ${tailwindColors.green[700]})`
+      },
+      label: 'Green'
+    },
+    'bg-blue': {
+      css: {
+        'background-color': `light-dark(${tailwindColors.blue[400]}, ${tailwindColors.blue[600]})`
+      },
+      label: 'Blue'
+    },
+    'bg-purple': {
+      css: {
+        'background-color': `light-dark(${tailwindColors.purple[400]}, ${tailwindColors.purple[600]})`
+      },
+      label: 'Purple'
+    },
+    'bg-pink': {
+      css: {
+        'background-color': `light-dark(${tailwindColors.pink[400]}, ${tailwindColors.pink[600]})`
+      },
+      label: 'Pink'
+    }
+  }
+};
+//# sourceMappingURL=defaultColors.js.map

package/dist/features/textState/defaultColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultColors.js","names":["tailwindColors","amber","black","blue","current","cyan","emerald","fuchsia","gray","green","indigo","inherit","lime","neutral","orange","pink","purple","red","rose","sky","slate","stone","teal","transparent","violet","white","yellow","zinc","defaultColors","text","css","label","background"],"sources":["../../../src/features/textState/defaultColors.ts"],"sourcesContent":["import type { StateValues } from './feature.server.js'\n\nconst tailwindColors = {\n  amber: {\n    '50': 'oklch(0.987 0.022 95.277)',\n    '100': 'oklch(0.962 0.059 95.617)',\n    '200': 'oklch(0.924 0.12 95.746)',\n    '300': 'oklch(0.879 0.169 91.605)',\n    '400': 'oklch(0.828 0.189 84.429)',\n    '500': 'oklch(0.769 0.188 70.08)',\n    '600': 'oklch(0.666 0.179 58.318)',\n    '700': 'oklch(0.555 0.163 48.998)',\n    '800': 'oklch(0.473 0.137 46.201)',\n    '900': 'oklch(0.414 0.112 45.904)',\n    '950': 'oklch(0.279 0.077 45.635)',\n  },\n  black: '#000',\n  blue: {\n    '50': 'oklch(0.97 0.014 254.604)',\n    '100': 'oklch(0.932 0.032 255.585)',\n    '200': 'oklch(0.882 0.059 254.128)',\n    '300': 'oklch(0.809 0.105 251.813)',\n    '400': 'oklch(0.707 0.165 254.624)',\n    '500': 'oklch(0.623 0.214 259.815)',\n    '600': 'oklch(0.546 0.245 262.881)',\n    '700': 'oklch(0.488 0.243 264.376)',\n    '800': 'oklch(0.424 0.199 265.638)',\n    '900': 'oklch(0.379 0.146 265.522)',\n    '950': 'oklch(0.282 0.091 267.935)',\n  },\n  current: 'currentColor',\n  cyan: {\n    '50': 'oklch(0.984 0.019 200.873)',\n    '100': 'oklch(0.956 0.045 203.388)',\n    '200': 'oklch(0.917 0.08 205.041)',\n    '300': 'oklch(0.865 0.127 207.078)',\n    '400': 'oklch(0.789 0.154 211.53)',\n    '500': 'oklch(0.715 0.143 215.221)',\n    '600': 'oklch(0.609 0.126 221.723)',\n    '700': 'oklch(0.52 0.105 223.128)',\n    '800': 'oklch(0.45 0.085 224.283)',\n    '900': 'oklch(0.398 0.07 227.392)',\n    '950': 'oklch(0.302 0.056 229.695)',\n  },\n  emerald: {\n    '50': 'oklch(0.979 0.021 166.113)',\n    '100': 'oklch(0.95 0.052 163.051)',\n    '200': 'oklch(0.905 0.093 164.15)',\n    '300': 'oklch(0.845 0.143 164.978)',\n    '400': 'oklch(0.765 0.177 163.223)',\n    '500': 'oklch(0.696 0.17 162.48)',\n    '600': 'oklch(0.596 0.145 163.225)',\n    '700': 'oklch(0.508 0.118 165.612)',\n    '800': 'oklch(0.432 0.095 166.913)',\n    '900': 'oklch(0.378 0.077 168.94)',\n    '950': 'oklch(0.262 0.051 172.552)',\n  },\n  fuchsia: {\n    '50': 'oklch(0.977 0.017 320.058)',\n    '100': 'oklch(0.952 0.037 318.852)',\n    '200': 'oklch(0.903 0.076 319.62)',\n    '300': 'oklch(0.833 0.145 321.434)',\n    '400': 'oklch(0.74 0.238 322.16)',\n    '500': 'oklch(0.667 0.295 322.15)',\n    '600': 'oklch(0.591 0.293 322.896)',\n    '700': 'oklch(0.518 0.253 323.949)',\n    '800': 'oklch(0.452 0.211 324.591)',\n    '900': 'oklch(0.401 0.17 325.612)',\n    '950': 'oklch(0.293 0.136 325.661)',\n  },\n  gray: {\n    '50': 'oklch(0.985 0.002 247.839)',\n    '100': 'oklch(0.967 0.003 264.542)',\n    '200': 'oklch(0.928 0.006 264.531)',\n    '300': 'oklch(0.872 0.01 258.338)',\n    '400': 'oklch(0.707 0.022 261.325)',\n    '500': 'oklch(0.551 0.027 264.364)',\n    '600': 'oklch(0.446 0.03 256.802)',\n    '700': 'oklch(0.373 0.034 259.733)',\n    '800': 'oklch(0.278 0.033 256.848)',\n    '900': 'oklch(0.21 0.034 264.665)',\n    '950': 'oklch(0.13 0.028 261.692)',\n  },\n  green: {\n    '50': 'oklch(0.982 0.018 155.826)',\n    '100': 'oklch(0.962 0.044 156.743)',\n    '200': 'oklch(0.925 0.084 155.995)',\n    '300': 'oklch(0.871 0.15 154.449)',\n    '400': 'oklch(0.792 0.209 151.711)',\n    '500': 'oklch(0.723 0.219 149.579)',\n    '600': 'oklch(0.627 0.194 149.214)',\n    '700': 'oklch(0.527 0.154 150.069)',\n    '800': 'oklch(0.448 0.119 151.328)',\n    '900': 'oklch(0.393 0.095 152.535)',\n    '950': 'oklch(0.266 0.065 152.934)',\n  },\n  indigo: {\n    '50': 'oklch(0.962 0.018 272.314)',\n    '100': 'oklch(0.93 0.034 272.788)',\n    '200': 'oklch(0.87 0.065 274.039)',\n    '300': 'oklch(0.785 0.115 274.713)',\n    '400': 'oklch(0.673 0.182 276.935)',\n    '500': 'oklch(0.585 0.233 277.117)',\n    '600': 'oklch(0.511 0.262 276.966)',\n    '700': 'oklch(0.457 0.24 277.023)',\n    '800': 'oklch(0.398 0.195 277.366)',\n    '900': 'oklch(0.359 0.144 278.697)',\n    '950': 'oklch(0.257 0.09 281.288)',\n  },\n  inherit: 'inherit',\n  lime: {\n    '50': 'oklch(0.986 0.031 120.757)',\n    '100': 'oklch(0.967 0.067 122.328)',\n    '200': 'oklch(0.938 0.127 124.321)',\n    '300': 'oklch(0.897 0.196 126.665)',\n    '400': 'oklch(0.841 0.238 128.85)',\n    '500': 'oklch(0.768 0.233 130.85)',\n    '600': 'oklch(0.648 0.2 131.684)',\n    '700': 'oklch(0.532 0.157 131.589)',\n    '800': 'oklch(0.453 0.124 130.933)',\n    '900': 'oklch(0.405 0.101 131.063)',\n    '950': 'oklch(0.274 0.072 132.109)',\n  },\n  neutral: {\n    '50': 'oklch(0.985 0 0)',\n    '100': 'oklch(0.97 0 0)',\n    '200': 'oklch(0.922 0 0)',\n    '300': 'oklch(0.87 0 0)',\n    '400': 'oklch(0.708 0 0)',\n    '500': 'oklch(0.556 0 0)',\n    '600': 'oklch(0.439 0 0)',\n    '700': 'oklch(0.371 0 0)',\n    '800': 'oklch(0.269 0 0)',\n    '900': 'oklch(0.205 0 0)',\n    '950': 'oklch(0.145 0 0)',\n  },\n  orange: {\n    '50': 'oklch(0.98 0.016 73.684)',\n    '100': 'oklch(0.954 0.038 75.164)',\n    '200': 'oklch(0.901 0.076 70.697)',\n    '300': 'oklch(0.837 0.128 66.29)',\n    '400': 'oklch(0.75 0.183 55.934)',\n    '500': 'oklch(0.705 0.213 47.604)',\n    '600': 'oklch(0.646 0.222 41.116)',\n    '700': 'oklch(0.553 0.195 38.402)',\n    '800': 'oklch(0.47 0.157 37.304)',\n    '900': 'oklch(0.408 0.123 38.172)',\n    '950': 'oklch(0.266 0.079 36.259)',\n  },\n  pink: {\n    '50': 'oklch(0.971 0.014 343.198)',\n    '100': 'oklch(0.948 0.028 342.258)',\n    '200': 'oklch(0.899 0.061 343.231)',\n    '300': 'oklch(0.823 0.12 346.018)',\n    '400': 'oklch(0.718 0.202 349.761)',\n    '500': 'oklch(0.656 0.241 354.308)',\n    '600': 'oklch(0.592 0.249 0.584)',\n    '700': 'oklch(0.525 0.223 3.958)',\n    '800': 'oklch(0.459 0.187 3.815)',\n    '900': 'oklch(0.408 0.153 2.432)',\n    '950': 'oklch(0.284 0.109 3.907)',\n  },\n  purple: {\n    '50': 'oklch(0.977 0.014 308.299)',\n    '100': 'oklch(0.946 0.033 307.174)',\n    '200': 'oklch(0.902 0.063 306.703)',\n    '300': 'oklch(0.827 0.119 306.383)',\n    '400': 'oklch(0.714 0.203 305.504)',\n    '500': 'oklch(0.627 0.265 303.9)',\n    '600': 'oklch(0.558 0.288 302.321)',\n    '700': 'oklch(0.496 0.265 301.924)',\n    '800': 'oklch(0.438 0.218 303.724)',\n    '900': 'oklch(0.381 0.176 304.987)',\n    '950': 'oklch(0.291 0.149 302.717)',\n  },\n  red: {\n    '50': 'oklch(0.971 0.013 17.38)',\n    '100': 'oklch(0.936 0.032 17.717)',\n    '200': 'oklch(0.885 0.062 18.334)',\n    '300': 'oklch(0.808 0.114 19.571)',\n    '400': 'oklch(0.704 0.191 22.216)',\n    '500': 'oklch(0.637 0.237 25.331)',\n    '600': 'oklch(0.577 0.245 27.325)',\n    '700': 'oklch(0.505 0.213 27.518)',\n    '800': 'oklch(0.444 0.177 26.899)',\n    '900': 'oklch(0.396 0.141 25.723)',\n    '950': 'oklch(0.258 0.092 26.042)',\n  },\n  rose: {\n    '50': 'oklch(0.969 0.015 12.422)',\n    '100': 'oklch(0.941 0.03 12.58)',\n    '200': 'oklch(0.892 0.058 10.001)',\n    '300': 'oklch(0.81 0.117 11.638)',\n    '400': 'oklch(0.712 0.194 13.428)',\n    '500': 'oklch(0.645 0.246 16.439)',\n    '600': 'oklch(0.586 0.253 17.585)',\n    '700': 'oklch(0.514 0.222 16.935)',\n    '800': 'oklch(0.455 0.188 13.697)',\n    '900': 'oklch(0.41 0.159 10.272)',\n    '950': 'oklch(0.271 0.105 12.094)',\n  },\n  sky: {\n    '50': 'oklch(0.977 0.013 236.62)',\n    '100': 'oklch(0.951 0.026 236.824)',\n    '200': 'oklch(0.901 0.058 230.902)',\n    '300': 'oklch(0.828 0.111 230.318)',\n    '400': 'oklch(0.746 0.16 232.661)',\n    '500': 'oklch(0.685 0.169 237.323)',\n    '600': 'oklch(0.588 0.158 241.966)',\n    '700': 'oklch(0.5 0.134 242.749)',\n    '800': 'oklch(0.443 0.11 240.79)',\n    '900': 'oklch(0.391 0.09 240.876)',\n    '950': 'oklch(0.293 0.066 243.157)',\n  },\n  slate: {\n    '50': 'oklch(0.984 0.003 247.858)',\n    '100': 'oklch(0.968 0.007 247.896)',\n    '200': 'oklch(0.929 0.013 255.508)',\n    '300': 'oklch(0.869 0.022 252.894)',\n    '400': 'oklch(0.704 0.04 256.788)',\n    '500': 'oklch(0.554 0.046 257.417)',\n    '600': 'oklch(0.446 0.043 257.281)',\n    '700': 'oklch(0.372 0.044 257.287)',\n    '800': 'oklch(0.279 0.041 260.031)',\n    '900': 'oklch(0.208 0.042 265.755)',\n    '950': 'oklch(0.129 0.042 264.695)',\n  },\n  stone: {\n    '50': 'oklch(0.985 0.001 106.423)',\n    '100': 'oklch(0.97 0.001 106.424)',\n    '200': 'oklch(0.923 0.003 48.717)',\n    '300': 'oklch(0.869 0.005 56.366)',\n    '400': 'oklch(0.709 0.01 56.259)',\n    '500': 'oklch(0.553 0.013 58.071)',\n    '600': 'oklch(0.444 0.011 73.639)',\n    '700': 'oklch(0.374 0.01 67.558)',\n    '800': 'oklch(0.268 0.007 34.298)',\n    '900': 'oklch(0.216 0.006 56.043)',\n    '950': 'oklch(0.147 0.004 49.25)',\n  },\n  teal: {\n    '50': 'oklch(0.984 0.014 180.72)',\n    '100': 'oklch(0.953 0.051 180.801)',\n    '200': 'oklch(0.91 0.096 180.426)',\n    '300': 'oklch(0.855 0.138 181.071)',\n    '400': 'oklch(0.777 0.152 181.912)',\n    '500': 'oklch(0.704 0.14 182.503)',\n    '600': 'oklch(0.6 0.118 184.704)',\n    '700': 'oklch(0.511 0.096 186.391)',\n    '800': 'oklch(0.437 0.078 188.216)',\n    '900': 'oklch(0.386 0.063 188.416)',\n    '950': 'oklch(0.277 0.046 192.524)',\n  },\n  transparent: 'transparent',\n  violet: {\n    '50': 'oklch(0.969 0.016 293.756)',\n    '100': 'oklch(0.943 0.029 294.588)',\n    '200': 'oklch(0.894 0.057 293.283)',\n    '300': 'oklch(0.811 0.111 293.571)',\n    '400': 'oklch(0.702 0.183 293.541)',\n    '500': 'oklch(0.606 0.25 292.717)',\n    '600': 'oklch(0.541 0.281 293.009)',\n    '700': 'oklch(0.491 0.27 292.581)',\n    '800': 'oklch(0.432 0.232 292.759)',\n    '900': 'oklch(0.38 0.189 293.745)',\n    '950': 'oklch(0.283 0.141 291.089)',\n  },\n  white: '#fff',\n  yellow: {\n    '50': 'oklch(0.987 0.026 102.212)',\n    '100': 'oklch(0.973 0.071 103.193)',\n    '200': 'oklch(0.945 0.129 101.54)',\n    '300': 'oklch(0.905 0.182 98.111)',\n    '400': 'oklch(0.852 0.199 91.936)',\n    '500': 'oklch(0.795 0.184 86.047)',\n    '600': 'oklch(0.681 0.162 75.834)',\n    '700': 'oklch(0.554 0.135 66.442)',\n    '800': 'oklch(0.476 0.114 61.907)',\n    '900': 'oklch(0.421 0.095 57.708)',\n    '950': 'oklch(0.286 0.066 53.813)',\n  },\n  zinc: {\n    '50': 'oklch(0.985 0 0)',\n    '100': 'oklch(0.967 0.001 286.375)',\n    '200': 'oklch(0.92 0.004 286.32)',\n    '300': 'oklch(0.871 0.006 286.286)',\n    '400': 'oklch(0.705 0.015 286.067)',\n    '500': 'oklch(0.552 0.016 285.938)',\n    '600': 'oklch(0.442 0.017 285.786)',\n    '700': 'oklch(0.37 0.013 285.805)',\n    '800': 'oklch(0.274 0.006 286.033)',\n    '900': 'oklch(0.21 0.006 285.885)',\n    '950': 'oklch(0.141 0.005 285.823)',\n  },\n}\n\n// prettier-ignore\n/* eslint-disable perfectionist/sort-objects */\nexport const defaultColors = {\n    text: {\n      'text-red': { css: { 'color': `light-dark(${tailwindColors.red[600]}, ${tailwindColors.red[400]})`, }, label: 'Red' },\n      'text-orange': { css: { 'color': `light-dark(${tailwindColors.orange[600]}, ${tailwindColors.orange[400]})`, }, label: 'Orange' },\n      'text-yellow': { css: { 'color': `light-dark(${tailwindColors.yellow[700]}, ${tailwindColors.yellow[300]})`, }, label: 'Yellow' },\n      'text-green': { css: { 'color': `light-dark(${tailwindColors.green[700]}, ${tailwindColors.green[400]})`, }, label: 'Green' },\n      'text-blue': { css: { 'color': `light-dark(${tailwindColors.blue[600]}, ${tailwindColors.blue[400]})`, }, label: 'Blue' },\n      'text-purple': { css: { 'color': `light-dark(${tailwindColors.purple[600]}, ${tailwindColors.purple[400]})`, }, label: 'Purple' },\n      'text-pink': { css: { 'color': `light-dark(${tailwindColors.pink[600]}, ${tailwindColors.pink[400]})`, }, label: 'Pink' },\n    } satisfies StateValues,\n    background: {\n      'bg-red': { css: { 'background-color': `light-dark(${tailwindColors.red[400]}, ${tailwindColors.red[600]})`, }, label: 'Red' },\n      'bg-orange': { css: { 'background-color': `light-dark(${tailwindColors.orange[400]}, ${tailwindColors.orange[600]})`, }, label: 'Orange' },\n      'bg-yellow': { css: { 'background-color': `light-dark(${tailwindColors.yellow[300]}, ${tailwindColors.yellow[700]})`, }, label: 'Yellow' },\n      'bg-green': { css: { 'background-color': `light-dark(${tailwindColors.green[400]}, ${tailwindColors.green[700]})`, }, label: 'Green' },\n      'bg-blue': { css: { 'background-color': `light-dark(${tailwindColors.blue[400]}, ${tailwindColors.blue[600]})`, }, label: 'Blue' },\n      'bg-purple': { css: { 'background-color': `light-dark(${tailwindColors.purple[400]}, ${tailwindColors.purple[600]})`, }, label: 'Purple' },\n      'bg-pink': { css: { 'background-color': `light-dark(${tailwindColors.pink[400]}, ${tailwindColors.pink[600]})`, }, label: 'Pink' },\n    } satisfies StateValues\n  }\n"],"mappings":"AAEA,MAAMA,cAAA,GAAiB;EACrBC,KAAA,EAAO;IACL,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;EACT;EACAC,KAAA,EAAO;EACPC,IAAA,EAAM;IACJ,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;EACT;EACAC,OAAA,EAAS;EACTC,IAAA,EAAM;IACJ,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;EACT;EACAC,OAAA,EAAS;IACP,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;EACT;EACAC,OAAA,EAAS;IACP,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;EACT;EACAC,IAAA,EAAM;IACJ,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;EACT;EACAC,KAAA,EAAO;IACL,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;EACT;EACAC,MAAA,EAAQ;IACN,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;EACT;EACAC,OAAA,EAAS;EACTC,IAAA,EAAM;IACJ,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;EACT;EACAC,OAAA,EAAS;IACP,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;EACT;EACAC,MAAA,EAAQ;IACN,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;EACT;EACAC,IAAA,EAAM;IACJ,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;EACT;EACAC,MAAA,EAAQ;IACN,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;EACT;EACAC,GAAA,EAAK;IACH,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;EACT;EACAC,IAAA,EAAM;IACJ,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;EACT;EACAC,GAAA,EAAK;IACH,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;EACT;EACAC,KAAA,EAAO;IACL,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;EACT;EACAC,KAAA,EAAO;IACL,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,O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","ignoreList":[]}

package/dist/features/textState/feature.client.d.ts

@@ -0,0 +1,3 @@
+import type { TextStateFeatureProps } from './feature.server.js';
+export declare const TextStateFeatureClient: import("../typesClient.js").FeatureProviderProviderClient<TextStateFeatureProps, TextStateFeatureProps>;
+//# sourceMappingURL=feature.client.d.ts.map

package/dist/features/textState/feature.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../src/features/textState/feature.client.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAiDhE,eAAO,MAAM,sBAAsB,yGAgBjC,CAAA"}

package/dist/features/textState/feature.client.js

@@ -0,0 +1,69 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TextStateIcon } from '../../lexical/ui/icons/TextState/index.js';
+import { createClientFeature } from '../../utilities/createClientFeature.js';
+import { registerTextStates, setTextState, StatePlugin } from './textState.js';
+const toolbarGroups = props => {
+  const items = [];
+  for (const stateKey in props.state) {
+    const key = props.state[stateKey];
+    for (const stateValue in key) {
+      const meta = key[stateValue];
+      items.push({
+        ChildComponent: () => /*#__PURE__*/_jsx(TextStateIcon, {
+          css: meta.css
+        }),
+        key: stateValue,
+        label: meta.label,
+        onSelect: ({
+          editor
+        }) => {
+          setTextState(editor, stateKey, stateValue);
+        }
+      });
+    }
+  }
+  const clearStyle = [{
+    ChildComponent: () => /*#__PURE__*/_jsx(TextStateIcon, {}),
+    key: `clear-style`,
+    label: 'Default style',
+    onSelect: ({
+      editor
+    }) => {
+      for (const stateKey in props.state) {
+        setTextState(editor, stateKey, undefined);
+      }
+    },
+    order: 1
+  }];
+  return [{
+    type: 'dropdown',
+    ChildComponent: () => /*#__PURE__*/_jsx(TextStateIcon, {
+      css: {
+        color: 'var(--theme-elevation-600)'
+      }
+    }),
+    items: [...clearStyle, ...items],
+    key: 'textState',
+    order: 30
+  }];
+};
+export const TextStateFeatureClient = createClientFeature(({
+  props
+}) => {
+  registerTextStates(props.state);
+  return {
+    plugins: [{
+      Component: StatePlugin,
+      position: 'normal'
+    }],
+    toolbarFixed: {
+      groups: toolbarGroups(props)
+    },
+    toolbarInline: {
+      groups: toolbarGroups(props)
+    }
+  };
+});
+//# sourceMappingURL=feature.client.js.map

package/dist/features/textState/feature.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.client.js","names":["TextStateIcon","createClientFeature","registerTextStates","setTextState","StatePlugin","toolbarGroups","props","items","stateKey","state","key","stateValue","meta","push","ChildComponent","_jsx","css","label","onSelect","editor","clearStyle","undefined","order","type","color","TextStateFeatureClient","plugins","Component","position","toolbarFixed","groups","toolbarInline"],"sources":["../../../src/features/textState/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport type { ToolbarDropdownGroup, ToolbarGroup } from '../toolbars/types.js'\nimport type { TextStateFeatureProps } from './feature.server.js'\n\nimport { TextStateIcon } from '../../lexical/ui/icons/TextState/index.js'\nimport { createClientFeature } from '../../utilities/createClientFeature.js'\nimport { registerTextStates, setTextState, StatePlugin } from './textState.js'\n\nconst toolbarGroups = (props: TextStateFeatureProps): ToolbarGroup[] => {\n  const items: ToolbarDropdownGroup['items'] = []\n\n  for (const stateKey in props.state) {\n    const key = props.state[stateKey]!\n    for (const stateValue in key) {\n      const meta = key[stateValue]!\n      items.push({\n        ChildComponent: () => <TextStateIcon css={meta.css} />,\n        key: stateValue,\n        label: meta.label,\n        onSelect: ({ editor }) => {\n          setTextState(editor, stateKey, stateValue)\n        },\n      })\n    }\n  }\n\n  const clearStyle: ToolbarDropdownGroup['items'] = [\n    {\n      ChildComponent: () => <TextStateIcon />,\n      key: `clear-style`,\n      label: 'Default style',\n      onSelect: ({ editor }) => {\n        for (const stateKey in props.state) {\n          setTextState(editor, stateKey, undefined)\n        }\n      },\n      order: 1,\n    },\n  ]\n\n  return [\n    {\n      type: 'dropdown',\n      ChildComponent: () => <TextStateIcon css={{ color: 'var(--theme-elevation-600)' }} />,\n      items: [...clearStyle, ...items],\n      key: 'textState',\n      order: 30,\n    },\n  ]\n}\n\nexport const TextStateFeatureClient = createClientFeature<TextStateFeatureProps>(({ props }) => {\n  registerTextStates(props.state)\n  return {\n    plugins: [\n      {\n        Component: StatePlugin,\n        position: 'normal',\n      },\n    ],\n    toolbarFixed: {\n      groups: toolbarGroups(props),\n    },\n    toolbarInline: {\n      groups: toolbarGroups(props),\n    },\n  }\n})\n"],"mappings":"AAAA;;;AAKA,SAASA,aAAa,QAAQ;AAC9B,SAASC,mBAAmB,QAAQ;AACpC,SAASC,kBAAkB,EAAEC,YAAY,EAAEC,WAAW,QAAQ;AAE9D,MAAMC,aAAA,GAAiBC,KAAA;EACrB,MAAMC,KAAA,GAAuC,EAAE;EAE/C,KAAK,MAAMC,QAAA,IAAYF,KAAA,CAAMG,KAAK,EAAE;IAClC,MAAMC,GAAA,GAAMJ,KAAA,CAAMG,KAAK,CAACD,QAAA,CAAS;IACjC,KAAK,MAAMG,UAAA,IAAcD,GAAA,EAAK;MAC5B,MAAME,IAAA,GAAOF,GAAG,CAACC,UAAA,CAAW;MAC5BJ,KAAA,CAAMM,IAAI,CAAC;QACTC,cAAA,EAAgBA,CAAA,kBAAMC,IAAA,CAACf,aAAA;UAAcgB,GAAA,EAAKJ,IAAA,CAAKI;;QAC/CN,GAAA,EAAKC,UAAA;QACLM,KAAA,EAAOL,IAAA,CAAKK,KAAK;QACjBC,QAAA,EAAUA,CAAC;UAAEC;QAAM,CAAE;UACnBhB,YAAA,CAAagB,MAAA,EAAQX,QAAA,EAAUG,UAAA;QACjC;MACF;IACF;EACF;EAEA,MAAMS,UAAA,GAA4C,CAChD;IACEN,cAAA,EAAgBA,CAAA,kBAAMC,IAAA,CAACf,aAAA;IACvBU,GAAA,EAAK,aAAa;IAClBO,KAAA,EAAO;IACPC,QAAA,EAAUA,CAAC;MAAEC;IAAM,CAAE;MACnB,KAAK,MAAMX,QAAA,IAAYF,KAAA,CAAMG,KAAK,EAAE;QAClCN,YAAA,CAAagB,MAAA,EAAQX,QAAA,EAAUa,SAAA;MACjC;IACF;IACAC,KAAA,EAAO;EACT,EACD;EAED,OAAO,CACL;IACEC,IAAA,EAAM;IACNT,cAAA,EAAgBA,CAAA,kBAAMC,IAAA,CAACf,aAAA;MAAcgB,GAAA,EAAK;QAAEQ,KAAA,EAAO;MAA6B;;IAChFjB,KAAA,EAAO,C,GAAIa,UAAA,E,GAAeb,KAAA,CAAM;IAChCG,GAAA,EAAK;IACLY,KAAA,EAAO;EACT,EACD;AACH;AAEA,OAAO,MAAMG,sBAAA,GAAyBxB,mBAAA,CAA2C,CAAC;EAAEK;AAAK,CAAE;EACzFJ,kBAAA,CAAmBI,KAAA,CAAMG,KAAK;EAC9B,OAAO;IACLiB,OAAA,EAAS,CACP;MACEC,SAAA,EAAWvB,WAAA;MACXwB,QAAA,EAAU;IACZ,EACD;IACDC,YAAA,EAAc;MACZC,MAAA,EAAQzB,aAAA,CAAcC,KAAA;IACxB;IACAyB,aAAA,EAAe;MACbD,MAAA,EAAQzB,aAAA,CAAcC,KAAA;IACxB;EACF;AACF","ignoreList":[]}