
import { StyleDetails } from "../parser/types.js";
import { TastyPluginFactory } from "./types.js";

//#region src/tasty/plugins/okhsl-plugin.d.ts
/**
 * The okhsl function handler for tasty parser.
 * Receives parsed style groups and returns an RGB color string.
 */
declare const okhslFunc: (groups: StyleDetails[]) => string;
/**
 * OKHSL Plugin for Tasty.
 *
 * Adds support for the `okhsl()` color function in tasty styles.
 *
 * @example
 * ```ts
 * import { configure } from '@cube-dev/ui-kit';
 * import { okhslPlugin } from '@cube-dev/ui-kit/tasty/plugins';
 *
 * configure({
 *   plugins: [okhslPlugin()],
 * });
 *
 * // Now you can use okhsl in styles:
 * const Box = tasty({
 *   styles: {
 *     fill: 'okhsl(240 50% 50%)',
 *   },
 * });
 * ```
 */
declare const okhslPlugin: TastyPluginFactory;
//#endregion
export { okhslFunc, okhslPlugin };
//# sourceMappingURL=okhsl-plugin.d.ts.map