@wordpress/theme 0.1.0

package/build-module/use-theme-provider-styles.js

@@ -0,0 +1,200 @@
+import Color from "colorjs.io";
+import { useMemo, useContext } from "@wordpress/element";
+import { ThemeContext } from "./context";
+import semanticVariables from "./prebuilt/ts/design-tokens";
+import {
+  buildBgRamp,
+  buildAccentRamp,
+  DEFAULT_SEED_COLORS
+} from "./color-ramps";
+const legacyWpComponentsOverridesCSS = [
+  ["--wp-components-color-accent", "var(--wp-admin-theme-color)"],
+  [
+    "--wp-components-color-accent-darker-10",
+    "var(--wp-admin-theme-color-darker-10)"
+  ],
+  [
+    "--wp-components-color-accent-darker-20",
+    "var(--wp-admin-theme-color-darker-20)"
+  ],
+  [
+    "--wp-components-color-accent-inverted",
+    "var(--wpds-color-fg-interactive-brand-strong)"
+  ],
+  [
+    "--wp-components-color-background",
+    "var(--wpds-color-bg-surface-neutral-strong)"
+  ],
+  [
+    "--wp-components-color-foreground",
+    "var(--wpds-color-fg-content-neutral)"
+  ],
+  [
+    "--wp-components-color-foreground-inverted",
+    "var(--wpds-color-bg-surface-neutral)"
+  ],
+  [
+    "--wp-components-color-gray-100",
+    "var(--wpds-color-bg-surface-neutral)"
+  ],
+  [
+    "--wp-components-color-gray-200",
+    "var(--wpds-color-stroke-surface-neutral)"
+  ],
+  [
+    "--wp-components-color-gray-300",
+    "var(--wpds-color-stroke-surface-neutral)"
+  ],
+  [
+    "--wp-components-color-gray-400",
+    "var(--wpds-color-stroke-interactive-neutral)"
+  ],
+  [
+    "--wp-components-color-gray-600",
+    "var(--wpds-color-stroke-interactive-neutral)"
+  ],
+  [
+    "--wp-components-color-gray-700",
+    "var(--wpds-color-fg-content-neutral-weak)"
+  ],
+  [
+    "--wp-components-color-gray-800",
+    "var(--wpds-color-fg-content-neutral)"
+  ]
+];
+function customRgbFormat(color) {
+  const rgb = color.to("srgb");
+  return [rgb.r, rgb.g, rgb.b].map((n) => Math.round(n * 255)).join(", ");
+}
+function legacyWpAdminThemeOverridesCSS(accent) {
+  const parsedAccent = new Color(accent).to("hsl");
+  const hsl = parsedAccent.coords;
+  const darker10 = new Color("hsl", [
+    hsl[0],
+    // h
+    hsl[1],
+    // s
+    Math.max(0, Math.min(100, hsl[2] - 5))
+    // l (reduced by 5%)
+  ]).to("srgb");
+  const darker20 = new Color("hsl", [
+    hsl[0],
+    // h
+    hsl[1],
+    // s
+    Math.max(0, Math.min(100, hsl[2] - 10))
+    // l (reduced by 10%)
+  ]).to("srgb");
+  return [
+    [
+      "--wp-admin-theme-color",
+      parsedAccent.to("srgb").toString({ format: "hex" })
+    ],
+    ["--wp-admin-theme-color--rgb", customRgbFormat(parsedAccent)],
+    [
+      "--wp-admin-theme-color-darker-10",
+      darker10.toString({ format: "hex" })
+    ],
+    [
+      "--wp-admin-theme-color-darker-10--rgb",
+      customRgbFormat(darker10)
+    ],
+    [
+      "--wp-admin-theme-color-darker-20",
+      darker20.toString({ format: "hex" })
+    ],
+    [
+      "--wp-admin-theme-color-darker-20--rgb",
+      customRgbFormat(darker20)
+    ]
+  ];
+}
+function semanticTokensCSS(filterFn = () => true) {
+  return Object.entries(semanticVariables).filter(filterFn).map(([variableName, modesAndValues]) => [
+    variableName,
+    modesAndValues["."]
+  ]);
+}
+const toKebabCase = (str) => str.replace(
+  /[A-Z]+(?![a-z])|[A-Z]/g,
+  ($, ofs) => (ofs ? "-" : "") + $.toLowerCase()
+);
+function colorRampCSS(ramp, prefix) {
+  return [...Object.entries(ramp.ramp)].map(
+    ([tokenName, tokenValue]) => [
+      `${prefix}${toKebabCase(tokenName)}`,
+      tokenValue.color
+    ]
+  );
+}
+function generateStyles({
+  primary,
+  computedColorRamps
+}) {
+  return Object.fromEntries(
+    [
+      // Primitive tokens
+      Array.from(computedColorRamps).map(([rampName, computedColorRamp]) => [
+        colorRampCSS(
+          computedColorRamp,
+          `--wpds-color-private-${rampName}-`
+        )
+      ]).flat(2),
+      // Semantic color tokens (other semantic tokens for now are static)
+      semanticTokensCSS(([key]) => /color/.test(key)),
+      // Legacy overrides
+      legacyWpAdminThemeOverridesCSS(primary),
+      legacyWpComponentsOverridesCSS
+    ].flat()
+  );
+}
+function useThemeProviderStyles({
+  color = {}
+} = {}) {
+  const { resolvedSettings: inheritedSettings } = useContext(ThemeContext);
+  const primary = color.primary ?? inheritedSettings.color?.primary ?? DEFAULT_SEED_COLORS.primary;
+  const bg = color.bg ?? inheritedSettings.color?.bg ?? DEFAULT_SEED_COLORS.bg;
+  const resolvedSettings = useMemo(
+    () => ({
+      color: {
+        primary,
+        bg
+      }
+    }),
+    [primary, bg]
+  );
+  const themeProviderStyles = useMemo(() => {
+    const seeds = {
+      ...DEFAULT_SEED_COLORS,
+      bg,
+      primary
+    };
+    const computedColorRamps = /* @__PURE__ */ new Map();
+    const bgRamp = buildBgRamp({ seed: seeds.bg });
+    Object.entries(seeds).forEach(([rampName, seed]) => {
+      if (rampName === "bg") {
+        computedColorRamps.set(rampName, bgRamp);
+      } else {
+        computedColorRamps.set(
+          rampName,
+          buildAccentRamp({
+            seed,
+            bgRamp
+          })
+        );
+      }
+    });
+    return generateStyles({
+      primary: seeds.primary,
+      computedColorRamps
+    });
+  }, [primary, bg]);
+  return {
+    resolvedSettings,
+    themeProviderStyles
+  };
+}
+export {
+  useThemeProviderStyles
+};
+//# sourceMappingURL=use-theme-provider-styles.js.map

package/build-module/use-theme-provider-styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/use-theme-provider-styles.ts"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport type { CSSProperties } from 'react';\nimport Color from 'colorjs.io';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ThemeContext } from './context';\nimport semanticVariables from './prebuilt/ts/design-tokens';\nimport {\n\tbuildBgRamp,\n\tbuildAccentRamp,\n\tDEFAULT_SEED_COLORS,\n\ttype RampResult,\n} from './color-ramps';\nimport type { ThemeProviderProps } from './types';\n\ntype Entry = [ string, string ];\n\nconst legacyWpComponentsOverridesCSS: Entry[] = [\n\t[ '--wp-components-color-accent', 'var(--wp-admin-theme-color)' ],\n\t[\n\t\t'--wp-components-color-accent-darker-10',\n\t\t'var(--wp-admin-theme-color-darker-10)',\n\t],\n\t[\n\t\t'--wp-components-color-accent-darker-20',\n\t\t'var(--wp-admin-theme-color-darker-20)',\n\t],\n\t[\n\t\t'--wp-components-color-accent-inverted',\n\t\t'var(--wpds-color-fg-interactive-brand-strong)',\n\t],\n\t[\n\t\t'--wp-components-color-background',\n\t\t'var(--wpds-color-bg-surface-neutral-strong)',\n\t],\n\t[\n\t\t'--wp-components-color-foreground',\n\t\t'var(--wpds-color-fg-content-neutral)',\n\t],\n\t[\n\t\t'--wp-components-color-foreground-inverted',\n\t\t'var(--wpds-color-bg-surface-neutral)',\n\t],\n\t[\n\t\t'--wp-components-color-gray-100',\n\t\t'var(--wpds-color-bg-surface-neutral)',\n\t],\n\t[\n\t\t'--wp-components-color-gray-200',\n\t\t'var(--wpds-color-stroke-surface-neutral)',\n\t],\n\t[\n\t\t'--wp-components-color-gray-300',\n\t\t'var(--wpds-color-stroke-surface-neutral)',\n\t],\n\t[\n\t\t'--wp-components-color-gray-400',\n\t\t'var(--wpds-color-stroke-interactive-neutral)',\n\t],\n\t[\n\t\t'--wp-components-color-gray-600',\n\t\t'var(--wpds-color-stroke-interactive-neutral)',\n\t],\n\t[\n\t\t'--wp-components-color-gray-700',\n\t\t'var(--wpds-color-fg-content-neutral-weak)',\n\t],\n\t[\n\t\t'--wp-components-color-gray-800',\n\t\t'var(--wpds-color-fg-content-neutral)',\n\t],\n];\n\nfunction customRgbFormat( color: Color ) {\n\tconst rgb = color.to( 'srgb' );\n\treturn [ rgb.r, rgb.g, rgb.b ]\n\t\t.map( ( n ) => Math.round( n * 255 ) )\n\t\t.join( ', ' );\n}\n\nfunction legacyWpAdminThemeOverridesCSS( accent: string ): Entry[] {\n\tconst parsedAccent = new Color( accent ).to( 'hsl' );\n\n\tconst hsl = parsedAccent.coords;\n\tconst darker10 = new Color( 'hsl', [\n\t\thsl[ 0 ], // h\n\t\thsl[ 1 ], // s\n\t\tMath.max( 0, Math.min( 100, hsl[ 2 ] - 5 ) ), // l (reduced by 5%)\n\t] ).to( 'srgb' );\n\tconst darker20 = new Color( 'hsl', [\n\t\thsl[ 0 ], // h\n\t\thsl[ 1 ], // s\n\t\tMath.max( 0, Math.min( 100, hsl[ 2 ] - 10 ) ), // l (reduced by 10%)\n\t] ).to( 'srgb' );\n\n\treturn [\n\t\t[\n\t\t\t'--wp-admin-theme-color',\n\t\t\tparsedAccent.to( 'srgb' ).toString( { format: 'hex' } ),\n\t\t],\n\t\t[ '--wp-admin-theme-color--rgb', customRgbFormat( parsedAccent ) ],\n\t\t[\n\t\t\t'--wp-admin-theme-color-darker-10',\n\t\t\tdarker10.toString( { format: 'hex' } ),\n\t\t],\n\t\t[\n\t\t\t'--wp-admin-theme-color-darker-10--rgb',\n\t\t\tcustomRgbFormat( darker10 ),\n\t\t],\n\t\t[\n\t\t\t'--wp-admin-theme-color-darker-20',\n\t\t\tdarker20.toString( { format: 'hex' } ),\n\t\t],\n\t\t[\n\t\t\t'--wp-admin-theme-color-darker-20--rgb',\n\t\t\tcustomRgbFormat( darker20 ),\n\t\t],\n\t];\n}\n\nfunction semanticTokensCSS(\n\tfilterFn: ( entry: [ string, Record< string, string > ] ) => boolean = () =>\n\t\ttrue\n): Entry[] {\n\treturn Object.entries( semanticVariables )\n\t\t.filter( filterFn )\n\t\t.map( ( [ variableName, modesAndValues ] ) => [\n\t\t\tvariableName,\n\t\t\tmodesAndValues[ '.' ],\n\t\t] );\n}\n\nconst toKebabCase = ( str: string ) =>\n\tstr.replace(\n\t\t/[A-Z]+(?![a-z])|[A-Z]/g,\n\t\t( $, ofs ) => ( ofs ? '-' : '' ) + $.toLowerCase()\n\t);\n\nfunction colorRampCSS( ramp: RampResult, prefix: string ): Entry[] {\n\treturn [ ...Object.entries( ramp.ramp ) ].map(\n\t\t( [ tokenName, tokenValue ] ) => [\n\t\t\t`${ prefix }${ toKebabCase( tokenName ) }`,\n\t\t\ttokenValue.color,\n\t\t]\n\t);\n}\n\nfunction generateStyles( {\n\tprimary,\n\tcomputedColorRamps,\n}: {\n\tprimary: string;\n\tcomputedColorRamps: Map< string, RampResult >;\n} ): CSSProperties {\n\treturn Object.fromEntries(\n\t\t[\n\t\t\t// Primitive tokens\n\t\t\tArray.from( computedColorRamps )\n\t\t\t\t.map( ( [ rampName, computedColorRamp ] ) => [\n\t\t\t\t\tcolorRampCSS(\n\t\t\t\t\t\tcomputedColorRamp,\n\t\t\t\t\t\t`--wpds-color-private-${ rampName }-`\n\t\t\t\t\t),\n\t\t\t\t] )\n\t\t\t\t.flat( 2 ),\n\t\t\t// Semantic color tokens (other semantic tokens for now are static)\n\t\t\tsemanticTokensCSS( ( [ key ] ) => /color/.test( key ) ),\n\t\t\t// Legacy overrides\n\t\t\tlegacyWpAdminThemeOverridesCSS( primary ),\n\t\t\tlegacyWpComponentsOverridesCSS,\n\t\t].flat()\n\t);\n}\n\nexport function useThemeProviderStyles( {\n\tcolor = {},\n}: {\n\tcolor?: ThemeProviderProps[ 'color' ];\n} = {} ) {\n\tconst { resolvedSettings: inheritedSettings } = useContext( ThemeContext );\n\n\t// Compute settings:\n\t// - used provided prop value;\n\t// - otherwise, use inherited value from parent instance;\n\t// - otherwise, use fallback value (where applicable).\n\tconst primary =\n\t\tcolor.primary ??\n\t\tinheritedSettings.color?.primary ??\n\t\tDEFAULT_SEED_COLORS.primary;\n\tconst bg =\n\t\tcolor.bg ?? inheritedSettings.color?.bg ?? DEFAULT_SEED_COLORS.bg;\n\n\tconst resolvedSettings = useMemo(\n\t\t() => ( {\n\t\t\tcolor: {\n\t\t\t\tprimary,\n\t\t\t\tbg,\n\t\t\t},\n\t\t} ),\n\t\t[ primary, bg ]\n\t);\n\n\tconst themeProviderStyles = useMemo( () => {\n\t\t// Determine which seeds are needed for generating ramps.\n\t\tconst seeds = {\n\t\t\t...DEFAULT_SEED_COLORS,\n\t\t\tbg,\n\t\t\tprimary,\n\t\t};\n\n\t\t// Generate ramps.\n\t\tconst computedColorRamps = new Map< string, RampResult >();\n\t\tconst bgRamp = buildBgRamp( { seed: seeds.bg } );\n\t\tObject.entries( seeds ).forEach( ( [ rampName, seed ] ) => {\n\t\t\tif ( rampName === 'bg' ) {\n\t\t\t\tcomputedColorRamps.set( rampName, bgRamp );\n\t\t\t} else {\n\t\t\t\tcomputedColorRamps.set(\n\t\t\t\t\trampName,\n\t\t\t\t\tbuildAccentRamp( {\n\t\t\t\t\t\tseed,\n\t\t\t\t\t\tbgRamp,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t}\n\t\t} );\n\n\t\treturn generateStyles( {\n\t\t\tprimary: seeds.primary,\n\t\t\tcomputedColorRamps,\n\t\t} );\n\t}, [ primary, bg ] );\n\n\treturn {\n\t\tresolvedSettings,\n\t\tthemeProviderStyles,\n\t};\n}\n"],
+  "mappings": "AAIA,OAAO,WAAW;AAKlB,SAAS,SAAS,kBAAkB;AAKpC,SAAS,oBAAoB;AAC7B,OAAO,uBAAuB;AAC9B;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,OAEM;AAKP,MAAM,iCAA0C;AAAA,EAC/C,CAAE,gCAAgC,6BAA8B;AAAA,EAChE;AAAA,IACC;AAAA,IACA;AAAA,EACD;AAAA,EACA;AAAA,IACC;AAAA,IACA;AAAA,EACD;AAAA,EACA;AAAA,IACC;AAAA,IACA;AAAA,EACD;AAAA,EACA;AAAA,IACC;AAAA,IACA;AAAA,EACD;AAAA,EACA;AAAA,IACC;AAAA,IACA;AAAA,EACD;AAAA,EACA;AAAA,IACC;AAAA,IACA;AAAA,EACD;AAAA,EACA;AAAA,IACC;AAAA,IACA;AAAA,EACD;AAAA,EACA;AAAA,IACC;AAAA,IACA;AAAA,EACD;AAAA,EACA;AAAA,IACC;AAAA,IACA;AAAA,EACD;AAAA,EACA;AAAA,IACC;AAAA,IACA;AAAA,EACD;AAAA,EACA;AAAA,IACC;AAAA,IACA;AAAA,EACD;AAAA,EACA;AAAA,IACC;AAAA,IACA;AAAA,EACD;AAAA,EACA;AAAA,IACC;AAAA,IACA;AAAA,EACD;AACD;AAEA,SAAS,gBAAiB,OAAe;AACxC,QAAM,MAAM,MAAM,GAAI,MAAO;AAC7B,SAAO,CAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAE,EAC3B,IAAK,CAAE,MAAO,KAAK,MAAO,IAAI,GAAI,CAAE,EACpC,KAAM,IAAK;AACd;AAEA,SAAS,+BAAgC,QAA0B;AAClE,QAAM,eAAe,IAAI,MAAO,MAAO,EAAE,GAAI,KAAM;AAEnD,QAAM,MAAM,aAAa;AACzB,QAAM,WAAW,IAAI,MAAO,OAAO;AAAA,IAClC,IAAK,CAAE;AAAA;AAAA,IACP,IAAK,CAAE;AAAA;AAAA,IACP,KAAK,IAAK,GAAG,KAAK,IAAK,KAAK,IAAK,CAAE,IAAI,CAAE,CAAE;AAAA;AAAA,EAC5C,CAAE,EAAE,GAAI,MAAO;AACf,QAAM,WAAW,IAAI,MAAO,OAAO;AAAA,IAClC,IAAK,CAAE;AAAA;AAAA,IACP,IAAK,CAAE;AAAA;AAAA,IACP,KAAK,IAAK,GAAG,KAAK,IAAK,KAAK,IAAK,CAAE,IAAI,EAAG,CAAE;AAAA;AAAA,EAC7C,CAAE,EAAE,GAAI,MAAO;AAEf,SAAO;AAAA,IACN;AAAA,MACC;AAAA,MACA,aAAa,GAAI,MAAO,EAAE,SAAU,EAAE,QAAQ,MAAM,CAAE;AAAA,IACvD;AAAA,IACA,CAAE,+BAA+B,gBAAiB,YAAa,CAAE;AAAA,IACjE;AAAA,MACC;AAAA,MACA,SAAS,SAAU,EAAE,QAAQ,MAAM,CAAE;AAAA,IACtC;AAAA,IACA;AAAA,MACC;AAAA,MACA,gBAAiB,QAAS;AAAA,IAC3B;AAAA,IACA;AAAA,MACC;AAAA,MACA,SAAS,SAAU,EAAE,QAAQ,MAAM,CAAE;AAAA,IACtC;AAAA,IACA;AAAA,MACC;AAAA,MACA,gBAAiB,QAAS;AAAA,IAC3B;AAAA,EACD;AACD;AAEA,SAAS,kBACR,WAAuE,MACtE,MACS;AACV,SAAO,OAAO,QAAS,iBAAkB,EACvC,OAAQ,QAAS,EACjB,IAAK,CAAE,CAAE,cAAc,cAAe,MAAO;AAAA,IAC7C;AAAA,IACA,eAAgB,GAAI;AAAA,EACrB,CAAE;AACJ;AAEA,MAAM,cAAc,CAAE,QACrB,IAAI;AAAA,EACH;AAAA,EACA,CAAE,GAAG,SAAW,MAAM,MAAM,MAAO,EAAE,YAAY;AAClD;AAED,SAAS,aAAc,MAAkB,QAA0B;AAClE,SAAO,CAAE,GAAG,OAAO,QAAS,KAAK,IAAK,CAAE,EAAE;AAAA,IACzC,CAAE,CAAE,WAAW,UAAW,MAAO;AAAA,MAChC,GAAI,MAAO,GAAI,YAAa,SAAU,CAAE;AAAA,MACxC,WAAW;AAAA,IACZ;AAAA,EACD;AACD;AAEA,SAAS,eAAgB;AAAA,EACxB;AAAA,EACA;AACD,GAGmB;AAClB,SAAO,OAAO;AAAA,IACb;AAAA;AAAA,MAEC,MAAM,KAAM,kBAAmB,EAC7B,IAAK,CAAE,CAAE,UAAU,iBAAkB,MAAO;AAAA,QAC5C;AAAA,UACC;AAAA,UACA,wBAAyB,QAAS;AAAA,QACnC;AAAA,MACD,CAAE,EACD,KAAM,CAAE;AAAA;AAAA,MAEV,kBAAmB,CAAE,CAAE,GAAI,MAAO,QAAQ,KAAM,GAAI,CAAE;AAAA;AAAA,MAEtD,+BAAgC,OAAQ;AAAA,MACxC;AAAA,IACD,EAAE,KAAK;AAAA,EACR;AACD;AAEO,SAAS,uBAAwB;AAAA,EACvC,QAAQ,CAAC;AACV,IAEI,CAAC,GAAI;AACR,QAAM,EAAE,kBAAkB,kBAAkB,IAAI,WAAY,YAAa;AAMzE,QAAM,UACL,MAAM,WACN,kBAAkB,OAAO,WACzB,oBAAoB;AACrB,QAAM,KACL,MAAM,MAAM,kBAAkB,OAAO,MAAM,oBAAoB;AAEhE,QAAM,mBAAmB;AAAA,IACxB,OAAQ;AAAA,MACP,OAAO;AAAA,QACN;AAAA,QACA;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAE,SAAS,EAAG;AAAA,EACf;AAEA,QAAM,sBAAsB,QAAS,MAAM;AAE1C,UAAM,QAAQ;AAAA,MACb,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACD;AAGA,UAAM,qBAAqB,oBAAI,IAA0B;AACzD,UAAM,SAAS,YAAa,EAAE,MAAM,MAAM,GAAG,CAAE;AAC/C,WAAO,QAAS,KAAM,EAAE,QAAS,CAAE,CAAE,UAAU,IAAK,MAAO;AAC1D,UAAK,aAAa,MAAO;AACxB,2BAAmB,IAAK,UAAU,MAAO;AAAA,MAC1C,OAAO;AACN,2BAAmB;AAAA,UAClB;AAAA,UACA,gBAAiB;AAAA,YAChB;AAAA,YACA;AAAA,UACD,CAAE;AAAA,QACH;AAAA,MACD;AAAA,IACD,CAAE;AAEF,WAAO,eAAgB;AAAA,MACtB,SAAS,MAAM;AAAA,MACf;AAAA,IACD,CAAE;AAAA,EACH,GAAG,CAAE,SAAS,EAAG,CAAE;AAEnB,SAAO;AAAA,IACN;AAAA,IACA;AAAA,EACD;AACD;",
+  "names": []
+}

package/build-style/style.css

@@ -0,0 +1,3 @@
+._root_th78q_1 {
+	display: contents;
+}

package/build-types/color-ramps/index.d.ts

@@ -0,0 +1,44 @@
+import type { RampResult as InternalRampResult, Ramp } from './lib/types';
+export { DEFAULT_SEED_COLORS } from './lib/constants';
+/**
+ * Creates a background ramp.
+ * @param params
+ * @param params.seed
+ * @param params.debug
+ */
+export declare function buildBgRamp({ seed, debug, }: {
+    seed: string;
+    debug?: boolean;
+}): InternalRampResult;
+/**
+ * Creates an accent ramp (ie used by primary, success, info, warning and error
+ * ramps).
+ * @param params
+ * @param params.seed
+ * @param params.bgRamp
+ * @param params.debug
+ */
+export declare function buildAccentRamp({ seed, bgRamp, debug, }: {
+    seed: string;
+    bgRamp?: InternalRampResult;
+    debug?: boolean;
+}): InternalRampResult;
+/**
+ * Checks that all bg/fg combinations generated by the ramps meet contrast
+ * targets.
+ * @param params
+ * @param params.bgRamp
+ * @param params.accentRamps
+ */
+export declare function checkAccessibleCombinations({ bgRamp, accentRamps, }: {
+    bgRamp: InternalRampResult;
+    accentRamps?: InternalRampResult[];
+}): {
+    bgName: keyof Ramp;
+    bgColor: string;
+    fgName: keyof Ramp;
+    fgColor: string;
+    unmetContrast: number;
+}[];
+export type RampResult = InternalRampResult;
+//# sourceMappingURL=index.d.ts.map

package/build-types/color-ramps/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/color-ramps/index.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACX,UAAU,IAAI,kBAAkB,EAEhC,IAAI,EACJ,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD;;;;;GAKG;AACH,wBAAgB,WAAW,CAAE,EAC5B,IAAI,EACJ,KAAK,GACL,EAAE;IACF,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,GAAI,kBAAkB,CAMtB;AAsBD;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAE,EAChC,IAAI,EACJ,MAAM,EACN,KAAK,GACL,EAAE;IACF,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,GAAI,kBAAkB,CAUtB;AAED;;;;;;GAMG;AACH,wBAAgB,2BAA2B,CAAE,EAC5C,MAAM,EACN,WAAgB,GAChB,EAAE;IACF,MAAM,EAAE,kBAAkB,CAAC;IAC3B,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACnC;YAES,MAAM,IAAI;aACT,MAAM;YACP,MAAM,IAAI;aACT,MAAM;mBACA,MAAM;IA6CtB;AAED,MAAM,MAAM,UAAU,GAAG,kBAAkB,CAAC"}

package/build-types/color-ramps/lib/cache-utils.d.ts

@@ -0,0 +1,22 @@
+/**
+ * External dependencies
+ */
+import type Color from 'colorjs.io';
+/**
+ * Get cached string representation of a color
+ * @param color - Color object to stringify
+ * @return Cached string representation
+ */
+export declare function getColorString(color: Color): string;
+/**
+ * Get cached contrast calculation between two colors
+ * @param colorA - First color
+ * @param colorB - Second color
+ * @return WCAG 2.1 contrast ratio
+ */
+export declare function getCachedContrast(colorA: Color, colorB: Color): number;
+/**
+ * Clear all caches - useful for memory management or testing
+ */
+export declare function clearCaches(): void;
+//# sourceMappingURL=cache-utils.d.ts.map

package/build-types/color-ramps/lib/cache-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache-utils.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/lib/cache-utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,YAAY,CAAC;AAYpC;;;;GAIG;AACH,wBAAgB,cAAc,CAAE,KAAK,EAAE,KAAK,GAAI,MAAM,CAOrD;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,MAAM,CAYxE;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,IAAI,CAGlC"}

package/build-types/color-ramps/lib/constants.d.ts

@@ -0,0 +1,38 @@
+/**
+ * External dependencies
+ */
+import Color from 'colorjs.io';
+/**
+ * Internal dependencies
+ */
+import type { Ramp } from './types';
+export declare const WHITE: Color;
+export declare const BLACK: Color;
+export declare const UNIVERSAL_CONTRAST_TOPUP = 0.05;
+export declare const WHITE_TEXT_CONTRAST_MARGIN = 3.1;
+export declare const ACCENT_SCALE_BASE_LIGHTNESS_THRESHOLDS: {
+    readonly lighter: {
+        readonly min: 0.2;
+        readonly max: 0.4;
+    };
+    readonly darker: {
+        readonly min: 0.75;
+        readonly max: 0.98;
+    };
+};
+export declare const LIGHTNESS_EPSILON = 0.001;
+export declare const MAX_BISECTION_ITERATIONS = 25;
+export declare const CONTRAST_COMBINATIONS: {
+    bgs: (keyof Ramp)[];
+    fgs: (keyof Ramp)[];
+    target: number;
+}[];
+export declare const DEFAULT_SEED_COLORS: {
+    bg: string;
+    primary: string;
+    info: string;
+    success: string;
+    warning: string;
+    error: string;
+};
+//# sourceMappingURL=constants.d.ts.map

package/build-types/color-ramps/lib/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/lib/constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,MAAM,YAAY,CAAC;AAE/B;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,KAAK,OAAoC,CAAC;AACvD,eAAO,MAAM,KAAK,OAAoC,CAAC;AAIvD,eAAO,MAAM,wBAAwB,OAAO,CAAC;AAO7C,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAO9C,eAAO,MAAM,sCAAsC;;;;;;;;;CAGzC,CAAC;AAGX,eAAO,MAAM,iBAAiB,QAAO,CAAC;AAEtC,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,eAAO,MAAM,qBAAqB,EAAE;IACnC,GAAG,EAAE,CAAE,MAAM,IAAI,CAAE,EAAE,CAAC;IACtB,GAAG,EAAE,CAAE,MAAM,IAAI,CAAE,EAAE,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;CACf,EA+BA,CAAC;AAGF,eAAO,MAAM,mBAAmB;;;;;;;CAO/B,CAAC"}

package/build-types/color-ramps/lib/find-color-with-constraints.d.ts

@@ -0,0 +1,37 @@
+/**
+ * External dependencies
+ */
+import Color from 'colorjs.io';
+import { type TaperChromaOptions } from './taper-chroma';
+/**
+ * Solve for L such that:
+ *  - the L applied to the seed meets the contrast target against the reference
+ *  - the search is performed in one direction (ie lighter / darker)
+ *  - more constraints can be applied around lightness
+ *  - chroma could be tapered
+ * @param reference
+ * @param seed
+ * @param target
+ * @param direction
+ * @param options
+ * @param options.strict
+ * @param options.debug
+ * @param options.lightnessConstraint
+ * @param options.lightnessConstraint.type
+ * @param options.lightnessConstraint.value
+ * @param options.taperChromaOptions
+ */
+export declare function findColorMeetingRequirements(reference: Color, seed: Color, target: number, direction: 'lighter' | 'darker', { lightnessConstraint, taperChromaOptions, strict, debug, }?: {
+    lightnessConstraint?: {
+        type: 'force' | 'onlyIfSucceeds';
+        value: number;
+    };
+    taperChromaOptions?: TaperChromaOptions;
+    strict?: boolean;
+    debug?: boolean;
+}): {
+    color: Color;
+    reached: boolean;
+    achieved: number;
+};
+//# sourceMappingURL=find-color-with-constraints.d.ts.map

package/build-types/color-ramps/lib/find-color-with-constraints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"find-color-with-constraints.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/lib/find-color-with-constraints.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,MAAM,YAAY,CAAC;AAa/B,OAAO,EAAE,KAAK,kBAAkB,EAAe,MAAM,gBAAgB,CAAC;AAEtE;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,4BAA4B,CAC3C,SAAS,EAAE,KAAK,EAChB,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,GAAG,QAAQ,EAC/B,EACC,mBAAmB,EACnB,kBAAkB,EAClB,MAAa,EACb,KAAa,GACb,GAAE;IACF,mBAAmB,CAAC,EAAE;QACrB,IAAI,EAAE,OAAO,GAAG,gBAAgB,CAAC;QACjC,KAAK,EAAE,MAAM,CAAC;KACd,CAAC;IACF,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACX,GACJ;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAsItD"}

package/build-types/color-ramps/lib/index.d.ts

@@ -0,0 +1,11 @@
+import type { Ramp, RampDirection, RampConfig, RampResult } from './types';
+export declare function buildRamp(seedArg: string, config: RampConfig, { mainDirection, pinLightness, debug, rescaleToFitContrastTargets, }?: {
+    mainDirection?: RampDirection;
+    pinLightness?: {
+        stepName: keyof Ramp;
+        value: number;
+    };
+    rescaleToFitContrastTargets?: boolean;
+    debug?: boolean;
+}): RampResult;
+//# sourceMappingURL=index.d.ts.map

package/build-types/color-ramps/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/lib/index.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAEX,IAAI,EACJ,aAAa,EACb,UAAU,EACV,UAAU,EACV,MAAM,SAAS,CAAC;AA0LjB,wBAAgB,SAAS,CACxB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,UAAU,EAClB,EACC,aAAa,EACb,YAAY,EACZ,KAAa,EACb,2BAAkC,GAClC,GAAE;IACF,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,YAAY,CAAC,EAAE;QACd,QAAQ,EAAE,MAAM,IAAI,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC;KACd,CAAC;IACF,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,OAAO,CAAC;CACX,GACJ,UAAU,CA8IZ"}

package/build-types/color-ramps/lib/ramp-configs.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Internal dependencies
+ */
+import type { RampConfig } from './types';
+export declare const BG_RAMP_CONFIG: RampConfig;
+export declare const ACCENT_RAMP_CONFIG: RampConfig;
+//# sourceMappingURL=ramp-configs.d.ts.map

package/build-types/color-ramps/lib/ramp-configs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ramp-configs.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/lib/ramp-configs.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAkB,UAAU,EAAiB,MAAM,SAAS,CAAC;AAoDzE,eAAO,MAAM,cAAc,EAAE,UAkL5B,CAAC;AAIF,eAAO,MAAM,kBAAkB,EAAE,UAuEhC,CAAC"}

package/build-types/color-ramps/lib/taper-chroma.d.ts

@@ -0,0 +1,32 @@
+/**
+ * External dependencies
+ */
+import Color from 'colorjs.io';
+export interface TaperChromaOptions {
+    gamut?: 'p3' | 'srgb';
+    alpha?: number;
+    carry?: number;
+    cUpperBound?: number;
+    radiusLight?: number;
+    radiusDark?: number;
+    kLight?: number;
+    kDark?: number;
+    hueFallback?: number;
+    achromaEpsilon?: number;
+}
+/**
+ * Given the seed and the target lightness, tapers the chroma smoothly.
+ * - C_intended = Cmax(Lt,H0) * alpha * (seedRelative^carry)
+ * - Continuous taper vs |Lt - Ls| to softly reduce chroma for neighbors
+ * - Downward-only clamp on C (preserve L & H)
+ * @param seed
+ * @param lTarget
+ * @param options
+ */
+export declare function taperChroma(seed: Color, // already OKLCH
+lTarget: number, // [0..1]
+options?: TaperChromaOptions): {
+    l: number;
+    c: number;
+};
+//# sourceMappingURL=taper-chroma.d.ts.map

package/build-types/color-ramps/lib/taper-chroma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"taper-chroma.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/lib/taper-chroma.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,OAAO,KAAK,MAAM,YAAY,CAAC;AAE/B,MAAM,WAAW,kBAAkB;IAClC,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAC1B,IAAI,EAAE,KAAK,EAAE,gBAAgB;AAC7B,OAAO,EAAE,MAAM,EAAE,SAAS;AAC1B,OAAO,GAAE,kBAAuB,GAC9B;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAkE1B"}

package/build-types/color-ramps/lib/types.d.ts

@@ -0,0 +1,78 @@
+/**
+ * Internal dependencies
+ */
+import type { TaperChromaOptions } from './taper-chroma';
+export type Ramp = {
+    surface1: string;
+    surface2: string;
+    surface3: string;
+    surface4: string;
+    surface5: string;
+    surface6: string;
+    stroke1: string;
+    stroke2: string;
+    stroke3: string;
+    stroke4: string;
+    bgFill1: string;
+    bgFill2: string;
+    bgFillInverted1: string;
+    bgFillInverted2: string;
+    bgFillDark: string;
+    fgSurface1: string;
+    fgSurface2: string;
+    fgSurface3: string;
+    fgSurface4: string;
+    fgFill: string;
+    fgFillInverted: string;
+    fgFillDark: string;
+};
+export type RampDirection = 'lighter' | 'darker';
+export type FollowDirection = 'main' | 'opposite' | 'best' | RampDirection;
+export type ContrastRequirement = {
+    /** The reference color against which to calculate the contrast */
+    reference: keyof Ramp | 'seed';
+    /**
+     * Which direction should the algorithm search a matching color in:
+     * - main: follow the same direction as the ramp's main direction
+     * - opposite: follow the opposite direction of the ramp
+     * - best: pick the direction that has the most contrast headroom
+     * - hardcoded ramp direction (useful for generating colors that always
+     *   light/dark regardless of the ramp direction)
+     */
+    followDirection: FollowDirection;
+    /**
+     *  Prefer "lighter" direction when searching for a contrasting color.
+     * Especially useful for foreground color to counter the poor results that the
+     * WCAG algo gives when contrasting white text over mid-lightness backgrounds.
+     */
+    preferLighter?: boolean;
+    /**
+     * The contrast target to meet.
+     */
+    target: number;
+    /**
+     * When true, the algorithm won't count a failure in meeting the contrast
+     * target as a reason to recalculate the ramp.
+     */
+    ignoreWhenAdjustingSeed?: boolean;
+};
+export type RampStepConfig = {
+    contrast: ContrastRequirement;
+    lightness?: (direction: RampDirection) => number;
+    taperChromaOptions?: TaperChromaOptions;
+    /**
+     * If specified, try to reuse the color from this step if it meets
+     * the contrast requirements. This reduces the number of unique colors
+     * in the ramp and improves consistency.
+     */
+    sameAsIfPossible?: keyof Ramp;
+};
+export type RampConfig = Record<keyof Ramp, RampStepConfig>;
+export type RampResult = {
+    ramp: Record<keyof Ramp, {
+        color: string;
+        warning: boolean;
+    }>;
+    direction: RampDirection;
+};
+//# sourceMappingURL=types.d.ts.map

package/build-types/color-ramps/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/lib/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEzD,MAAM,MAAM,IAAI,GAAG;IAElB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IAEjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAEhB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IAEnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IAEnB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;AACjD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,aAAa,CAAC;AAC3E,MAAM,MAAM,mBAAmB,GAAG;IACjC,kEAAkE;IAClE,SAAS,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC;IAC/B;;;;;;;OAOG;IACH,eAAe,EAAE,eAAe,CAAC;IACjC;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC5B,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,SAAS,CAAC,EAAE,CAAE,SAAS,EAAE,aAAa,KAAM,MAAM,CAAC;IACnD,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,CAAE,MAAM,IAAI,EAAE,cAAc,CAAE,CAAC;AAE9D,MAAM,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,MAAM,CACX,MAAM,IAAI,EACV;QACC,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,OAAO,CAAC;KACjB,CACD,CAAC;IACF,SAAS,EAAE,aAAa,CAAC;CACzB,CAAC"}

package/build-types/color-ramps/lib/utils.d.ts

@@ -0,0 +1,38 @@
+/**
+ * External dependencies
+ */
+import type Color from 'colorjs.io';
+import type { Ramp, RampStepConfig, RampDirection } from './types';
+/**
+ * Make sure that a color is valid in the p3 gamut, and converts it to oklch.
+ * @param c
+ */
+export declare const clampToGamut: (c: Color) => Color;
+/**
+ * Topologically sort steps based on their dependencies
+ * @param config - The steps configuration object
+ */
+export declare function sortByDependency(config: Record<keyof Ramp, RampStepConfig>): (keyof Ramp)[];
+/**
+ * Finds out whether a lighter or a darker foreground color achieves a better
+ * contrast against the seed
+ * @param seed
+ * @param preferLighter Whether the check should favor white foreground color
+ * @return An object with "better" and "worse" properties, each holding a
+ * ramp direction value.
+ */
+export declare function computeBetterFgColorDirection(seed: Color, preferLighter?: boolean): {
+    better: RampDirection;
+    worse: RampDirection;
+};
+export declare function adjustContrastTarget(target: number): number;
+/**
+ * Prevent the accent scale from referencing a lightness value that
+ * would prevent the algorithm from complying with the requirements
+ * and cause it to generate unexpected results.
+ * @param rawLightness
+ * @param direction
+ * @return The clamped lightness value
+ */
+export declare function clampAccentScaleReferenceLightness(rawLightness: number, direction: RampDirection): number;
+//# sourceMappingURL=utils.d.ts.map

package/build-types/color-ramps/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/lib/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,YAAY,CAAC;AAYpC,OAAO,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGnE;;;GAGG;AACH,eAAO,MAAM,YAAY,MAAQ,KAAK,UAGtB,CAAC;AAwCjB;;;GAGG;AACH,wBAAgB,gBAAgB,CAC/B,MAAM,EAAE,MAAM,CAAE,MAAM,IAAI,EAAE,cAAc,CAAE,GAC1C,CAAE,MAAM,IAAI,CAAE,EAAE,CAuClB;AAED;;;;;;;GAOG;AACH,wBAAgB,6BAA6B,CAC5C,IAAI,EAAE,KAAK,EACX,aAAa,CAAC,EAAE,OAAO,GACrB;IACF,MAAM,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,aAAa,CAAC;CACrB,CASA;AAED,wBAAgB,oBAAoB,CAAE,MAAM,EAAE,MAAM,UAOnD;AAED;;;;;;;GAOG;AACH,wBAAgB,kCAAkC,CACjD,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,aAAa,UAIxB"}

package/build-types/color-ramps/stories/index.story.d.ts

@@ -0,0 +1,14 @@
+/**
+ * External dependencies
+ */
+import type { Meta, StoryObj } from '@storybook/react';
+declare const ColorGen: (props: {
+    background: string;
+    primary: string;
+    children: React.ReactNode;
+}) => import("react").JSX.Element;
+declare const meta: Meta<typeof ColorGen>;
+export default meta;
+export declare const Default: StoryObj<typeof ColorGen>;
+export declare const SampleCombinations: StoryObj<typeof ColorGen>;
+//# sourceMappingURL=index.story.d.ts.map

package/build-types/color-ramps/stories/index.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASvD,QAAA,MAAM,QAAQ,UAAY;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,gCAEA,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,QAAQ,CAmBhC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAE,OAAO,QAAQ,CAkI9C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAE,OAAO,QAAQ,CAyFzD,CAAC"}

package/build-types/color-ramps/stories/ramp-table.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Internal dependencies
+ */
+import type { Ramp } from '../lib/types';
+type RampTableProps = {
+    ramps: {
+        seed: {
+            name: keyof Ramp;
+            value: string;
+        };
+        ramp: Record<keyof Ramp, {
+            color: string;
+            warning: boolean;
+        }>;
+    }[];
+};
+export declare const RampTable: import("react").ForwardRefExoticComponent<RampTableProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=ramp-table.d.ts.map

package/build-types/color-ramps/stories/ramp-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ramp-table.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/stories/ramp-table.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AA4BzC,KAAK,cAAc,GAAG;IACrB,KAAK,EAAE;QACN,IAAI,EAAE;YACL,IAAI,EAAE,MAAM,IAAI,CAAC;YACjB,KAAK,EAAE,MAAM,CAAC;SACd,CAAC;QACF,IAAI,EAAE,MAAM,CACX,MAAM,IAAI,EACV;YACC,KAAK,EAAE,MAAM,CAAC;YACd,OAAO,EAAE,OAAO,CAAC;SACjB,CACD,CAAC;KACF,EAAE,CAAC;CACJ,CAAC;AACF,eAAO,MAAM,SAAS,2GAgKrB,CAAC"}

package/build-types/context.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Internal dependencies
+ */
+import type { ThemeProviderSettings } from './types';
+interface ThemeContextType {
+    resolvedSettings: ThemeProviderSettings;
+}
+export declare const ThemeContext: import("react").Context<ThemeContextType>;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/build-types/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,UAAU,gBAAgB;IACzB,gBAAgB,EAAE,qBAAqB,CAAC;CACxC;AAED,eAAO,MAAM,YAAY,2CAItB,CAAC"}

package/build-types/index.d.ts

@@ -0,0 +1,2 @@
+export { privateApis } from './private-apis';
+//# sourceMappingURL=index.d.ts.map

package/build-types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/build-types/lock-unlock.d.ts

@@ -0,0 +1,2 @@
+export declare const lock: (object: unknown, privateData: unknown) => void, unlock: <T = any>(object: unknown) => T;
+//# sourceMappingURL=lock-unlock.d.ts.map