@womp/kookie-ui 0.3.26 → 0.5.0

package/dist/cjs/helpers/font-config.d.ts

@@ -1,106 +1,113 @@
 /**
- * Font configuration utilities for Kookie UI
+ * Runtime font configuration for Kookie UI.
  *
- * These utilities help users configure custom fonts through CSS variables
- * and provide type-safe font configuration options.
- */
-/**
- * Font family configuration interface
+ * This is a thin, typed wrapper over the CSS tokens in `styles/tokens/font-family.css` —
+ * it writes the same variables you would write by hand, and nothing else. Prefer plain CSS
+ * where you can; reach for this when the stacks are only known at runtime (a theme editor,
+ * a user-selectable typeface).
+ *
+ * Two tiers, matching the CSS:
+ *
+ *   - `stacks` — which typefaces exist: `sans`, `mono`, `serif`. Written to `:root`.
+ *   - `roles`  — which stack each role uses: `body`, `heading`, `code`, `strong`, `em`,
+ *                `quote`. Written to the theme element, since roles are per-theme.
  */
-export interface FontConfig {
-    /** Sans-serif font stack for fontFamily="sans" */
+/** Tier 1 — the typefaces available to the theme. */
+export interface FontStacks {
+    /** Sans-serif stack. Backs `font="sans"` and, by default, body text. */
     sans?: string;
-    /** Monospace font stack for fontFamily="mono" */
+    /** Monospace stack. Backs `font="mono"` and `Code`. */
     mono?: string;
-    /** Serif font stack for fontFamily="serif" */
+    /** Serif stack. Backs `font="serif"`, `Em` and `Quote`. */
     serif?: string;
-    /** Base Inter font replacement */
-    inter?: string;
-    /** Base JetBrains Mono font replacement */
-    jetbrainsMono?: string;
-    /** Base Playfair Display font replacement */
-    playfairDisplay?: string;
 }
-/**
- * CSS variable names used by Kookie UI for fonts
- */
-export declare const FONT_CSS_VARIABLES: {
+/** Tier 2 — which stack each role of text uses. */
+export interface FontRoles {
+    /** Body text: `Text`, inputs, buttons, and anything that does not opt out. */
+    body?: string;
+    /** `Heading`. Follows `body` when left unset. */
+    heading?: string;
+    /** `Code`. */
+    code?: string;
+    /** `Strong`. */
+    strong?: string;
+    /** `Em`. */
+    em?: string;
+    /** `Quote`. */
+    quote?: string;
+}
+export interface FontConfig {
+    stacks?: FontStacks;
+    roles?: FontRoles;
+}
+/** CSS custom properties backing each stack. Declared on `:root`. */
+export declare const FONT_STACK_VARIABLES: {
     readonly sans: "--font-sans";
     readonly mono: "--font-mono";
     readonly serif: "--font-serif";
-    readonly inter: "--font-inter";
-    readonly jetbrainsMono: "--font-jetbrains-mono";
-    readonly playfairDisplay: "--font-playfair-display";
-    readonly defaultFamily: "--default-font-family";
-    readonly headingFamily: "--heading-font-family";
-    readonly strongFamily: "--strong-font-family";
-    readonly codeFamily: "--code-font-family";
+};
+/** CSS custom properties backing each role. Declared on the theme element. */
+export declare const FONT_ROLE_VARIABLES: {
+    readonly body: "--font-body";
+    readonly heading: "--font-heading";
+    readonly code: "--font-code";
+    readonly strong: "--font-strong";
+    readonly em: "--font-em";
+    readonly quote: "--font-quote";
 };
 /**
- * Popular font stacks for common use cases
+ * Ready-made stacks, each ending in a system fallback.
+ *
+ * The webfont entries assume the face is already loaded — via
+ * `import '@womp/kookie-ui/fonts.css'`, `next/font`, or your own `@font-face`.
+ * Kookie's core stylesheet deliberately loads none.
  */
 export declare const FONT_STACKS: {
-    readonly inter: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";
-    readonly system: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
-    readonly poppins: "'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif";
-    readonly openSans: "'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif";
-    readonly jetbrainsMono: "'JetBrains Mono', 'Fira Code', 'Consolas', 'Liberation Mono', monospace";
-    readonly firaCode: "'Fira Code', 'JetBrains Mono', 'Consolas', 'Liberation Mono', monospace";
-    readonly sourceCodePro: "'Source Code Pro', 'JetBrains Mono', 'Consolas', monospace";
-    readonly systemMono: "'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', 'Courier New', monospace";
-    readonly playfair: "'Playfair Display', 'Times New Roman', 'Times', 'Georgia', 'Cambria', serif";
-    readonly times: "'Times New Roman', 'Times', 'Georgia', 'Cambria', serif";
+    readonly system: "-apple-system, BlinkMacSystemFont, 'Segoe UI (Custom)', Roboto, 'Helvetica Neue', system-ui, sans-serif";
+    readonly inter: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI (Custom)', Roboto, system-ui, sans-serif";
+    readonly poppins: "'Poppins', -apple-system, BlinkMacSystemFont, system-ui, sans-serif";
+    readonly openSans: "'Open Sans (Custom)', -apple-system, BlinkMacSystemFont, system-ui, sans-serif";
+    readonly systemMono: "'Menlo', 'Consolas (Custom)', 'Bitstream Vera Sans Mono', monospace";
+    readonly jetbrainsMono: "'JetBrains Mono', 'Menlo', 'Consolas (Custom)', monospace";
+    readonly firaCode: "'Fira Code', 'Menlo', 'Consolas (Custom)', monospace";
+    readonly sourceCodePro: "'Source Code Pro', 'Menlo', 'Consolas (Custom)', monospace";
+    readonly systemSerif: "'Times New Roman', 'Times', 'Georgia', 'Cambria', serif";
+    readonly playfair: "'Playfair Display', 'Times New Roman', 'Georgia', serif";
     readonly georgia: "'Georgia', 'Times New Roman', 'Times', serif";
-    readonly lora: "'Lora', 'Times New Roman', 'Times', serif";
+    readonly lora: "'Lora', 'Georgia', 'Times New Roman', serif";
 };
 /**
- * Apply font configuration to CSS variables
+ * Apply a font configuration.
  *
- * @param config Font configuration object
- * @param target Target element (defaults to document.documentElement)
+ * Stacks land on `:root` and roles on `themeElement`, mirroring where the stylesheet
+ * declares them — writing a role to `:root` would not survive, because the theme
+ * element declares its own.
  *
  * @example
  * ```ts
- * // Use Google Fonts
- * applyFontConfig({
- *   sans: FONT_STACKS.poppins,
- *   mono: FONT_STACKS.firaCode
- * });
- *
- * // Use system fonts only
+ * // Serif headings over a sans body
  * applyFontConfig({
- *   sans: FONT_STACKS.system,
- *   mono: FONT_STACKS.systemMono
+ *   stacks: { sans: FONT_STACKS.inter, serif: FONT_STACKS.playfair },
+ *   roles: { heading: 'var(--font-serif)' },
  * });
  * ```
  */
-export declare function applyFontConfig(config: FontConfig, target?: HTMLElement): void;
+export declare function applyFontConfig(config: FontConfig, { root, themeElement }?: {
+    root?: HTMLElement;
+    themeElement?: HTMLElement | null;
+}): void;
 /**
- * Generate CSS string for font configuration
- *
- * @param config Font configuration object
- * @returns CSS string that can be injected into a stylesheet
- *
- * @example
- * ```ts
- * const css = generateFontCSS({
- *   sans: FONT_STACKS.poppins,
- *   mono: FONT_STACKS.firaCode
- * });
- *
- * // Inject into document
- * const style = document.createElement('style');
- * style.textContent = css;
- * document.head.appendChild(style);
- * ```
+ * Render a font configuration as a CSS string, for injecting into a stylesheet or
+ * emitting server-side.
  */
 export declare function generateFontCSS(config: FontConfig): string;
-/**
- * Reset fonts to Kookie UI defaults
- */
-export declare function resetFonts(target?: HTMLElement): void;
-/**
- * Get current font configuration from CSS variables
- */
-export declare function getCurrentFontConfig(target?: HTMLElement): FontConfig;
+/** Drop every inline font override, falling back to the stylesheet's defaults. */
+export declare function resetFonts({ root, themeElement }?: {
+    root?: HTMLElement;
+    themeElement?: HTMLElement | null;
+}): void;
+/** Read the stacks and roles currently in effect. */
+export declare function getCurrentFontConfig({ themeElement }?: {
+    themeElement?: HTMLElement | null;
+}): Required<FontConfig>;
 //# sourceMappingURL=font-config.d.ts.map

package/dist/cjs/helpers/font-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"font-config.d.ts","sourceRoot":"","sources":["../../../src/helpers/font-config.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;CAWrB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAkBd,CAAC;AAEX;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,GAAE,WAAsC,GAAG,IAAI,CA0BxG;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,CA8B1D;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,MAAM,GAAE,WAAsC,GAAG,IAAI,CAU/E;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,GAAE,WAAsC,GAAG,UAAU,CAW/F"}
+{"version":3,"file":"font-config.d.ts","sourceRoot":"","sources":["../../../src/helpers/font-config.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,qDAAqD;AACrD,MAAM,WAAW,UAAU;IACzB,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,mDAAmD;AACnD,MAAM,WAAW,SAAS;IACxB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gBAAgB;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,eAAe;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,qEAAqE;AACrE,eAAO,MAAM,oBAAoB;;;;CAIgC,CAAC;AAElE,8EAA8E;AAC9E,eAAO,MAAM,mBAAmB;;;;;;;CAOgC,CAAC;AAEjE;;;;;;GAMG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAkBd,CAAC;AAeX;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,UAAU,EAClB,EAAE,IAA+B,EAAE,YAAmE,EAAE,GAAE;IAAE,IAAI,CAAC,EAAE,WAAW,CAAC;IAAC,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CAAO,GACvK,IAAI,CAGN;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,CAc1D;AAED,kFAAkF;AAClF,wBAAgB,UAAU,CAAC,EAAE,IAA+B,EAAE,YAAmE,EAAE,GAAE;IAAE,IAAI,CAAC,EAAE,WAAW,CAAC;IAAC,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CAAO,GAAG,IAAI,CAGzM;AAED,qDAAqD;AACrD,wBAAgB,oBAAoB,CAAC,EAAE,YAAmE,EAAE,GAAE;IAAE,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CAAO,GAAG,QAAQ,CAAC,UAAU,CAAC,CAqB9K"}

package/dist/cjs/helpers/font-config.js

@@ -1,3 +1,6 @@
-"use strict";var s=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var l=(e,o)=>{for(var t in o)s(e,t,{get:o[t],enumerable:!0})},y=(e,o,t,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of p(o))!m.call(e,r)&&r!==t&&s(e,r,{get:()=>o[r],enumerable:!(i=a(o,r))||i.enumerable});return e};var f=e=>y(s({},"__esModule",{value:!0}),e);var F={};l(F,{FONT_CSS_VARIABLES:()=>n,FONT_STACKS:()=>u,applyFontConfig:()=>d,generateFontCSS:()=>M,getCurrentFontConfig:()=>P,resetFonts:()=>C});module.exports=f(F);var n={sans:"--font-sans",mono:"--font-mono",serif:"--font-serif",inter:"--font-inter",jetbrainsMono:"--font-jetbrains-mono",playfairDisplay:"--font-playfair-display",defaultFamily:"--default-font-family",headingFamily:"--heading-font-family",strongFamily:"--strong-font-family",codeFamily:"--code-font-family"},u={inter:"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",system:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",poppins:"'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif",openSans:"'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif",jetbrainsMono:"'JetBrains Mono', 'Fira Code', 'Consolas', 'Liberation Mono', monospace",firaCode:"'Fira Code', 'JetBrains Mono', 'Consolas', 'Liberation Mono', monospace",sourceCodePro:"'Source Code Pro', 'JetBrains Mono', 'Consolas', monospace",systemMono:"'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', 'Courier New', monospace",playfair:"'Playfair Display', 'Times New Roman', 'Times', 'Georgia', 'Cambria', serif",times:"'Times New Roman', 'Times', 'Georgia', 'Cambria', serif",georgia:"'Georgia', 'Times New Roman', 'Times', serif",lora:"'Lora', 'Times New Roman', 'Times', serif"};function d(e,o=document.documentElement){let t=o.style;e.sans&&t.setProperty(n.sans,e.sans),e.mono&&t.setProperty(n.mono,e.mono),e.serif&&t.setProperty(n.serif,e.serif),e.inter&&t.setProperty(n.inter,e.inter),e.jetbrainsMono&&t.setProperty(n.jetbrainsMono,e.jetbrainsMono),e.playfairDisplay&&t.setProperty(n.playfairDisplay,e.playfairDisplay)}function M(e){let o=[":root {"];return e.sans&&o.push(`  ${n.sans}: ${e.sans};`),e.mono&&o.push(`  ${n.mono}: ${e.mono};`),e.serif&&o.push(`  ${n.serif}: ${e.serif};`),e.inter&&o.push(`  ${n.inter}: ${e.inter};`),e.jetbrainsMono&&o.push(`  ${n.jetbrainsMono}: ${e.jetbrainsMono};`),e.playfairDisplay&&o.push(`  ${n.playfairDisplay}: ${e.playfairDisplay};`),o.push("}"),o.join(`
-`)}function C(e=document.documentElement){let o=e.style;o.removeProperty(n.sans),o.removeProperty(n.mono),o.removeProperty(n.serif),o.removeProperty(n.inter),o.removeProperty(n.jetbrainsMono),o.removeProperty(n.playfairDisplay)}function P(e=document.documentElement){let o=getComputedStyle(e);return{sans:o.getPropertyValue(n.sans).trim()||void 0,mono:o.getPropertyValue(n.mono).trim()||void 0,serif:o.getPropertyValue(n.serif).trim()||void 0,inter:o.getPropertyValue(n.inter).trim()||void 0,jetbrainsMono:o.getPropertyValue(n.jetbrainsMono).trim()||void 0,playfairDisplay:o.getPropertyValue(n.playfairDisplay).trim()||void 0}}
+"use strict";var m=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var g=(t,e)=>{for(var o in e)m(t,o,{get:e[o],enumerable:!0})},p=(t,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of u(e))!d.call(t,n)&&n!==o&&m(t,n,{get:()=>e[n],enumerable:!(s=f(e,n))||s.enumerable});return t};var y=t=>p(m({},"__esModule",{value:!0}),t);var T={};g(T,{FONT_ROLE_VARIABLES:()=>r,FONT_STACKS:()=>C,FONT_STACK_VARIABLES:()=>i,applyFontConfig:()=>S,generateFontCSS:()=>F,getCurrentFontConfig:()=>k,resetFonts:()=>M});module.exports=y(T);var i={sans:"--font-sans",mono:"--font-mono",serif:"--font-serif"},r={body:"--font-body",heading:"--font-heading",code:"--font-code",strong:"--font-strong",em:"--font-em",quote:"--font-quote"},C={system:"-apple-system, BlinkMacSystemFont, 'Segoe UI (Custom)', Roboto, 'Helvetica Neue', system-ui, sans-serif",inter:"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI (Custom)', Roboto, system-ui, sans-serif",poppins:"'Poppins', -apple-system, BlinkMacSystemFont, system-ui, sans-serif",openSans:"'Open Sans (Custom)', -apple-system, BlinkMacSystemFont, system-ui, sans-serif",systemMono:"'Menlo', 'Consolas (Custom)', 'Bitstream Vera Sans Mono', monospace",jetbrainsMono:"'JetBrains Mono', 'Menlo', 'Consolas (Custom)', monospace",firaCode:"'Fira Code', 'Menlo', 'Consolas (Custom)', monospace",sourceCodePro:"'Source Code Pro', 'Menlo', 'Consolas (Custom)', monospace",systemSerif:"'Times New Roman', 'Times', 'Georgia', 'Cambria', serif",playfair:"'Playfair Display', 'Times New Roman', 'Georgia', serif",georgia:"'Georgia', 'Times New Roman', 'Times', serif",lora:"'Lora', 'Georgia', 'Times New Roman', serif"};function c(t,e,o){for(let s of Object.keys(e)){let n=o[s];n&&t.style.setProperty(e[s],n)}}function l(t,e){for(let o of Object.values(e))t.style.removeProperty(o)}function S(t,{root:e=document.documentElement,themeElement:o=document.querySelector(".radix-themes")}={}){t.stacks&&c(e,i,t.stacks),t.roles&&o&&c(o,r,t.roles)}function F(t){let e=[],o=Object.entries(t.stacks??{}).filter(([,n])=>n);o.length&&e.push([":root {",...o.map(([n,a])=>`  ${i[n]}: ${a};`),"}"].join(`
+`));let s=Object.entries(t.roles??{}).filter(([,n])=>n);return s.length&&e.push([".radix-themes {",...s.map(([n,a])=>`  ${r[n]}: ${a};`),"}"].join(`
+`)),e.join(`
+
+`)}function M({root:t=document.documentElement,themeElement:e=document.querySelector(".radix-themes")}={}){l(t,i),e&&l(e,r)}function k({themeElement:t=document.querySelector(".radix-themes")}={}){let e=getComputedStyle(t??document.documentElement),o=s=>e.getPropertyValue(s).trim()||void 0;return{stacks:{sans:o(i.sans),mono:o(i.mono),serif:o(i.serif)},roles:{body:o(r.body),heading:o(r.heading),code:o(r.code),strong:o(r.strong),em:o(r.em),quote:o(r.quote)}}}
 //# sourceMappingURL=font-config.js.map

package/dist/cjs/helpers/font-config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/font-config.ts"],
-  "sourcesContent": ["/**\n * Font configuration utilities for Kookie UI\n *\n * These utilities help users configure custom fonts through CSS variables\n * and provide type-safe font configuration options.\n */\n\n/**\n * Font family configuration interface\n */\nexport interface FontConfig {\n  /** Sans-serif font stack for fontFamily=\"sans\" */\n  sans?: string;\n  /** Monospace font stack for fontFamily=\"mono\" */\n  mono?: string;\n  /** Serif font stack for fontFamily=\"serif\" */\n  serif?: string;\n  /** Base Inter font replacement */\n  inter?: string;\n  /** Base JetBrains Mono font replacement */\n  jetbrainsMono?: string;\n  /** Base Playfair Display font replacement */\n  playfairDisplay?: string;\n}\n\n/**\n * CSS variable names used by Kookie UI for fonts\n */\nexport const FONT_CSS_VARIABLES = {\n  sans: '--font-sans',\n  mono: '--font-mono',\n  serif: '--font-serif',\n  inter: '--font-inter',\n  jetbrainsMono: '--font-jetbrains-mono',\n  playfairDisplay: '--font-playfair-display',\n  defaultFamily: '--default-font-family',\n  headingFamily: '--heading-font-family',\n  strongFamily: '--strong-font-family',\n  codeFamily: '--code-font-family',\n} as const;\n\n/**\n * Popular font stacks for common use cases\n */\nexport const FONT_STACKS = {\n  // Sans-serif options\n  inter: \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\",\n  system: \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\",\n  poppins: \"'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif\",\n  openSans: \"'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif\",\n\n  // Monospace options\n  jetbrainsMono: \"'JetBrains Mono', 'Fira Code', 'Consolas', 'Liberation Mono', monospace\",\n  firaCode: \"'Fira Code', 'JetBrains Mono', 'Consolas', 'Liberation Mono', monospace\",\n  sourceCodePro: \"'Source Code Pro', 'JetBrains Mono', 'Consolas', monospace\",\n  systemMono: \"'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', 'Courier New', monospace\",\n\n  // Serif options\n  playfair: \"'Playfair Display', 'Times New Roman', 'Times', 'Georgia', 'Cambria', serif\",\n  times: \"'Times New Roman', 'Times', 'Georgia', 'Cambria', serif\",\n  georgia: \"'Georgia', 'Times New Roman', 'Times', serif\",\n  lora: \"'Lora', 'Times New Roman', 'Times', serif\",\n} as const;\n\n/**\n * Apply font configuration to CSS variables\n *\n * @param config Font configuration object\n * @param target Target element (defaults to document.documentElement)\n *\n * @example\n * ```ts\n * // Use Google Fonts\n * applyFontConfig({\n *   sans: FONT_STACKS.poppins,\n *   mono: FONT_STACKS.firaCode\n * });\n *\n * // Use system fonts only\n * applyFontConfig({\n *   sans: FONT_STACKS.system,\n *   mono: FONT_STACKS.systemMono\n * });\n * ```\n */\nexport function applyFontConfig(config: FontConfig, target: HTMLElement = document.documentElement): void {\n  const style = target.style;\n\n  if (config.sans) {\n    style.setProperty(FONT_CSS_VARIABLES.sans, config.sans);\n  }\n\n  if (config.mono) {\n    style.setProperty(FONT_CSS_VARIABLES.mono, config.mono);\n  }\n\n  if (config.serif) {\n    style.setProperty(FONT_CSS_VARIABLES.serif, config.serif);\n  }\n\n  if (config.inter) {\n    style.setProperty(FONT_CSS_VARIABLES.inter, config.inter);\n  }\n\n  if (config.jetbrainsMono) {\n    style.setProperty(FONT_CSS_VARIABLES.jetbrainsMono, config.jetbrainsMono);\n  }\n\n  if (config.playfairDisplay) {\n    style.setProperty(FONT_CSS_VARIABLES.playfairDisplay, config.playfairDisplay);\n  }\n}\n\n/**\n * Generate CSS string for font configuration\n *\n * @param config Font configuration object\n * @returns CSS string that can be injected into a stylesheet\n *\n * @example\n * ```ts\n * const css = generateFontCSS({\n *   sans: FONT_STACKS.poppins,\n *   mono: FONT_STACKS.firaCode\n * });\n *\n * // Inject into document\n * const style = document.createElement('style');\n * style.textContent = css;\n * document.head.appendChild(style);\n * ```\n */\nexport function generateFontCSS(config: FontConfig): string {\n  const rules: string[] = [':root {'];\n\n  if (config.sans) {\n    rules.push(`  ${FONT_CSS_VARIABLES.sans}: ${config.sans};`);\n  }\n\n  if (config.mono) {\n    rules.push(`  ${FONT_CSS_VARIABLES.mono}: ${config.mono};`);\n  }\n\n  if (config.serif) {\n    rules.push(`  ${FONT_CSS_VARIABLES.serif}: ${config.serif};`);\n  }\n\n  if (config.inter) {\n    rules.push(`  ${FONT_CSS_VARIABLES.inter}: ${config.inter};`);\n  }\n\n  if (config.jetbrainsMono) {\n    rules.push(`  ${FONT_CSS_VARIABLES.jetbrainsMono}: ${config.jetbrainsMono};`);\n  }\n\n  if (config.playfairDisplay) {\n    rules.push(`  ${FONT_CSS_VARIABLES.playfairDisplay}: ${config.playfairDisplay};`);\n  }\n\n  rules.push('}');\n\n  return rules.join('\\n');\n}\n\n/**\n * Reset fonts to Kookie UI defaults\n */\nexport function resetFonts(target: HTMLElement = document.documentElement): void {\n  const style = target.style;\n\n  // Remove custom font variables to fall back to defaults\n  style.removeProperty(FONT_CSS_VARIABLES.sans);\n  style.removeProperty(FONT_CSS_VARIABLES.mono);\n  style.removeProperty(FONT_CSS_VARIABLES.serif);\n  style.removeProperty(FONT_CSS_VARIABLES.inter);\n  style.removeProperty(FONT_CSS_VARIABLES.jetbrainsMono);\n  style.removeProperty(FONT_CSS_VARIABLES.playfairDisplay);\n}\n\n/**\n * Get current font configuration from CSS variables\n */\nexport function getCurrentFontConfig(target: HTMLElement = document.documentElement): FontConfig {\n  const computedStyle = getComputedStyle(target);\n\n  return {\n    sans: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.sans).trim() || undefined,\n    mono: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.mono).trim() || undefined,\n    serif: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.serif).trim() || undefined,\n    inter: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.inter).trim() || undefined,\n    jetbrainsMono: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.jetbrainsMono).trim() || undefined,\n    playfairDisplay: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.playfairDisplay).trim() || undefined,\n  };\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,gBAAAC,EAAA,oBAAAC,EAAA,oBAAAC,EAAA,yBAAAC,EAAA,eAAAC,IAAA,eAAAC,EAAAR,GA4BO,IAAME,EAAqB,CAChC,KAAM,cACN,KAAM,cACN,MAAO,eACP,MAAO,eACP,cAAe,wBACf,gBAAiB,0BACjB,cAAe,wBACf,cAAe,wBACf,aAAc,uBACd,WAAY,oBACd,EAKaC,EAAc,CAEzB,MAAO,6EACP,OAAQ,6FACR,QAAS,oEACT,SAAU,sEAGV,cAAe,0EACf,SAAU,0EACV,cAAe,6DACf,WAAY,8EAGZ,SAAU,8EACV,MAAO,0DACP,QAAS,+CACT,KAAM,2CACR,EAuBO,SAASC,EAAgBK,EAAoBC,EAAsB,SAAS,gBAAuB,CACxG,IAAMC,EAAQD,EAAO,MAEjBD,EAAO,MACTE,EAAM,YAAYT,EAAmB,KAAMO,EAAO,IAAI,EAGpDA,EAAO,MACTE,EAAM,YAAYT,EAAmB,KAAMO,EAAO,IAAI,EAGpDA,EAAO,OACTE,EAAM,YAAYT,EAAmB,MAAOO,EAAO,KAAK,EAGtDA,EAAO,OACTE,EAAM,YAAYT,EAAmB,MAAOO,EAAO,KAAK,EAGtDA,EAAO,eACTE,EAAM,YAAYT,EAAmB,cAAeO,EAAO,aAAa,EAGtEA,EAAO,iBACTE,EAAM,YAAYT,EAAmB,gBAAiBO,EAAO,eAAe,CAEhF,CAqBO,SAASJ,EAAgBI,EAA4B,CAC1D,IAAMG,EAAkB,CAAC,SAAS,EAElC,OAAIH,EAAO,MACTG,EAAM,KAAK,KAAKV,EAAmB,IAAI,KAAKO,EAAO,IAAI,GAAG,EAGxDA,EAAO,MACTG,EAAM,KAAK,KAAKV,EAAmB,IAAI,KAAKO,EAAO,IAAI,GAAG,EAGxDA,EAAO,OACTG,EAAM,KAAK,KAAKV,EAAmB,KAAK,KAAKO,EAAO,KAAK,GAAG,EAG1DA,EAAO,OACTG,EAAM,KAAK,KAAKV,EAAmB,KAAK,KAAKO,EAAO,KAAK,GAAG,EAG1DA,EAAO,eACTG,EAAM,KAAK,KAAKV,EAAmB,aAAa,KAAKO,EAAO,aAAa,GAAG,EAG1EA,EAAO,iBACTG,EAAM,KAAK,KAAKV,EAAmB,eAAe,KAAKO,EAAO,eAAe,GAAG,EAGlFG,EAAM,KAAK,GAAG,EAEPA,EAAM,KAAK;AAAA,CAAI,CACxB,CAKO,SAASL,EAAWG,EAAsB,SAAS,gBAAuB,CAC/E,IAAMC,EAAQD,EAAO,MAGrBC,EAAM,eAAeT,EAAmB,IAAI,EAC5CS,EAAM,eAAeT,EAAmB,IAAI,EAC5CS,EAAM,eAAeT,EAAmB,KAAK,EAC7CS,EAAM,eAAeT,EAAmB,KAAK,EAC7CS,EAAM,eAAeT,EAAmB,aAAa,EACrDS,EAAM,eAAeT,EAAmB,eAAe,CACzD,CAKO,SAASI,EAAqBI,EAAsB,SAAS,gBAA6B,CAC/F,IAAMG,EAAgB,iBAAiBH,CAAM,EAE7C,MAAO,CACL,KAAMG,EAAc,iBAAiBX,EAAmB,IAAI,EAAE,KAAK,GAAK,OACxE,KAAMW,EAAc,iBAAiBX,EAAmB,IAAI,EAAE,KAAK,GAAK,OACxE,MAAOW,EAAc,iBAAiBX,EAAmB,KAAK,EAAE,KAAK,GAAK,OAC1E,MAAOW,EAAc,iBAAiBX,EAAmB,KAAK,EAAE,KAAK,GAAK,OAC1E,cAAeW,EAAc,iBAAiBX,EAAmB,aAAa,EAAE,KAAK,GAAK,OAC1F,gBAAiBW,EAAc,iBAAiBX,EAAmB,eAAe,EAAE,KAAK,GAAK,MAChG,CACF",
-  "names": ["font_config_exports", "__export", "FONT_CSS_VARIABLES", "FONT_STACKS", "applyFontConfig", "generateFontCSS", "getCurrentFontConfig", "resetFonts", "__toCommonJS", "config", "target", "style", "rules", "computedStyle"]
+  "sourcesContent": ["/**\n * Runtime font configuration for Kookie UI.\n *\n * This is a thin, typed wrapper over the CSS tokens in `styles/tokens/font-family.css` \u2014\n * it writes the same variables you would write by hand, and nothing else. Prefer plain CSS\n * where you can; reach for this when the stacks are only known at runtime (a theme editor,\n * a user-selectable typeface).\n *\n * Two tiers, matching the CSS:\n *\n *   - `stacks` \u2014 which typefaces exist: `sans`, `mono`, `serif`. Written to `:root`.\n *   - `roles`  \u2014 which stack each role uses: `body`, `heading`, `code`, `strong`, `em`,\n *                `quote`. Written to the theme element, since roles are per-theme.\n */\n\n/** Tier 1 \u2014 the typefaces available to the theme. */\nexport interface FontStacks {\n  /** Sans-serif stack. Backs `font=\"sans\"` and, by default, body text. */\n  sans?: string;\n  /** Monospace stack. Backs `font=\"mono\"` and `Code`. */\n  mono?: string;\n  /** Serif stack. Backs `font=\"serif\"`, `Em` and `Quote`. */\n  serif?: string;\n}\n\n/** Tier 2 \u2014 which stack each role of text uses. */\nexport interface FontRoles {\n  /** Body text: `Text`, inputs, buttons, and anything that does not opt out. */\n  body?: string;\n  /** `Heading`. Follows `body` when left unset. */\n  heading?: string;\n  /** `Code`. */\n  code?: string;\n  /** `Strong`. */\n  strong?: string;\n  /** `Em`. */\n  em?: string;\n  /** `Quote`. */\n  quote?: string;\n}\n\nexport interface FontConfig {\n  stacks?: FontStacks;\n  roles?: FontRoles;\n}\n\n/** CSS custom properties backing each stack. Declared on `:root`. */\nexport const FONT_STACK_VARIABLES = {\n  sans: '--font-sans',\n  mono: '--font-mono',\n  serif: '--font-serif',\n} as const satisfies Record<keyof FontStacks, `--font-${string}`>;\n\n/** CSS custom properties backing each role. Declared on the theme element. */\nexport const FONT_ROLE_VARIABLES = {\n  body: '--font-body',\n  heading: '--font-heading',\n  code: '--font-code',\n  strong: '--font-strong',\n  em: '--font-em',\n  quote: '--font-quote',\n} as const satisfies Record<keyof FontRoles, `--font-${string}`>;\n\n/**\n * Ready-made stacks, each ending in a system fallback.\n *\n * The webfont entries assume the face is already loaded \u2014 via\n * `import '@womp/kookie-ui/fonts.css'`, `next/font`, or your own `@font-face`.\n * Kookie's core stylesheet deliberately loads none.\n */\nexport const FONT_STACKS = {\n  // Sans\n  system: \"-apple-system, BlinkMacSystemFont, 'Segoe UI (Custom)', Roboto, 'Helvetica Neue', system-ui, sans-serif\",\n  inter: \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI (Custom)', Roboto, system-ui, sans-serif\",\n  poppins: \"'Poppins', -apple-system, BlinkMacSystemFont, system-ui, sans-serif\",\n  openSans: \"'Open Sans (Custom)', -apple-system, BlinkMacSystemFont, system-ui, sans-serif\",\n\n  // Mono\n  systemMono: \"'Menlo', 'Consolas (Custom)', 'Bitstream Vera Sans Mono', monospace\",\n  jetbrainsMono: \"'JetBrains Mono', 'Menlo', 'Consolas (Custom)', monospace\",\n  firaCode: \"'Fira Code', 'Menlo', 'Consolas (Custom)', monospace\",\n  sourceCodePro: \"'Source Code Pro', 'Menlo', 'Consolas (Custom)', monospace\",\n\n  // Serif\n  systemSerif: \"'Times New Roman', 'Times', 'Georgia', 'Cambria', serif\",\n  playfair: \"'Playfair Display', 'Times New Roman', 'Georgia', serif\",\n  georgia: \"'Georgia', 'Times New Roman', 'Times', serif\",\n  lora: \"'Lora', 'Georgia', 'Times New Roman', serif\",\n} as const;\n\nfunction write<K extends string>(target: HTMLElement, variables: Record<K, string>, values: Partial<Record<K, string>>) {\n  for (const key of Object.keys(variables) as K[]) {\n    const value = values[key];\n    if (value) target.style.setProperty(variables[key], value);\n  }\n}\n\nfunction clear(target: HTMLElement, variables: Record<string, string>) {\n  for (const variable of Object.values(variables)) {\n    target.style.removeProperty(variable);\n  }\n}\n\n/**\n * Apply a font configuration.\n *\n * Stacks land on `:root` and roles on `themeElement`, mirroring where the stylesheet\n * declares them \u2014 writing a role to `:root` would not survive, because the theme\n * element declares its own.\n *\n * @example\n * ```ts\n * // Serif headings over a sans body\n * applyFontConfig({\n *   stacks: { sans: FONT_STACKS.inter, serif: FONT_STACKS.playfair },\n *   roles: { heading: 'var(--font-serif)' },\n * });\n * ```\n */\nexport function applyFontConfig(\n  config: FontConfig,\n  { root = document.documentElement, themeElement = document.querySelector<HTMLElement>('.radix-themes') }: { root?: HTMLElement; themeElement?: HTMLElement | null } = {},\n): void {\n  if (config.stacks) write(root, FONT_STACK_VARIABLES, config.stacks);\n  if (config.roles && themeElement) write(themeElement, FONT_ROLE_VARIABLES, config.roles);\n}\n\n/**\n * Render a font configuration as a CSS string, for injecting into a stylesheet or\n * emitting server-side.\n */\nexport function generateFontCSS(config: FontConfig): string {\n  const blocks: string[] = [];\n\n  const stacks = Object.entries(config.stacks ?? {}).filter(([, value]) => value);\n  if (stacks.length) {\n    blocks.push([':root {', ...stacks.map(([key, value]) => `  ${FONT_STACK_VARIABLES[key as keyof FontStacks]}: ${value};`), '}'].join('\\n'));\n  }\n\n  const roles = Object.entries(config.roles ?? {}).filter(([, value]) => value);\n  if (roles.length) {\n    blocks.push(['.radix-themes {', ...roles.map(([key, value]) => `  ${FONT_ROLE_VARIABLES[key as keyof FontRoles]}: ${value};`), '}'].join('\\n'));\n  }\n\n  return blocks.join('\\n\\n');\n}\n\n/** Drop every inline font override, falling back to the stylesheet's defaults. */\nexport function resetFonts({ root = document.documentElement, themeElement = document.querySelector<HTMLElement>('.radix-themes') }: { root?: HTMLElement; themeElement?: HTMLElement | null } = {}): void {\n  clear(root, FONT_STACK_VARIABLES);\n  if (themeElement) clear(themeElement, FONT_ROLE_VARIABLES);\n}\n\n/** Read the stacks and roles currently in effect. */\nexport function getCurrentFontConfig({ themeElement = document.querySelector<HTMLElement>('.radix-themes') }: { themeElement?: HTMLElement | null } = {}): Required<FontConfig> {\n  // Roles resolve against the theme element, so read both tiers from it \u2014 it inherits\n  // the stacks from `:root` and is the only place the roles are declared.\n  const computed = getComputedStyle(themeElement ?? document.documentElement);\n  const read = (variable: string) => computed.getPropertyValue(variable).trim() || undefined;\n\n  return {\n    stacks: {\n      sans: read(FONT_STACK_VARIABLES.sans),\n      mono: read(FONT_STACK_VARIABLES.mono),\n      serif: read(FONT_STACK_VARIABLES.serif),\n    },\n    roles: {\n      body: read(FONT_ROLE_VARIABLES.body),\n      heading: read(FONT_ROLE_VARIABLES.heading),\n      code: read(FONT_ROLE_VARIABLES.code),\n      strong: read(FONT_ROLE_VARIABLES.strong),\n      em: read(FONT_ROLE_VARIABLES.em),\n      quote: read(FONT_ROLE_VARIABLES.quote),\n    },\n  };\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,EAAA,gBAAAC,EAAA,yBAAAC,EAAA,oBAAAC,EAAA,oBAAAC,EAAA,yBAAAC,EAAA,eAAAC,IAAA,eAAAC,EAAAT,GA+CO,IAAMI,EAAuB,CAClC,KAAM,cACN,KAAM,cACN,MAAO,cACT,EAGaF,EAAsB,CACjC,KAAM,cACN,QAAS,iBACT,KAAM,cACN,OAAQ,gBACR,GAAI,YACJ,MAAO,cACT,EASaC,EAAc,CAEzB,OAAQ,0GACR,MAAO,iGACP,QAAS,sEACT,SAAU,iFAGV,WAAY,sEACZ,cAAe,4DACf,SAAU,uDACV,cAAe,6DAGf,YAAa,0DACb,SAAU,0DACV,QAAS,+CACT,KAAM,6CACR,EAEA,SAASO,EAAwBC,EAAqBC,EAA8BC,EAAoC,CACtH,QAAWC,KAAO,OAAO,KAAKF,CAAS,EAAU,CAC/C,IAAMG,EAAQF,EAAOC,CAAG,EACpBC,GAAOJ,EAAO,MAAM,YAAYC,EAAUE,CAAG,EAAGC,CAAK,CAC3D,CACF,CAEA,SAASC,EAAML,EAAqBC,EAAmC,CACrE,QAAWK,KAAY,OAAO,OAAOL,CAAS,EAC5CD,EAAO,MAAM,eAAeM,CAAQ,CAExC,CAkBO,SAASZ,EACda,EACA,CAAE,KAAAC,EAAO,SAAS,gBAAiB,aAAAC,EAAe,SAAS,cAA2B,eAAe,CAAE,EAA+D,CAAC,EACjK,CACFF,EAAO,QAAQR,EAAMS,EAAMf,EAAsBc,EAAO,MAAM,EAC9DA,EAAO,OAASE,GAAcV,EAAMU,EAAclB,EAAqBgB,EAAO,KAAK,CACzF,CAMO,SAASZ,EAAgBY,EAA4B,CAC1D,IAAMG,EAAmB,CAAC,EAEpBC,EAAS,OAAO,QAAQJ,EAAO,QAAU,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAEH,CAAK,IAAMA,CAAK,EAC1EO,EAAO,QACTD,EAAO,KAAK,CAAC,UAAW,GAAGC,EAAO,IAAI,CAAC,CAACR,EAAKC,CAAK,IAAM,KAAKX,EAAqBU,CAAuB,CAAC,KAAKC,CAAK,GAAG,EAAG,GAAG,EAAE,KAAK;AAAA,CAAI,CAAC,EAG3I,IAAMQ,EAAQ,OAAO,QAAQL,EAAO,OAAS,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAEH,CAAK,IAAMA,CAAK,EAC5E,OAAIQ,EAAM,QACRF,EAAO,KAAK,CAAC,kBAAmB,GAAGE,EAAM,IAAI,CAAC,CAACT,EAAKC,CAAK,IAAM,KAAKb,EAAoBY,CAAsB,CAAC,KAAKC,CAAK,GAAG,EAAG,GAAG,EAAE,KAAK;AAAA,CAAI,CAAC,EAGzIM,EAAO,KAAK;AAAA;AAAA,CAAM,CAC3B,CAGO,SAASb,EAAW,CAAE,KAAAW,EAAO,SAAS,gBAAiB,aAAAC,EAAe,SAAS,cAA2B,eAAe,CAAE,EAA+D,CAAC,EAAS,CACzMJ,EAAMG,EAAMf,CAAoB,EAC5BgB,GAAcJ,EAAMI,EAAclB,CAAmB,CAC3D,CAGO,SAASK,EAAqB,CAAE,aAAAa,EAAe,SAAS,cAA2B,eAAe,CAAE,EAA2C,CAAC,EAAyB,CAG9K,IAAMI,EAAW,iBAAiBJ,GAAgB,SAAS,eAAe,EACpEK,EAAQR,GAAqBO,EAAS,iBAAiBP,CAAQ,EAAE,KAAK,GAAK,OAEjF,MAAO,CACL,OAAQ,CACN,KAAMQ,EAAKrB,EAAqB,IAAI,EACpC,KAAMqB,EAAKrB,EAAqB,IAAI,EACpC,MAAOqB,EAAKrB,EAAqB,KAAK,CACxC,EACA,MAAO,CACL,KAAMqB,EAAKvB,EAAoB,IAAI,EACnC,QAASuB,EAAKvB,EAAoB,OAAO,EACzC,KAAMuB,EAAKvB,EAAoB,IAAI,EACnC,OAAQuB,EAAKvB,EAAoB,MAAM,EACvC,GAAIuB,EAAKvB,EAAoB,EAAE,EAC/B,MAAOuB,EAAKvB,EAAoB,KAAK,CACvC,CACF,CACF",
+  "names": ["font_config_exports", "__export", "FONT_ROLE_VARIABLES", "FONT_STACKS", "FONT_STACK_VARIABLES", "applyFontConfig", "generateFontCSS", "getCurrentFontConfig", "resetFonts", "__toCommonJS", "write", "target", "variables", "values", "key", "value", "clear", "variable", "config", "root", "themeElement", "blocks", "stacks", "roles", "computed", "read"]
 }

package/dist/cjs/helpers/index.js

@@ -1,3 +1,6 @@
-"use strict";var O=Object.create;var P=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var B=Object.getPrototypeOf,G=Object.prototype.hasOwnProperty;var A=(e,t)=>{for(var r in t)P(e,r,{get:t[r],enumerable:!0})},C=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of F(t))!G.call(e,o)&&o!==r&&P(e,o,{get:()=>t[o],enumerable:!(s=$(t,o))||s.enumerable});return e};var h=(e,t,r)=>(r=e!=null?O(B(e)):{},C(t||!e||!e.__esModule?P(r,"default",{value:e,enumerable:!0}):r,e)),z=e=>C(P({},"__esModule",{value:!0}),e);var me={};A(me,{FONT_CSS_VARIABLES:()=>m,FONT_STACKS:()=>Y,applyFontConfig:()=>Q,extractMarginProps:()=>I,extractProps:()=>J,generateFontCSS:()=>X,getCurrentFontConfig:()=>ee,getMarginStyles:()=>re,getMatchingGrayColor:()=>ne,getResponsiveClassNames:()=>b,getResponsiveCustomProperties:()=>k,getResponsiveStyles:()=>g,getSubtree:()=>se,hasOwnProperty:()=>R,isResponsiveObject:()=>c,mapButtonSizeToSpinnerSize:()=>ae,mapCalloutSizeToTextSize:()=>ie,mapResponsiveProp:()=>oe,mergeStyles:()=>y,normalizeToPx:()=>pe,requireReactElement:()=>le,resetFonts:()=>Z});module.exports=z(me);function I(e){let{m:t,mx:r,my:s,mt:o,mr:a,mb:i,ml:l,...p}=e;return{m:t,mx:r,my:s,mt:o,mr:a,mb:i,ml:l,rest:p}}var j=h(require("classnames"));var K=[],W=new Set;function U(e){let t=Object.assign({},...e),r=[],s=[],o=new Set;for(let a in t){let i=t[a],l=i.values??K,p={key:a,type:i.type,default:i.default,hasDefault:i.default!==void 0,responsive:"responsive"in i,className:i.className,customProperties:i.customProperties,parseValue:i.parseValue,values:l,valueSet:l.length>0?new Set(l):W,enumValueSet:i.type==="enum"?new Set([i.default,...l]):void 0};i.className?(r.push(p),o.add(a)):(p.hasDefault||i.type==="enum")&&s.push(p)}return{styling:r,passthrough:s,stylingKeys:o}}var L={children:new WeakMap};function T(e){let t=L;for(let r=0;r<e.length;r++){let s=e[r],o=t.children.get(s);o===void 0&&(o={children:new WeakMap},t.children.set(s,o)),t=o}return t.compiled??(t.compiled=U(e))}var _=["initial","xs","sm","md","lg","xl"],N=new Set(_);function R(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var q=new Set(["initial","xs","sm","md","lg","xl"]);function c(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(q.has(t))return!0;return!1}function D(e,t,r){return t!==void 0?t.has(r):e.includes(r)}function g({className:e,customProperties:t,...r}){let s=b({allowArbitraryValues:!0,className:e,...r}),o=k({customProperties:t,...r});return[s,o]}function b({allowArbitraryValues:e,value:t,className:r,propValues:s,propValueSet:o,parseValue:a=i=>i}){if(t){if(typeof t=="string")return D(s,o,t)?V(r,t,a):e?r:void 0;if(c(t)){let i=t,l=[];for(let p in i){if(!R(i,p)||!N.has(p))continue;let n=i[p];if(n!==void 0){if(D(s,o,n)){let u=V(r,n,a),f=p==="initial"?u:`${p}:${u}`;l.push(f)}else if(e){let u=p==="initial"?r:`${p}:${r}`;l.push(u)}}}return l.length>0?l.join(" "):""}if(e)return r}}function V(e,t,r){let s=e?"-":"",o=r(t),a=o?.startsWith("-"),i=a?"-":"",l=a?o?.substring(1):o;return`${i}${e}${s}${l}`}function k({customProperties:e,value:t,propValues:r,propValueSet:s,parseValue:o=a=>a}){if(!t||typeof t=="string"&&D(r,s,t))return;let a;if(typeof t=="string"){let i=o(t);a={};for(let l of e)a[l]=i;return a}if(c(t)){let i=t;for(let l in i){if(!R(i,l)||!N.has(l))continue;let p=i[l];if(p===void 0||D(r,s,p))continue;let n=o(p);a??(a={});for(let u of e){let f=l==="initial"?u:`${u}-${l}`;a[f]=n}}}return a??{}}function y(...e){let t;for(let r of e)r&&(t===void 0&&(t={}),Object.assign(t,r));return t}function H(e,t){let r=e.initial,s=!1;return t.hasDefault&&r===void 0&&(r=t.default,s=!0),t.enumValueSet!==void 0&&!t.enumValueSet.has(r)&&(r=t.default,s=!0),s?{...e,initial:r}:e}function J(e,...t){let{styling:r,passthrough:s,stylingKeys:o}=T(t),a={};for(let p in e)o.has(p)||(a[p]=e[p]);for(let p=0;p<s.length;p++){let n=s[p],u=a[n.key];if(u===void 0){n.hasDefault&&(a[n.key]=n.default);continue}n.enumValueSet!==void 0&&!n.enumValueSet.has(u)&&!c(u)&&(a[n.key]=n.default)}let i,l=[];for(let p=0;p<r.length;p++){let n=r[p],u=e[n.key];if(u===void 0&&n.hasDefault&&(u=n.default),n.enumValueSet!==void 0&&!n.enumValueSet.has(u)&&!c(u)&&(u=n.default),!!u){if(c(u)){if(!n.responsive)continue;u=H(u,n)}if(n.type==="enum"){let f=b({allowArbitraryValues:!1,value:u,className:n.className,propValues:n.values,propValueSet:n.valueSet,parseValue:n.parseValue});f&&l.push(f);continue}if(n.type==="string"||n.type==="enum | string"){let[f,x]=g({className:n.className,customProperties:n.customProperties,propValues:n.type==="string"?[]:n.values,propValueSet:n.type==="string"?void 0:n.valueSet,parseValue:n.parseValue,value:u});x&&(i=y(i,x)),f&&l.push(f);continue}if(n.type==="boolean"){l.push(n.className);continue}}}return a.className=(0,j.default)(l.length>0?l.join(" "):void 0,e.className),a.style=y(i,e.style),a}var m={sans:"--font-sans",mono:"--font-mono",serif:"--font-serif",inter:"--font-inter",jetbrainsMono:"--font-jetbrains-mono",playfairDisplay:"--font-playfair-display",defaultFamily:"--default-font-family",headingFamily:"--heading-font-family",strongFamily:"--strong-font-family",codeFamily:"--code-font-family"},Y={inter:"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",system:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",poppins:"'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif",openSans:"'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif",jetbrainsMono:"'JetBrains Mono', 'Fira Code', 'Consolas', 'Liberation Mono', monospace",firaCode:"'Fira Code', 'JetBrains Mono', 'Consolas', 'Liberation Mono', monospace",sourceCodePro:"'Source Code Pro', 'JetBrains Mono', 'Consolas', monospace",systemMono:"'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', 'Courier New', monospace",playfair:"'Playfair Display', 'Times New Roman', 'Times', 'Georgia', 'Cambria', serif",times:"'Times New Roman', 'Times', 'Georgia', 'Cambria', serif",georgia:"'Georgia', 'Times New Roman', 'Times', serif",lora:"'Lora', 'Times New Roman', 'Times', serif"};function Q(e,t=document.documentElement){let r=t.style;e.sans&&r.setProperty(m.sans,e.sans),e.mono&&r.setProperty(m.mono,e.mono),e.serif&&r.setProperty(m.serif,e.serif),e.inter&&r.setProperty(m.inter,e.inter),e.jetbrainsMono&&r.setProperty(m.jetbrainsMono,e.jetbrainsMono),e.playfairDisplay&&r.setProperty(m.playfairDisplay,e.playfairDisplay)}function X(e){let t=[":root {"];return e.sans&&t.push(`  ${m.sans}: ${e.sans};`),e.mono&&t.push(`  ${m.mono}: ${e.mono};`),e.serif&&t.push(`  ${m.serif}: ${e.serif};`),e.inter&&t.push(`  ${m.inter}: ${e.inter};`),e.jetbrainsMono&&t.push(`  ${m.jetbrainsMono}: ${e.jetbrainsMono};`),e.playfairDisplay&&t.push(`  ${m.playfairDisplay}: ${e.playfairDisplay};`),t.push("}"),t.join(`
-`)}function Z(e=document.documentElement){let t=e.style;t.removeProperty(m.sans),t.removeProperty(m.mono),t.removeProperty(m.serif),t.removeProperty(m.inter),t.removeProperty(m.jetbrainsMono),t.removeProperty(m.playfairDisplay)}function ee(e=document.documentElement){let t=getComputedStyle(e);return{sans:t.getPropertyValue(m.sans).trim()||void 0,mono:t.getPropertyValue(m.mono).trim()||void 0,serif:t.getPropertyValue(m.serif).trim()||void 0,inter:t.getPropertyValue(m.inter).trim()||void 0,jetbrainsMono:t.getPropertyValue(m.jetbrainsMono).trim()||void 0,playfairDisplay:t.getPropertyValue(m.playfairDisplay).trim()||void 0}}var d=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],M={m:{type:"enum | string",values:d,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:d,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:d,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:d,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:d,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:d,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:d,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var E=M.m.values,te=new Set(E),w=[{key:"m",className:"rt-r-m",customProperties:["--margin"]},{key:"mx",className:"rt-r-mx",customProperties:["--margin-left","--margin-right"]},{key:"my",className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"]},{key:"mt",className:"rt-r-mt",customProperties:["--margin-top"]},{key:"mr",className:"rt-r-mr",customProperties:["--margin-right"]},{key:"mb",className:"rt-r-mb",customProperties:["--margin-bottom"]},{key:"ml",className:"rt-r-ml",customProperties:["--margin-left"]}];function re(e){let t,r;for(let s=0;s<w.length;s++){let{key:o,className:a,customProperties:i}=w[s],l=e[o];if(l===void 0)continue;let[p,n]=g({className:a,customProperties:i,propValues:E,propValueSet:te,value:l});p&&(t??(t=[])).push(p),n&&(r=y(r,n))}return[t!==void 0?t.join(" "):"",r]}function ne(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}var S=h(require("react"));function se(e,t){let{asChild:r,children:s}=e;if(!r)return typeof t=="function"?t(s):t;let o=S.Children.only(s);return S.cloneElement(o,{children:typeof t=="function"?t(o.props.children):t})}function oe(e,t){if(e!==void 0)return typeof e=="string"?t(e):Object.fromEntries(Object.entries(e).map(([r,s])=>[r,t(s)]))}function ie(e){return e==="3"?"3":e==="1"?"1":"2"}function ae(e){switch(e){case"1":return"1";case"2":case"3":return"2";case"4":return"3"}}function pe(e,t="horizontal"){if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;let r=String(e).trim();if(!r)return;if(r.endsWith("px"))return Number.parseFloat(r);if(r.endsWith("rem")){let o=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(r)*o}if(r.endsWith("%")){let o=Number.parseFloat(r),a=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return o/100*a}let s=Number.parseFloat(r);return Number.isFinite(s)?s:void 0}var v=h(require("react")),le=e=>{if(!v.isValidElement(e))throw Error(`Expected a single React Element child, but got: ${v.Children.toArray(e).map(r=>typeof r=="object"&&"type"in r&&typeof r.type=="string"?r.type:typeof r).join(", ")}`);return e};
+"use strict";var B=Object.create;var R=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var L=(e,t)=>{for(var n in t)R(e,n,{get:t[n],enumerable:!0})},C=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of A(t))!q.call(e,s)&&s!==n&&R(e,s,{get:()=>t[s],enumerable:!(r=G(t,s))||r.enumerable});return e};var x=(e,t,n)=>(n=e!=null?B(K(e)):{},C(t||!e||!e.__esModule?R(n,"default",{value:e,enumerable:!0}):n,e)),z=e=>C(R({},"__esModule",{value:!0}),e);var ce={};L(ce,{FONT_ROLE_VARIABLES:()=>l,FONT_STACKS:()=>Z,FONT_STACK_VARIABLES:()=>d,applyFontConfig:()=>ee,extractMarginProps:()=>H,extractProps:()=>X,generateFontCSS:()=>te,getCurrentFontConfig:()=>se,getMarginStyles:()=>oe,getMatchingGrayColor:()=>ie,getResponsiveClassNames:()=>D,getResponsiveCustomProperties:()=>E,getResponsiveStyles:()=>P,getSubtree:()=>ae,hasOwnProperty:()=>S,isResponsiveObject:()=>c,mapButtonSizeToSpinnerSize:()=>ue,mapCalloutSizeToTextSize:()=>me,mapResponsiveProp:()=>pe,mergeStyles:()=>y,normalizeToPx:()=>le,requireReactElement:()=>fe,resetFonts:()=>ne});module.exports=z(ce);function H(e){let{m:t,mx:n,my:r,mt:s,mr:i,mb:a,ml:m,...p}=e;return{m:t,mx:n,my:r,mt:s,mr:i,mb:a,ml:m,rest:p}}var j=x(require("classnames"));var I=[],W=new Set;function U(e){let t=Object.assign({},...e),n=[],r=[],s=new Set;for(let i in t){let a=t[i],m=a.values??I,p={key:i,type:a.type,default:a.default,hasDefault:a.default!==void 0,responsive:"responsive"in a,className:a.className,customProperties:a.customProperties,parseValue:a.parseValue,values:m,valueSet:m.length>0?new Set(m):W,enumValueSet:a.type==="enum"?new Set([a.default,...m]):void 0};a.className?(n.push(p),s.add(i)):(p.hasDefault||a.type==="enum")&&r.push(p)}return{styling:n,passthrough:r,stylingKeys:s}}var _={children:new WeakMap};function k(e){let t=_;for(let n=0;n<e.length;n++){let r=e[n],s=t.children.get(r);s===void 0&&(s={children:new WeakMap},t.children.set(r,s)),t=s}return t.compiled??(t.compiled=U(e))}var Y=["initial","xs","sm","md","lg","xl"],N=new Set(Y);function S(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var J=new Set(["initial","xs","sm","md","lg","xl"]);function c(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(J.has(t))return!0;return!1}function b(e,t,n){return t!==void 0?t.has(n):e.includes(n)}function P({className:e,customProperties:t,...n}){let r=D({allowArbitraryValues:!0,className:e,...n}),s=E({customProperties:t,...n});return[r,s]}function D({allowArbitraryValues:e,value:t,className:n,propValues:r,propValueSet:s,parseValue:i=a=>a}){if(t){if(typeof t=="string")return b(r,s,t)?V(n,t,i):e?n:void 0;if(c(t)){let a=t,m=[];for(let p in a){if(!S(a,p)||!N.has(p))continue;let o=a[p];if(o!==void 0){if(b(r,s,o)){let u=V(n,o,i),f=p==="initial"?u:`${p}:${u}`;m.push(f)}else if(e){let u=p==="initial"?n:`${p}:${n}`;m.push(u)}}}return m.length>0?m.join(" "):""}if(e)return n}}function V(e,t,n){let r=e?"-":"",s=n(t),i=s?.startsWith("-"),a=i?"-":"",m=i?s?.substring(1):s;return`${a}${e}${r}${m}`}function E({customProperties:e,value:t,propValues:n,propValueSet:r,parseValue:s=i=>i}){if(!t||typeof t=="string"&&b(n,r,t))return;let i;if(typeof t=="string"){let a=s(t);i={};for(let m of e)i[m]=a;return i}if(c(t)){let a=t;for(let m in a){if(!S(a,m)||!N.has(m))continue;let p=a[m];if(p===void 0||b(n,r,p))continue;let o=s(p);i??(i={});for(let u of e){let f=m==="initial"?u:`${u}-${m}`;i[f]=o}}}return i??{}}function y(...e){let t;for(let n of e)n&&(t===void 0&&(t={}),Object.assign(t,n));return t}function Q(e,t){let n=e.initial,r=!1;return t.hasDefault&&n===void 0&&(n=t.default,r=!0),t.enumValueSet!==void 0&&!t.enumValueSet.has(n)&&(n=t.default,r=!0),r?{...e,initial:n}:e}function X(e,...t){let{styling:n,passthrough:r,stylingKeys:s}=k(t),i={};for(let p in e)s.has(p)||(i[p]=e[p]);for(let p=0;p<r.length;p++){let o=r[p],u=i[o.key];if(u===void 0){o.hasDefault&&(i[o.key]=o.default);continue}o.enumValueSet!==void 0&&!o.enumValueSet.has(u)&&!c(u)&&(i[o.key]=o.default)}let a,m=[];for(let p=0;p<n.length;p++){let o=n[p],u=e[o.key];if(u===void 0&&o.hasDefault&&(u=o.default),o.enumValueSet!==void 0&&!o.enumValueSet.has(u)&&!c(u)&&(u=o.default),!!u){if(c(u)){if(!o.responsive)continue;u=Q(u,o)}if(o.type==="enum"){let f=D({allowArbitraryValues:!1,value:u,className:o.className,propValues:o.values,propValueSet:o.valueSet,parseValue:o.parseValue});f&&m.push(f);continue}if(o.type==="string"||o.type==="enum | string"){let[f,T]=P({className:o.className,customProperties:o.customProperties,propValues:o.type==="string"?[]:o.values,propValueSet:o.type==="string"?void 0:o.valueSet,parseValue:o.parseValue,value:u});T&&(a=y(a,T)),f&&m.push(f);continue}if(o.type==="boolean"){m.push(o.className);continue}}}return i.className=(0,j.default)(m.length>0?m.join(" "):void 0,e.className),i.style=y(a,e.style),i}var d={sans:"--font-sans",mono:"--font-mono",serif:"--font-serif"},l={body:"--font-body",heading:"--font-heading",code:"--font-code",strong:"--font-strong",em:"--font-em",quote:"--font-quote"},Z={system:"-apple-system, BlinkMacSystemFont, 'Segoe UI (Custom)', Roboto, 'Helvetica Neue', system-ui, sans-serif",inter:"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI (Custom)', Roboto, system-ui, sans-serif",poppins:"'Poppins', -apple-system, BlinkMacSystemFont, system-ui, sans-serif",openSans:"'Open Sans (Custom)', -apple-system, BlinkMacSystemFont, system-ui, sans-serif",systemMono:"'Menlo', 'Consolas (Custom)', 'Bitstream Vera Sans Mono', monospace",jetbrainsMono:"'JetBrains Mono', 'Menlo', 'Consolas (Custom)', monospace",firaCode:"'Fira Code', 'Menlo', 'Consolas (Custom)', monospace",sourceCodePro:"'Source Code Pro', 'Menlo', 'Consolas (Custom)', monospace",systemSerif:"'Times New Roman', 'Times', 'Georgia', 'Cambria', serif",playfair:"'Playfair Display', 'Times New Roman', 'Georgia', serif",georgia:"'Georgia', 'Times New Roman', 'Times', serif",lora:"'Lora', 'Georgia', 'Times New Roman', serif"};function M(e,t,n){for(let r of Object.keys(t)){let s=n[r];s&&e.style.setProperty(t[r],s)}}function O(e,t){for(let n of Object.values(t))e.style.removeProperty(n)}function ee(e,{root:t=document.documentElement,themeElement:n=document.querySelector(".radix-themes")}={}){e.stacks&&M(t,d,e.stacks),e.roles&&n&&M(n,l,e.roles)}function te(e){let t=[],n=Object.entries(e.stacks??{}).filter(([,s])=>s);n.length&&t.push([":root {",...n.map(([s,i])=>`  ${d[s]}: ${i};`),"}"].join(`
+`));let r=Object.entries(e.roles??{}).filter(([,s])=>s);return r.length&&t.push([".radix-themes {",...r.map(([s,i])=>`  ${l[s]}: ${i};`),"}"].join(`
+`)),t.join(`
+
+`)}function ne({root:e=document.documentElement,themeElement:t=document.querySelector(".radix-themes")}={}){O(e,d),t&&O(t,l)}function se({themeElement:e=document.querySelector(".radix-themes")}={}){let t=getComputedStyle(e??document.documentElement),n=r=>t.getPropertyValue(r).trim()||void 0;return{stacks:{sans:n(d.sans),mono:n(d.mono),serif:n(d.serif)},roles:{body:n(l.body),heading:n(l.heading),code:n(l.code),strong:n(l.strong),em:n(l.em),quote:n(l.quote)}}}var g=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],w={m:{type:"enum | string",values:g,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:g,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:g,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:g,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:g,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:g,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:g,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var $=w.m.values,re=new Set($),F=[{key:"m",className:"rt-r-m",customProperties:["--margin"]},{key:"mx",className:"rt-r-mx",customProperties:["--margin-left","--margin-right"]},{key:"my",className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"]},{key:"mt",className:"rt-r-mt",customProperties:["--margin-top"]},{key:"mr",className:"rt-r-mr",customProperties:["--margin-right"]},{key:"mb",className:"rt-r-mb",customProperties:["--margin-bottom"]},{key:"ml",className:"rt-r-ml",customProperties:["--margin-left"]}];function oe(e){let t,n;for(let r=0;r<F.length;r++){let{key:s,className:i,customProperties:a}=F[r],m=e[s];if(m===void 0)continue;let[p,o]=P({className:i,customProperties:a,propValues:$,propValueSet:re,value:m});p&&(t??(t=[])).push(p),o&&(n=y(n,o))}return[t!==void 0?t.join(" "):"",n]}function ie(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}var v=x(require("react"));function ae(e,t){let{asChild:n,children:r}=e;if(!n)return typeof t=="function"?t(r):t;let s=v.Children.only(r);return v.cloneElement(s,{children:typeof t=="function"?t(s.props.children):t})}function pe(e,t){if(e!==void 0)return typeof e=="string"?t(e):Object.fromEntries(Object.entries(e).map(([n,r])=>[n,t(r)]))}function me(e){return e==="3"?"3":e==="1"?"1":"2"}function ue(e){switch(e){case"1":return"1";case"2":case"3":return"2";case"4":return"3"}}function le(e,t="horizontal"){if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;let n=String(e).trim();if(!n)return;if(n.endsWith("px"))return Number.parseFloat(n);if(n.endsWith("rem")){let s=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(n)*s}if(n.endsWith("%")){let s=Number.parseFloat(n),i=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return s/100*i}let r=Number.parseFloat(n);return Number.isFinite(r)?r:void 0}var h=x(require("react")),fe=e=>{if(!h.isValidElement(e))throw Error(`Expected a single React Element child, but got: ${h.Children.toArray(e).map(n=>typeof n=="object"&&"type"in n&&typeof n.type=="string"?n.type:typeof n).join(", ")}`);return e};
 //# sourceMappingURL=index.js.map