@yak/react 0.0.0-stage → 10.0.0-rc.1

package/dist/internal.d.ts

@@ -0,0 +1,452 @@
+import React$1 from "react";
+import { YakThemeProvider, useTheme } from "@yak/react/context";
+//#region runtime/context/index.d.ts
+interface YakTheme {}
+//#endregion
+//#region runtime/publicStyledApi.d.ts
+/**
+ * Main styled interface that combines HTML tag mappings with the styled function.
+ * This is the primary entry point for creating styled components.
+ */
+interface Styled extends MappedHtmlTags, StyledFn {}
+/**
+ * Function interface for creating styled components from any component or HTML tag.
+ * Supports React components, HTML tags, and custom web components.
+ */
+interface StyledFn {
+  <TProps extends object = React$1.DOMAttributes<Element> & React$1.RefAttributes<Element>>(Component: HtmlTags | React$1.FunctionComponent<TProps> | CustomWebComponentTag): LiteralWithAttrs<TProps>;
+}
+/**
+ * A yak component with a special symbol that allows component targeting
+ * and proper attrs function handling.
+ * @example styled.svg`${Button}:hover & { fill: red; }` or styled(Button)`color: red;`
+ */
+interface YakComponent<T> extends React$1.FunctionComponent<T> {
+  [yakComponentSymbol]: [unknown, unknown, unknown, unknown];
+}
+/**
+ * Styled component with attrs method for adding default props.
+ * Extends StyledLiteral with the ability to specify default attributes.
+ */
+interface LiteralWithAttrs<T extends object> extends StyledLiteral<T> {
+  attrs: <TAttrsIn extends object = {}, TAttrsOut extends AttrsMerged<T, TAttrsIn> = AttrsMerged<T, TAttrsIn>>(attrs: Attrs<T, TAttrsIn, TAttrsOut>) => StyledLiteral<Substitute<T, TAttrsIn>>;
+}
+/**
+ * Template literal function for defining CSS styles with interpolation support.
+ * Accepts CSS template strings and interpolated values with proper typing.
+ */
+interface StyledLiteral<T> {
+  <TCSSProps>(styles: TemplateStringsArray, ...values: Array<CSSInterpolation<T & NoInfer<TCSSProps> & {
+    theme: YakTheme;
+  }>>): YakComponent<TCSSProps & T>;
+}
+/**
+ * Function variant of attrs that receives current props and returns additional props.
+ * Allows for dynamic prop generation based on component state.
+ */
+interface AttrsFunction<TBaseProps, TIn extends object = {}, TOut extends AttrsMerged<TBaseProps, TIn> = AttrsMerged<TBaseProps, TIn>> {
+  (p: Substitute<TBaseProps & {
+    theme: YakTheme;
+  }, TIn>): Partial<TOut>;
+}
+/**
+ * Merges provided props with initial props, making specified props optional.
+ * Includes theme support for styled components.
+ */
+type AttrsMerged<TBaseProps, TIn extends object = {}> = Substitute<TBaseProps & {
+  theme?: YakTheme;
+}, TIn>;
+/**
+ * Maps all HTML tag names to their corresponding styled component types with attributes support.
+ * Provides typed access to all standard HTML elements through the styled interface.
+ */
+type MappedHtmlTags = { [Tag in HtmlTags]: LiteralWithAttrs<React$1.JSX.IntrinsicElements[Tag]>; };
+/**
+ * The attrs function allows adding additional props to a styled component.
+ * Props can be specified as an object or as a function that receives current props.
+ */
+type Attrs<TBaseProps, TIn extends object = {}, TOut extends AttrsMerged<TBaseProps, TIn> = AttrsMerged<TBaseProps, TIn>> = Partial<TOut> | AttrsFunction<TBaseProps, TIn, TOut>;
+/**
+ * Utility type to merge two object types, with properties from B taking precedence.
+ * If a property exists in both A and B, the property from B is used.
+ */
+type Substitute<A extends object, B extends object> = FastOmit<A, keyof B> & B;
+/**
+ * Union type of all valid HTML element tag names.
+ * Derived from React's JSX intrinsic elements.
+ */
+type HtmlTags = keyof React$1.JSX.IntrinsicElements;
+/**
+ * Custom web component tag pattern that must contain at least one hyphen.
+ * Follows the web component naming convention.
+ */
+type CustomWebComponentTag = `${string}-${string}`;
+/**
+ * Utility type to efficiently remove properties from an object type.
+ * More performant than the built-in Omit type for large object types.
+ */
+type FastOmit<T extends object, U extends string | number | symbol> = { [K in keyof T as K extends U ? never : K]: T[K]; };
+/**
+ * Set-like collector for class names
+ *
+ * The runtime implements this as a string builder, a real `Set<string>`
+ * satisfies it as well
+ */
+type ClassNameCollector = {
+  add(className: string): void;
+  has(className: string): boolean;
+  delete(className: string): void;
+};
+/**
+ * Type of all functions that can be passed to manipulate styles
+ *
+ * `$dynamic` marks processors that execute user functions or write style
+ * values at render time; purely static processors (class names only) can
+ * skip theme lookup and style-object allocation.
+ */
+type RuntimeStyleProcessor<T> = ((props: T, classNames: ClassNameCollector, style: React$1.CSSProperties) => void) & {
+  $dynamic?: boolean;
+};
+//#endregion
+//#region runtime/atoms.d.ts
+/**
+ * Allows to use atomic CSS classes in a styled or css block
+ *
+ * @usage
+ *
+ * ```tsx
+ * import { styled, atoms } from "@yak/react";
+ *
+ * const Button = styled.button<{ $primary?: boolean }>`
+ *  ${atoms("text-teal-600", "text-base", "rounded-md")}
+ *  ${props => props.$primary && atoms("shadow-md")}
+ * `;
+ * ```
+ */
+export declare const atoms: <T>(...atoms: (string | RuntimeStyleProcessor<T> | false)[]) => ComponentStyles<T>;
+//#endregion
+//#region runtime/keyframes.d.ts
+/**
+ * Allows to use CSS keyframe animations in a styled or css block
+ *
+ * @usage
+ *
+ * ```tsx
+ * import { styled, keyframes } from "@yak/react";
+ *
+ * const rotate = keyframes`
+ *  from {
+ *   transform: rotate(0deg);
+ *  }
+ *  to {
+ *   transform: rotate(360deg);
+ *  }
+ * `;
+ *
+ * const Spinner = styled.div`
+ *   animation: ${rotate} 1s linear infinite;
+ * `;
+ * ```
+ */
+export declare const keyframes: <T extends (string | number | bigint)[] = never>(styles: TemplateStringsArray, ..._dynamic: T) => string;
+//#endregion
+//#region runtime/styled.d.ts
+/**
+ * The `styled` method works perfectly on all of your own or any third-party component,
+ * as long as they attach the passed className prop to a DOM element.
+ *
+ * @usage
+ *
+ * ```tsx
+ * const StyledLink = styled(Link)`
+ *  color: #BF4F74;
+ *  font-weight: bold;
+ * `;
+ * ```
+ */
+export declare const styled: Styled;
+//#endregion
+//#region runtime/globalStyle.d.ts
+/**
+ * Values that may be interpolated into a `globalStyle` template.
+ *
+ * Only build-time values are allowed — constants, `keyframes` animation names,
+ * static `css` mixins and styled-component selectors. Runtime functions
+ * (`${(props) => ...}`) are intentionally excluded: a global rule has no element
+ * to attach a CSS variable to. Declare a CSS custom property instead and toggle
+ * it via an attribute/class on the root element.
+ */
+type GlobalStyleInterpolation = string | number | ComponentStyles<{}> | YakComponent<any>;
+/**
+ * Declares global, unscoped styles that ride the same zero-runtime extraction
+ * pipeline as `styled` and `keyframes`.
+ *
+ * Global styles are **part of the stylesheet, not part of the render tree**.
+ * They apply exactly when the module declaring them is included in the bundle —
+ * typically by importing it from a layout or entry point. They cannot be
+ * conditionally mounted; express conditions in CSS (`@media`, `@supports`,
+ * `:root[data-theme]`, `:has()`) or through CSS custom properties.
+ *
+ * @usage
+ *
+ * ```tsx
+ * import { globalStyle, keyframes } from "@yak/react";
+ *
+ * const fadeIn = keyframes`
+ *   from { opacity: 0; }
+ * `;
+ *
+ * globalStyle`
+ *   :root {
+ *     --spacing: 4px;
+ *   }
+ *
+ *   body {
+ *     margin: 0;
+ *   }
+ *
+ *   ::view-transition-new(root) {
+ *     animation: ${fadeIn} 200ms ease;
+ *   }
+ * `;
+ * ```
+ */
+export declare const globalStyle: (_styles: TemplateStringsArray, ..._values: Array<GlobalStyleInterpolation>) => void;
+//#endregion
+//#region runtime/cssLiteral.d.ts
+declare const yakComponentSymbol: unique symbol;
+type ComponentStyles<TProps> = (props: TProps) => {
+  className: string;
+  style?: {
+    [key: string]: string;
+  };
+};
+type CSSInterpolation<TProps> = string | number | undefined | null | false | ComponentStyles<TProps> | {
+  [yakComponentSymbol]: any;
+} | ((props: TProps) => CSSInterpolation<TProps>);
+/**
+ * css() runtime factory of css``
+ *
+ * /!\ @yak/react transpiles css`` and styled``
+ *
+ * This changes the typings of the css`` and styled`` functions.
+ * During development the user of @yak/react wants to work with the
+ * typings BEFORE compilation.
+ *
+ * Therefore this is only an internal function only and it must be cast to any
+ * before exported to the user.
+ *
+ * The internal functioning of css`` is to return a single callback function that runs all functions
+ * (or creates new ones if needed) that are passed as arguments. These functions receive the props, classNames, and style object as arguments
+ * and operate directly on the classNames and style objects.
+ */
+export declare function css<TProps>(styles: TemplateStringsArray, ...values: CSSInterpolation<NoInfer<TProps> & {
+  theme: YakTheme;
+}>[]): ComponentStyles<TProps>;
+//#endregion
+//#region runtime/internals/unitPostFix.d.ts
+/**
+ * Internal helper called by transformed code - Do not use directly
+ *
+ * Takes a function and a css unit and returns the result of the function concatenated with the unit
+ *
+ * ```tsx
+ * import { styled } from "@yak/react";
+ *
+ * const Button = styled.button<{ $width?: boolean }>`
+ *   width: ${({ $width }) => $width}px;
+ * `;
+ * ```
+ *
+ * Which will be transformed to:
+ *  ```tsx
+ * import { styled } from "@yak/react/internals";
+ *
+ * const Button = styled.button<{ $width?: boolean }>(
+ *  "button", {
+ *   width: unitPostFix({ $width }) => $width, "px")
+ * });
+ */
+declare const unitPostFix: (arg: unknown, unit: string) => string | ((props: any) => string | /*elided*/ any | undefined) | undefined;
+//#endregion
+//#region runtime/internals/mergeCssProp.d.ts
+/**
+ * This is an internal helper function to merge relevant props of a native element with a css prop.
+ * It's automatically added when using the `css` prop in a JSX element.
+ * e.g.:
+ * ```tsx
+ * <p
+ *  className="foo"
+ *  css={css`
+ *   color: green;
+ * `}
+ *  {...{ style: { padding: "30px" }}}
+ * />
+ * ```
+ * compiles to
+ * ```tsx
+ * <p {...__yak_mergeCssProp(css("yakCss1"), { className: "foo" }, { style: { padding: "30px" } })} />
+ * ```
+ * The css value comes first, then every merged source in JSX order, so a
+ * later source wins as it would in one object literal.
+ */
+declare const mergeCssProp: (cssProp: RuntimeStyleProcessor<unknown> | false | null | undefined, ...sources: (Record<string, unknown> | null | undefined)[]) => Record<string, unknown> & {
+  className?: string;
+  style?: Record<string, string>;
+};
+//#endregion
+//#region runtime/internals/mergeClassNames.d.ts
+/**
+ * Merges two optional class name values with a space.
+ *
+ * Used by the styled runtime to combine incoming and generated class names,
+ * and injected by the compiler (as `__yak_mergeClassNames`) when it replaces
+ * a JSX usage of a fully static styled component with a plain DOM element:
+ * ```tsx
+ * const Card = styled.div`color: red;`;
+ * <Card className={active && "active"} />
+ * ```
+ * becomes
+ * ```tsx
+ * <div className={__yak_mergeClassNames("yX", active && "active")} />
+ * ```
+ */
+declare const mergeClassNames: (a: string | false | null | undefined, b: string | false | null | undefined) => string | undefined;
+//#endregion
+//#region runtime/styledDom.d.ts
+export declare const __yak_a: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_abbr: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_address: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_area: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_article: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_aside: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_audio: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_b: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_base: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_bdi: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_bdo: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_big: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_blockquote: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_body: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_br: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_button: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_canvas: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_caption: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_cite: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_code: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_col: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_colgroup: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_data: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_datalist: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_dd: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_del: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_details: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_dfn: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_dialog: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_div: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_dl: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_dt: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_em: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_embed: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_fieldset: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_figcaption: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_figure: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_footer: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_form: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_h1: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_h2: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_h3: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_h4: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_h5: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_h6: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_header: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_hgroup: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_hr: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_html: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_i: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_iframe: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_img: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_input: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_ins: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_kbd: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_keygen: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_label: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_legend: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_li: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_link: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_main: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_map: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_mark: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_menu: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_menuitem: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_meta: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_meter: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_nav: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_noscript: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_object: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_ol: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_optgroup: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_option: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_output: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_p: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_param: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_picture: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_pre: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_progress: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_q: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_rp: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_rt: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_ruby: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_s: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_samp: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_script: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_section: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_select: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_small: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_source: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_span: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_strong: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_style: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_sub: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_summary: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_sup: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_table: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_tbody: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_td: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_textarea: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_tfoot: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_th: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_thead: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_time: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_tr: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_track: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_u: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_ul: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_use: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_var: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_video: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_wbr: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_circle: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_clipPath: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_defs: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_ellipse: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_foreignObject: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_g: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_image: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_line: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_linearGradient: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_marker: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_mask: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_path: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_pattern: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_polygon: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_polyline: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_radialGradient: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_rect: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_stop: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_svg: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_text: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+export declare const __yak_tspan: LiteralWithAttrs<import("react").DOMAttributes<Element> & import("react").RefAttributes<Element>>;
+//#endregion
+export { YakThemeProvider, mergeClassNames as __yak_mergeClassNames, mergeCssProp as __yak_mergeCssProp, unitPostFix as __yak_unitPostFix, useTheme };
+//# sourceMappingURL=internal.d.ts.map