import { jsxs as l, jsx as c } from "react/jsx-runtime";
import { h as e } from "./string_utils-B4bsIQ5w.mjs";
import { createContext as n, useContext as y } from "react";
import { useScheme as d } from "./react-you-ui7.mjs";
/* empty css                 */
const a = n(void 0);
function f({ children: r, theme: s, scheme: o }) {
  return /* @__PURE__ */ l(a.Provider, { value: s, children: [
    /* @__PURE__ */ c("style", { children: `
					body {

  						--md-ref-typeface-brand: 'Roboto Flex';
  						--md-ref-typeface-plain: 'Roboto Flex';

						--md-sys-color-primary: ${e(s.schemes[o].primary)};
						--md-sys-color-primary-container: ${e(s.schemes[o].primaryContainer)};
						--md-sys-color-secondary: ${e(s.schemes[o].secondary)};
						--md-sys-color-secondary-container: ${e(s.schemes[o].secondaryContainer)};
						--md-sys-color-tertiary: ${e(s.schemes[o].tertiary)};
						--md-sys-color-tertiary-container: ${e(s.schemes[o].tertiaryContainer)};
						--md-sys-color-error: ${e(s.schemes[o].error)};
						--md-sys-color-error-container: ${e(s.schemes[o].errorContainer)};
						--md-sys-color-background: ${e(s.schemes[o].background)};
						--md-sys-color-surface: ${e(s.schemes[o].surface)};	
						--md-sys-color-surface-variant: ${e(s.schemes[o].surfaceVariant)};
						--md-sys-color-surface-bright: ${e(s.schemes[o].surface)};
						--md-sys-color-surface-dim: ${e(s.schemes[o].surface)};
						--md-sys-color-surface-container: ${e(s.schemes[o].surface)};
						--md-sys-color-surface-container-lowest: ${e(s.schemes[o].surface)};
						--md-sys-color-surface-container-low: ${e(s.schemes[o].surfaceVariant)};
						--md-sys-color-surface-container-high: ${e(s.schemes[o].surfaceVariant)};
						--md-sys-color-surface-container-highest: ${e(s.schemes[o].surfaceVariant)};
						--md-sys-color-outline: ${e(s.schemes[o].outline)};
						--md-sys-color-outline-variant: ${e(s.schemes[o].outlineVariant)};
						--md-sys-color-scrim: ${e(s.schemes[o].scrim)};
						--md-sys-color-shadow: ${e(s.schemes[o].shadow)};
						--md-sys-color-on-surface: ${e(s.schemes[o].onSurface)};
						--md-sys-color-on-surface-variant: ${e(s.schemes[o].onSurfaceVariant)};
						--md-sys-color-on-surface-bright: ${e(s.schemes[o].onSurface)};
						--md-sys-color-on-surface-dim: ${e(s.schemes[o].onSurface)};
						--md-sys-color-background: ${e(s.schemes[o].background)};
						--md-sys-color-background-variant: ${e(s.schemes[o].surface)};

						--md-sys-color-on-primary: ${e(s.schemes[o].onPrimary)};
						--md-sys-color-on-primary-container: ${e(s.schemes[o].onPrimaryContainer)};
						--md-sys-color-on-secondary: ${e(s.schemes[o].onSecondary)};
						--md-sys-color-on-secondary-container: ${e(s.schemes[o].onSecondaryContainer)};
						--md-sys-color-on-tertiary: ${e(s.schemes[o].onTertiary)};
						--md-sys-color-on-tertiary-container: ${e(s.schemes[o].onTertiaryContainer)};
						--md-sys-color-on-error: ${e(s.schemes[o].onError)};
						--md-sys-color-on-error-container: ${e(s.schemes[o].onErrorContainer)};
						--md-sys-color-on-background: ${e(s.schemes[o].onBackground)};

						--md-sys-typescale-headline-small-font: 'Roboto Flex';
						--md-sys-typescale-headline-medium-font: 'Roboto Flex';
						--md-sys-typescale-headline-large-font: 'Roboto Flex';

						--md-sys-typescale-headline-small-size: 24px;
						--md-sys-typescale-headline-medium-size: 32px;
						--md-sys-typescale-headline-large-size: 40px;

						--md-sys-typescale-headline-small-weight: 400;
						--md-sys-typescale-headline-medium-weight: 400;
						--md-sys-typescale-headline-large-weight: 400;

						--md-sys-typescale-headline-small-line-height: 32px;
						--md-sys-typescale-headline-medium-line-height: 40px;
						--md-sys-typescale-headline-large-line-height: 48px;

						--md-sys-typescale-body-small-font: 'Roboto Flex';
						--md-sys-typescale-body-medium-font: 'Roboto Flex';
						--md-sys-typescale-body-large-font: 'Roboto Flex';

						--md-sys-typescale-body-small-size: 12px;
						--md-sys-typescale-body-medium-size: 14px;
						--md-sys-typescale-body-large-size: 16px;

						--md-sys-typescale-body-small-weight: 400;
						--md-sys-typescale-body-medium-weight: 400;
						--md-sys-typescale-body-large-weight: 400;

						--md-sys-typescale-body-small-line-height: 16px;
						--md-sys-typescale-body-medium-line-height: 20px;
						--md-sys-typescale-body-large-line-height: 24px;
						


						--md-sys-typescale-label-small-font: 'Roboto Flex';
						--md-sys-typescale-label-medium-font: 'Roboto Flex';
						--md-sys-typescale-label-large-font: 'Roboto Flex';

						--md-sys-typescale-label-small-size: 12px;
						--md-sys-typescale-label-medium-size: 14px;
						--md-sys-typescale-label-large-size: 16px;

						--md-sys-typescale-label-small-weight: 400;
						--md-sys-typescale-label-medium-weight: 400;
						--md-sys-typescale-label-large-weight: 400;

						--md-sys-typescale-label-small-line-height: 16px;
						--md-sys-typescale-label-medium-line-height: 20px;
						--md-sys-typescale-label-large-line-height: 24px;

						background-color: var(--md-sys-color-background);
						color: var(--md-sys-color-on-background);
					}
				` }),
    r
  ] });
}
function i() {
  const r = y(a);
  if (r === void 0)
    throw new Error("useTheme must be used within a ThemeProvider");
  return r;
}
function g() {
  const r = i(), s = d();
  return r.schemes[s];
}
export {
  f as ThemeProvider,
  g as usePalette,
  i as useTheme
};