@persona/design-system 0.1.5-pre.4

package/dist/theme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.cjs","names":["Color","FontFamilies","Typography"],"sources":["../theme.ts"],"sourcesContent":["import { Color, FontFamilies, type PDSTypeStyle, Typography } from '@persona/design-tokens';\n\ninterface PrimaryColors {\n  black: Color;\n  white: Color;\n  brand: Color;\n  brand800: Color;\n  brand700: Color;\n  brand600: Color;\n  brand500: Color;\n  brand400: Color;\n  brand300: Color;\n  brand200: Color;\n  brand100: Color;\n}\n\nexport interface TextColors {\n  primary: Color;\n  secondary: Color;\n  tertiary: Color;\n  brand: Color;\n  inverse: Color;\n  disabled: Color;\n}\n\nexport interface BackgroundColors {\n  primary: Color;\n  secondary: Color;\n  active: Color;\n  highlight: Color;\n  disabled: Color;\n}\n\nexport type Variant =\n  | 'basic'\n  | 'caution'\n  | 'danger'\n  | 'inverse'\n  | 'outline'\n  | 'primary'\n  | 'success'\n  | 'text';\n\ninterface VariantPalette {\n  /**\n   * Activated color. Mousedowns for buttons, hover for dropdowns, etc.\n   */\n  active: Color;\n  /**\n   * Passive color when not interacted.\n   */\n  default: Color;\n  /**\n   * Focus state, borders, etc. Generally lighter than the default color.\n   */\n  highlight: Color;\n  /**\n   * Alternative highlight color.\n   */\n  highlightLight: Color;\n  /**\n   * Alternative highlight color.\n   */\n  highlightDark: Color;\n\n  /**\n   * Disabled background\n   */\n  disabled: Color;\n\n  text: Color;\n  textDisabled: Color;\n\n  hover: Color;\n}\n\ninterface ColorPalette {\n  primary: PrimaryColors;\n  text: TextColors;\n  variants: Record<Variant, VariantPalette>;\n  background: BackgroundColors;\n  border: {\n    primary: Color;\n    secondary: Color;\n    active: Color;\n    input: Color;\n    inputHover: Color;\n    disabled: Color;\n  };\n}\n\ninterface TextSettings {\n  fontFamily: {\n    base: string;\n    mono: string;\n    semiMono: string;\n  };\n  display: {\n    lg: PDSTypeStyle;\n    md: PDSTypeStyle;\n    sm: PDSTypeStyle;\n  };\n  heading: {\n    lg: PDSTypeStyle;\n    md: PDSTypeStyle;\n    sm: PDSTypeStyle;\n    xsm: PDSTypeStyle;\n  };\n  paragraph: {\n    lg: PDSTypeStyle;\n    lgBold: PDSTypeStyle;\n    lgLight: PDSTypeStyle;\n    md: PDSTypeStyle;\n    mdBold: PDSTypeStyle;\n    mdLight: PDSTypeStyle;\n    mdLink: PDSTypeStyle;\n    sm: PDSTypeStyle;\n    smLink: PDSTypeStyle;\n    xs: PDSTypeStyle;\n  };\n}\n\n// SHARED ELEMENT VARIABLES\n// For inputs, selects, and input-like components\ninterface ElementSettings {\n  borderRadius: string;\n  height: {\n    xl: string;\n    lg: string;\n    md: string;\n    sm: string;\n    xs: string;\n  };\n  width: {\n    md: string;\n  };\n}\n\n// COMPONENT SPECIFIC VARIABLES\ninterface ButtonSettings {\n  borderRadius: string;\n  height: {\n    md: string;\n    sm: string;\n  };\n}\n\ninterface CardSettings {\n  borderRadius: string;\n}\n\ninterface ModalSettings {\n  borderRadius: {\n    xl: string;\n    lg: string;\n    md: string;\n  };\n  width: {\n    xl: string;\n    lg: string;\n    md: string;\n  };\n}\n\nexport interface PersonaTheme {\n  color: ColorPalette;\n  text: TextSettings;\n  element: ElementSettings;\n  card: CardSettings;\n  button: ButtonSettings;\n  modal: ModalSettings;\n}\n\nconst primary: PrimaryColors = {\n  black: Color.PrimaryBlack,\n  white: Color.PrimaryWhite,\n  brand: Color.PrimaryPurple,\n  brand800: Color.CorePurple800,\n  brand700: Color.CorePurple700,\n  brand600: Color.CorePurple600,\n  brand500: Color.CorePurple500,\n  brand400: Color.CorePurple400,\n  brand300: Color.CorePurple300,\n  brand200: Color.CorePurple200,\n  brand100: Color.CorePurple100,\n};\n\n// for active state, use variant!\nconst lightText: TextColors = {\n  primary: Color.TextPrimary,\n  secondary: Color.TextSecondary,\n  tertiary: Color.CoreSlate800,\n  brand: primary.brand,\n  inverse: Color.TextInverse,\n  disabled: Color.TextDisabled,\n};\n\n// for active state, use variant!\nconst darkText: TextColors = {\n  primary: Color.TextInverse,\n  secondary: Color.CoreSlate500,\n  tertiary: Color.CoreSlate800,\n  brand: primary.brand,\n  inverse: Color.TextPrimary,\n  disabled: Color.TextDisabled,\n};\n\nconst lightColorPalette: ColorPalette = {\n  primary,\n  text: lightText,\n  background: {\n    primary: Color.BackgroundPrimary,\n    secondary: Color.BackgroundSecondary,\n    active: primary.brand,\n    highlight: primary.brand100,\n    disabled: Color.BackgroundInputDisabled,\n  },\n  variants: {\n    basic: {\n      active: Color.BackgroundButtonDefaultActive,\n      default: Color.BackgroundButtonDefault,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.CoreSlate100,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    outline: {\n      active: Color.BackgroundButtonOutlineActive,\n      default: Color.BackgroundButtonOutline,\n      hover: Color.BackgroundButtonOutlineHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.BackgroundButtonOutlineDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    primary: {\n      active: Color.BackgroundButtonPrimaryActive,\n      default: Color.BackgroundButtonPrimary,\n      hover: Color.BackgroundButtonPrimaryHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand200,\n      disabled: Color.BackgroundButtonPrimaryDisabled,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    inverse: {\n      active: primary.brand100,\n      default: primary.white,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand700,\n      disabled: primary.white,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    danger: {\n      active: Color.BackgroundButtonDangerActive,\n      default: Color.BackgroundButtonDanger,\n      hover: Color.BackgroundButtonDangerHover,\n      highlight: Color.CoreRed200,\n      highlightLight: Color.CoreRed100,\n      highlightDark: Color.CoreRed200,\n      disabled: Color.BackgroundButtonDangerDisabled,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    caution: {\n      active: Color.CoreYellow900,\n      default: Color.CoreYellow800,\n      hover: Color.CoreYellow700,\n      highlight: Color.CoreYellow200,\n      highlightLight: Color.CoreYellow100,\n      highlightDark: Color.CoreYellow200,\n      disabled: Color.CoreYellow100,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    success: {\n      active: Color.CoreGreen900,\n      default: Color.CoreGreen800,\n      hover: Color.CoreGreen700,\n      highlight: Color.CoreGreen200,\n      highlightLight: Color.CoreGreen100,\n      highlightDark: Color.CoreGreen200,\n      disabled: Color.CoreGreen100,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    text: {\n      active: Color.BackgroundButtonTextActive,\n      default: Color.BackgroundButtonText,\n      hover: Color.BackgroundButtonTextHover,\n      highlight: Color.BackgroundButtonTextHover,\n      highlightLight: Color.CoreSlate900,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.BackgroundButtonTextDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.secondary,\n    },\n  },\n  border: {\n    primary: Color.BorderHairline,\n    secondary: Color.BorderDivider,\n    active: Color.BorderInputActive,\n    input: Color.BorderInputDefault,\n    inputHover: Color.BorderInputHover,\n    disabled: Color.BorderInputDisabled,\n  },\n};\n\nconst darkColorPalette: ColorPalette = {\n  primary,\n  text: darkText,\n  background: {\n    primary: Color.CoreSlate1000,\n    secondary: Color.CoreSlate50,\n    active: primary.brand,\n    highlight: Color.PrimaryWhite,\n    disabled: Color.CoreSlate300,\n  },\n  variants: {\n    basic: {\n      active: Color.BackgroundButtonDefaultActive,\n      default: Color.BackgroundButtonDefault,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.CoreSlate100,\n      text: darkText.primary,\n      textDisabled: darkText.disabled,\n    },\n    outline: {\n      active: Color.BackgroundButtonOutlineActive,\n      default: Color.BackgroundButtonOutline,\n      hover: Color.BackgroundButtonOutlineHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.BackgroundButtonOutlineDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    primary: {\n      active: Color.CoreSlate900,\n      default: Color.CoreSlate1000,\n      hover: Color.BackgroundButtonPrimaryHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand200,\n      disabled: Color.BackgroundButtonPrimaryDisabled,\n      text: primary.white,\n      textDisabled: darkText.inverse,\n    },\n    inverse: {\n      active: primary.brand100,\n      default: primary.white,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand700,\n      disabled: primary.white,\n      text: darkText.inverse,\n      textDisabled: darkText.disabled,\n    },\n    danger: {\n      active: Color.BackgroundButtonDangerActive,\n      default: Color.BackgroundButtonDanger,\n      hover: Color.BackgroundButtonDangerHover,\n      highlight: Color.CoreRed300,\n      highlightLight: Color.CoreRed100,\n      highlightDark: Color.CoreRed300,\n      disabled: Color.BackgroundButtonDangerDisabled,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    caution: {\n      active: Color.CoreYellow900,\n      default: Color.CoreYellow800,\n      hover: Color.CoreYellow700,\n      highlight: Color.CoreYellow200,\n      highlightLight: Color.CoreYellow100,\n      highlightDark: Color.CoreYellow200,\n      disabled: Color.CoreYellow100,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    success: {\n      active: Color.CoreGreen900,\n      default: Color.CoreGreen800,\n      hover: Color.CoreGreen700,\n      highlight: Color.CoreGreen200,\n      highlightLight: Color.CoreGreen100,\n      highlightDark: Color.CoreGreen200,\n      disabled: Color.CoreGreen100,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    text: {\n      active: Color.BackgroundButtonTextActive,\n      default: Color.BackgroundButtonText,\n      hover: Color.BackgroundButtonTextHover,\n      highlight: Color.BackgroundButtonTextHover,\n      highlightLight: Color.CoreSlate900,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.BackgroundButtonTextDisabled,\n      text: darkText.primary,\n      textDisabled: darkText.secondary,\n    },\n  },\n  border: {\n    primary: Color.CoreSlate900,\n    secondary: Color.BorderDivider,\n    active: Color.BorderInputActive,\n    input: Color.BorderInputDefault,\n    inputHover: Color.BorderInputHover,\n    disabled: Color.BorderInputDisabled,\n  },\n};\n\nconst defaultTextSettings: TextSettings = {\n  fontFamily: {\n    base: FontFamilies.Primary,\n    mono: FontFamilies.Monospace,\n    semiMono: FontFamilies.SemiMonospace,\n  },\n  display: {\n    lg: Typography.DisplayLarge,\n    md: Typography.DisplayMedium,\n    sm: Typography.DisplaySmall,\n  },\n  heading: {\n    lg: Typography.HeadingLarge,\n    md: Typography.HeadingMedium,\n    sm: Typography.HeadingSmall,\n    xsm: Typography.HeadingExtraSmall,\n  },\n  paragraph: {\n    lg: Typography.TextLarge,\n    lgBold: Typography.TextLargeBold,\n    lgLight: Typography.TextLargeLight,\n    md: Typography.TextMedium,\n    mdBold: Typography.TextMediumBold,\n    mdLight: Typography.TextMediumLight,\n    mdLink: Typography.TextMediumLink,\n    sm: Typography.TextSmall,\n    smLink: Typography.TextSmallLink,\n    xs: Typography.TextExtraSmall,\n  },\n};\n\nconst textSettingsWithMarketingFont: TextSettings = {\n  ...defaultTextSettings,\n  fontFamily: {\n    base: FontFamilies.Primary,\n    mono: FontFamilies.Monospace,\n    semiMono: FontFamilies.SemiMonospace,\n  },\n};\n\nconst defaultElementSettings: ElementSettings = {\n  borderRadius: '4px',\n  height: {\n    xl: '128px',\n    lg: '56px',\n    md: '48px',\n    sm: '40px',\n    xs: '32px',\n  },\n  width: {\n    md: '228px',\n  },\n};\n\nconst defaultButtonSettings: ButtonSettings = {\n  borderRadius: '4px',\n  height: {\n    md: '32px',\n    sm: '24px',\n  },\n};\n\nconst defaultCardSettings: CardSettings = {\n  borderRadius: '8px',\n};\n\nconst defaultModalSettings: ModalSettings = {\n  borderRadius: {\n    xl: '8px',\n    lg: '4px',\n    md: '4px',\n  },\n  width: {\n    xl: '1020px',\n    lg: '720px',\n    md: '520px',\n  },\n};\n\nconst defaultTheme: PersonaTheme = {\n  color: lightColorPalette,\n  text: defaultTextSettings,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport const darkTheme: PersonaTheme = {\n  color: darkColorPalette,\n  text: defaultTextSettings,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport const marketingFontTheme: PersonaTheme = {\n  color: lightColorPalette,\n  text: textSettingsWithMarketingFont,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport default defaultTheme;\n"],"mappings":"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"}

package/dist/theme.d.cts

@@ -0,0 +1,2 @@
+import { a as darkTheme, i as Variant, n as PersonaTheme, o as defaultTheme, r as TextColors, s as marketingFontTheme, t as BackgroundColors } from "./theme-Cadb1xzQ.cjs";
+export { BackgroundColors, PersonaTheme, TextColors, Variant, darkTheme, defaultTheme as default, marketingFontTheme };

package/dist/theme.d.mts

@@ -0,0 +1,2 @@
+import { a as darkTheme, i as Variant, n as PersonaTheme, o as defaultTheme, r as TextColors, s as marketingFontTheme, t as BackgroundColors } from "./theme-DGAqgnUa.mjs";
+export { BackgroundColors, PersonaTheme, TextColors, Variant, darkTheme, defaultTheme as default, marketingFontTheme };

package/dist/theme.mjs

@@ -0,0 +1,346 @@
+import { Color, FontFamilies, Typography } from "@persona/design-tokens";
+//#region theme.ts
+const primary = {
+	black: Color.PrimaryBlack,
+	white: Color.PrimaryWhite,
+	brand: Color.PrimaryPurple,
+	brand800: Color.CorePurple800,
+	brand700: Color.CorePurple700,
+	brand600: Color.CorePurple600,
+	brand500: Color.CorePurple500,
+	brand400: Color.CorePurple400,
+	brand300: Color.CorePurple300,
+	brand200: Color.CorePurple200,
+	brand100: Color.CorePurple100
+};
+const lightText = {
+	primary: Color.TextPrimary,
+	secondary: Color.TextSecondary,
+	tertiary: Color.CoreSlate800,
+	brand: primary.brand,
+	inverse: Color.TextInverse,
+	disabled: Color.TextDisabled
+};
+const darkText = {
+	primary: Color.TextInverse,
+	secondary: Color.CoreSlate500,
+	tertiary: Color.CoreSlate800,
+	brand: primary.brand,
+	inverse: Color.TextPrimary,
+	disabled: Color.TextDisabled
+};
+const lightColorPalette = {
+	primary,
+	text: lightText,
+	background: {
+		primary: Color.BackgroundPrimary,
+		secondary: Color.BackgroundSecondary,
+		active: primary.brand,
+		highlight: primary.brand100,
+		disabled: Color.BackgroundInputDisabled
+	},
+	variants: {
+		basic: {
+			active: Color.BackgroundButtonDefaultActive,
+			default: Color.BackgroundButtonDefault,
+			hover: Color.BackgroundButtonDefaultHover,
+			highlight: Color.CoreSlate400,
+			highlightLight: Color.CoreSlate400,
+			highlightDark: Color.CoreSlate700,
+			disabled: Color.CoreSlate100,
+			text: lightText.primary,
+			textDisabled: lightText.disabled
+		},
+		outline: {
+			active: Color.BackgroundButtonOutlineActive,
+			default: Color.BackgroundButtonOutline,
+			hover: Color.BackgroundButtonOutlineHover,
+			highlight: Color.CoreSlate400,
+			highlightLight: Color.CoreSlate400,
+			highlightDark: Color.CoreSlate700,
+			disabled: Color.BackgroundButtonOutlineDisabled,
+			text: lightText.primary,
+			textDisabled: lightText.disabled
+		},
+		primary: {
+			active: Color.BackgroundButtonPrimaryActive,
+			default: Color.BackgroundButtonPrimary,
+			hover: Color.BackgroundButtonPrimaryHover,
+			highlight: primary.brand200,
+			highlightLight: primary.brand100,
+			highlightDark: primary.brand200,
+			disabled: Color.BackgroundButtonPrimaryDisabled,
+			text: lightText.inverse,
+			textDisabled: lightText.inverse
+		},
+		inverse: {
+			active: primary.brand100,
+			default: primary.white,
+			hover: Color.BackgroundButtonDefaultHover,
+			highlight: primary.brand200,
+			highlightLight: primary.brand100,
+			highlightDark: primary.brand700,
+			disabled: primary.white,
+			text: lightText.primary,
+			textDisabled: lightText.disabled
+		},
+		danger: {
+			active: Color.BackgroundButtonDangerActive,
+			default: Color.BackgroundButtonDanger,
+			hover: Color.BackgroundButtonDangerHover,
+			highlight: Color.CoreRed200,
+			highlightLight: Color.CoreRed100,
+			highlightDark: Color.CoreRed200,
+			disabled: Color.BackgroundButtonDangerDisabled,
+			text: lightText.inverse,
+			textDisabled: lightText.inverse
+		},
+		caution: {
+			active: Color.CoreYellow900,
+			default: Color.CoreYellow800,
+			hover: Color.CoreYellow700,
+			highlight: Color.CoreYellow200,
+			highlightLight: Color.CoreYellow100,
+			highlightDark: Color.CoreYellow200,
+			disabled: Color.CoreYellow100,
+			text: lightText.inverse,
+			textDisabled: lightText.inverse
+		},
+		success: {
+			active: Color.CoreGreen900,
+			default: Color.CoreGreen800,
+			hover: Color.CoreGreen700,
+			highlight: Color.CoreGreen200,
+			highlightLight: Color.CoreGreen100,
+			highlightDark: Color.CoreGreen200,
+			disabled: Color.CoreGreen100,
+			text: lightText.inverse,
+			textDisabled: lightText.inverse
+		},
+		text: {
+			active: Color.BackgroundButtonTextActive,
+			default: Color.BackgroundButtonText,
+			hover: Color.BackgroundButtonTextHover,
+			highlight: Color.BackgroundButtonTextHover,
+			highlightLight: Color.CoreSlate900,
+			highlightDark: Color.CoreSlate900,
+			disabled: Color.BackgroundButtonTextDisabled,
+			text: lightText.primary,
+			textDisabled: lightText.secondary
+		}
+	},
+	border: {
+		primary: Color.BorderHairline,
+		secondary: Color.BorderDivider,
+		active: Color.BorderInputActive,
+		input: Color.BorderInputDefault,
+		inputHover: Color.BorderInputHover,
+		disabled: Color.BorderInputDisabled
+	}
+};
+const darkColorPalette = {
+	primary,
+	text: darkText,
+	background: {
+		primary: Color.CoreSlate1000,
+		secondary: Color.CoreSlate50,
+		active: primary.brand,
+		highlight: Color.PrimaryWhite,
+		disabled: Color.CoreSlate300
+	},
+	variants: {
+		basic: {
+			active: Color.BackgroundButtonDefaultActive,
+			default: Color.BackgroundButtonDefault,
+			hover: Color.BackgroundButtonDefaultHover,
+			highlight: Color.CoreSlate400,
+			highlightLight: Color.CoreSlate400,
+			highlightDark: Color.CoreSlate900,
+			disabled: Color.CoreSlate100,
+			text: darkText.primary,
+			textDisabled: darkText.disabled
+		},
+		outline: {
+			active: Color.BackgroundButtonOutlineActive,
+			default: Color.BackgroundButtonOutline,
+			hover: Color.BackgroundButtonOutlineHover,
+			highlight: Color.CoreSlate400,
+			highlightLight: Color.CoreSlate400,
+			highlightDark: Color.CoreSlate700,
+			disabled: Color.BackgroundButtonOutlineDisabled,
+			text: lightText.primary,
+			textDisabled: lightText.disabled
+		},
+		primary: {
+			active: Color.CoreSlate900,
+			default: Color.CoreSlate1000,
+			hover: Color.BackgroundButtonPrimaryHover,
+			highlight: primary.brand200,
+			highlightLight: primary.brand100,
+			highlightDark: primary.brand200,
+			disabled: Color.BackgroundButtonPrimaryDisabled,
+			text: primary.white,
+			textDisabled: darkText.inverse
+		},
+		inverse: {
+			active: primary.brand100,
+			default: primary.white,
+			hover: Color.BackgroundButtonDefaultHover,
+			highlight: primary.brand200,
+			highlightLight: primary.brand100,
+			highlightDark: primary.brand700,
+			disabled: primary.white,
+			text: darkText.inverse,
+			textDisabled: darkText.disabled
+		},
+		danger: {
+			active: Color.BackgroundButtonDangerActive,
+			default: Color.BackgroundButtonDanger,
+			hover: Color.BackgroundButtonDangerHover,
+			highlight: Color.CoreRed300,
+			highlightLight: Color.CoreRed100,
+			highlightDark: Color.CoreRed300,
+			disabled: Color.BackgroundButtonDangerDisabled,
+			text: darkText.inverse,
+			textDisabled: darkText.inverse
+		},
+		caution: {
+			active: Color.CoreYellow900,
+			default: Color.CoreYellow800,
+			hover: Color.CoreYellow700,
+			highlight: Color.CoreYellow200,
+			highlightLight: Color.CoreYellow100,
+			highlightDark: Color.CoreYellow200,
+			disabled: Color.CoreYellow100,
+			text: darkText.inverse,
+			textDisabled: darkText.inverse
+		},
+		success: {
+			active: Color.CoreGreen900,
+			default: Color.CoreGreen800,
+			hover: Color.CoreGreen700,
+			highlight: Color.CoreGreen200,
+			highlightLight: Color.CoreGreen100,
+			highlightDark: Color.CoreGreen200,
+			disabled: Color.CoreGreen100,
+			text: darkText.inverse,
+			textDisabled: darkText.inverse
+		},
+		text: {
+			active: Color.BackgroundButtonTextActive,
+			default: Color.BackgroundButtonText,
+			hover: Color.BackgroundButtonTextHover,
+			highlight: Color.BackgroundButtonTextHover,
+			highlightLight: Color.CoreSlate900,
+			highlightDark: Color.CoreSlate900,
+			disabled: Color.BackgroundButtonTextDisabled,
+			text: darkText.primary,
+			textDisabled: darkText.secondary
+		}
+	},
+	border: {
+		primary: Color.CoreSlate900,
+		secondary: Color.BorderDivider,
+		active: Color.BorderInputActive,
+		input: Color.BorderInputDefault,
+		inputHover: Color.BorderInputHover,
+		disabled: Color.BorderInputDisabled
+	}
+};
+const defaultTextSettings = {
+	fontFamily: {
+		base: FontFamilies.Primary,
+		mono: FontFamilies.Monospace,
+		semiMono: FontFamilies.SemiMonospace
+	},
+	display: {
+		lg: Typography.DisplayLarge,
+		md: Typography.DisplayMedium,
+		sm: Typography.DisplaySmall
+	},
+	heading: {
+		lg: Typography.HeadingLarge,
+		md: Typography.HeadingMedium,
+		sm: Typography.HeadingSmall,
+		xsm: Typography.HeadingExtraSmall
+	},
+	paragraph: {
+		lg: Typography.TextLarge,
+		lgBold: Typography.TextLargeBold,
+		lgLight: Typography.TextLargeLight,
+		md: Typography.TextMedium,
+		mdBold: Typography.TextMediumBold,
+		mdLight: Typography.TextMediumLight,
+		mdLink: Typography.TextMediumLink,
+		sm: Typography.TextSmall,
+		smLink: Typography.TextSmallLink,
+		xs: Typography.TextExtraSmall
+	}
+};
+const textSettingsWithMarketingFont = {
+	...defaultTextSettings,
+	fontFamily: {
+		base: FontFamilies.Primary,
+		mono: FontFamilies.Monospace,
+		semiMono: FontFamilies.SemiMonospace
+	}
+};
+const defaultElementSettings = {
+	borderRadius: "4px",
+	height: {
+		xl: "128px",
+		lg: "56px",
+		md: "48px",
+		sm: "40px",
+		xs: "32px"
+	},
+	width: { md: "228px" }
+};
+const defaultButtonSettings = {
+	borderRadius: "4px",
+	height: {
+		md: "32px",
+		sm: "24px"
+	}
+};
+const defaultCardSettings = { borderRadius: "8px" };
+const defaultModalSettings = {
+	borderRadius: {
+		xl: "8px",
+		lg: "4px",
+		md: "4px"
+	},
+	width: {
+		xl: "1020px",
+		lg: "720px",
+		md: "520px"
+	}
+};
+const defaultTheme = {
+	color: lightColorPalette,
+	text: defaultTextSettings,
+	element: defaultElementSettings,
+	button: defaultButtonSettings,
+	card: defaultCardSettings,
+	modal: defaultModalSettings
+};
+const darkTheme = {
+	color: darkColorPalette,
+	text: defaultTextSettings,
+	element: defaultElementSettings,
+	button: defaultButtonSettings,
+	card: defaultCardSettings,
+	modal: defaultModalSettings
+};
+const marketingFontTheme = {
+	color: lightColorPalette,
+	text: textSettingsWithMarketingFont,
+	element: defaultElementSettings,
+	button: defaultButtonSettings,
+	card: defaultCardSettings,
+	modal: defaultModalSettings
+};
+//#endregion
+export { darkTheme, defaultTheme as default, marketingFontTheme };
+
+//# sourceMappingURL=theme.mjs.map

package/dist/theme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.mjs","names":[],"sources":["../theme.ts"],"sourcesContent":["import { Color, FontFamilies, type PDSTypeStyle, Typography } from '@persona/design-tokens';\n\ninterface PrimaryColors {\n  black: Color;\n  white: Color;\n  brand: Color;\n  brand800: Color;\n  brand700: Color;\n  brand600: Color;\n  brand500: Color;\n  brand400: Color;\n  brand300: Color;\n  brand200: Color;\n  brand100: Color;\n}\n\nexport interface TextColors {\n  primary: Color;\n  secondary: Color;\n  tertiary: Color;\n  brand: Color;\n  inverse: Color;\n  disabled: Color;\n}\n\nexport interface BackgroundColors {\n  primary: Color;\n  secondary: Color;\n  active: Color;\n  highlight: Color;\n  disabled: Color;\n}\n\nexport type Variant =\n  | 'basic'\n  | 'caution'\n  | 'danger'\n  | 'inverse'\n  | 'outline'\n  | 'primary'\n  | 'success'\n  | 'text';\n\ninterface VariantPalette {\n  /**\n   * Activated color. Mousedowns for buttons, hover for dropdowns, etc.\n   */\n  active: Color;\n  /**\n   * Passive color when not interacted.\n   */\n  default: Color;\n  /**\n   * Focus state, borders, etc. Generally lighter than the default color.\n   */\n  highlight: Color;\n  /**\n   * Alternative highlight color.\n   */\n  highlightLight: Color;\n  /**\n   * Alternative highlight color.\n   */\n  highlightDark: Color;\n\n  /**\n   * Disabled background\n   */\n  disabled: Color;\n\n  text: Color;\n  textDisabled: Color;\n\n  hover: Color;\n}\n\ninterface ColorPalette {\n  primary: PrimaryColors;\n  text: TextColors;\n  variants: Record<Variant, VariantPalette>;\n  background: BackgroundColors;\n  border: {\n    primary: Color;\n    secondary: Color;\n    active: Color;\n    input: Color;\n    inputHover: Color;\n    disabled: Color;\n  };\n}\n\ninterface TextSettings {\n  fontFamily: {\n    base: string;\n    mono: string;\n    semiMono: string;\n  };\n  display: {\n    lg: PDSTypeStyle;\n    md: PDSTypeStyle;\n    sm: PDSTypeStyle;\n  };\n  heading: {\n    lg: PDSTypeStyle;\n    md: PDSTypeStyle;\n    sm: PDSTypeStyle;\n    xsm: PDSTypeStyle;\n  };\n  paragraph: {\n    lg: PDSTypeStyle;\n    lgBold: PDSTypeStyle;\n    lgLight: PDSTypeStyle;\n    md: PDSTypeStyle;\n    mdBold: PDSTypeStyle;\n    mdLight: PDSTypeStyle;\n    mdLink: PDSTypeStyle;\n    sm: PDSTypeStyle;\n    smLink: PDSTypeStyle;\n    xs: PDSTypeStyle;\n  };\n}\n\n// SHARED ELEMENT VARIABLES\n// For inputs, selects, and input-like components\ninterface ElementSettings {\n  borderRadius: string;\n  height: {\n    xl: string;\n    lg: string;\n    md: string;\n    sm: string;\n    xs: string;\n  };\n  width: {\n    md: string;\n  };\n}\n\n// COMPONENT SPECIFIC VARIABLES\ninterface ButtonSettings {\n  borderRadius: string;\n  height: {\n    md: string;\n    sm: string;\n  };\n}\n\ninterface CardSettings {\n  borderRadius: string;\n}\n\ninterface ModalSettings {\n  borderRadius: {\n    xl: string;\n    lg: string;\n    md: string;\n  };\n  width: {\n    xl: string;\n    lg: string;\n    md: string;\n  };\n}\n\nexport interface PersonaTheme {\n  color: ColorPalette;\n  text: TextSettings;\n  element: ElementSettings;\n  card: CardSettings;\n  button: ButtonSettings;\n  modal: ModalSettings;\n}\n\nconst primary: PrimaryColors = {\n  black: Color.PrimaryBlack,\n  white: Color.PrimaryWhite,\n  brand: Color.PrimaryPurple,\n  brand800: Color.CorePurple800,\n  brand700: Color.CorePurple700,\n  brand600: Color.CorePurple600,\n  brand500: Color.CorePurple500,\n  brand400: Color.CorePurple400,\n  brand300: Color.CorePurple300,\n  brand200: Color.CorePurple200,\n  brand100: Color.CorePurple100,\n};\n\n// for active state, use variant!\nconst lightText: TextColors = {\n  primary: Color.TextPrimary,\n  secondary: Color.TextSecondary,\n  tertiary: Color.CoreSlate800,\n  brand: primary.brand,\n  inverse: Color.TextInverse,\n  disabled: Color.TextDisabled,\n};\n\n// for active state, use variant!\nconst darkText: TextColors = {\n  primary: Color.TextInverse,\n  secondary: Color.CoreSlate500,\n  tertiary: Color.CoreSlate800,\n  brand: primary.brand,\n  inverse: Color.TextPrimary,\n  disabled: Color.TextDisabled,\n};\n\nconst lightColorPalette: ColorPalette = {\n  primary,\n  text: lightText,\n  background: {\n    primary: Color.BackgroundPrimary,\n    secondary: Color.BackgroundSecondary,\n    active: primary.brand,\n    highlight: primary.brand100,\n    disabled: Color.BackgroundInputDisabled,\n  },\n  variants: {\n    basic: {\n      active: Color.BackgroundButtonDefaultActive,\n      default: Color.BackgroundButtonDefault,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.CoreSlate100,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    outline: {\n      active: Color.BackgroundButtonOutlineActive,\n      default: Color.BackgroundButtonOutline,\n      hover: Color.BackgroundButtonOutlineHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.BackgroundButtonOutlineDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    primary: {\n      active: Color.BackgroundButtonPrimaryActive,\n      default: Color.BackgroundButtonPrimary,\n      hover: Color.BackgroundButtonPrimaryHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand200,\n      disabled: Color.BackgroundButtonPrimaryDisabled,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    inverse: {\n      active: primary.brand100,\n      default: primary.white,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand700,\n      disabled: primary.white,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    danger: {\n      active: Color.BackgroundButtonDangerActive,\n      default: Color.BackgroundButtonDanger,\n      hover: Color.BackgroundButtonDangerHover,\n      highlight: Color.CoreRed200,\n      highlightLight: Color.CoreRed100,\n      highlightDark: Color.CoreRed200,\n      disabled: Color.BackgroundButtonDangerDisabled,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    caution: {\n      active: Color.CoreYellow900,\n      default: Color.CoreYellow800,\n      hover: Color.CoreYellow700,\n      highlight: Color.CoreYellow200,\n      highlightLight: Color.CoreYellow100,\n      highlightDark: Color.CoreYellow200,\n      disabled: Color.CoreYellow100,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    success: {\n      active: Color.CoreGreen900,\n      default: Color.CoreGreen800,\n      hover: Color.CoreGreen700,\n      highlight: Color.CoreGreen200,\n      highlightLight: Color.CoreGreen100,\n      highlightDark: Color.CoreGreen200,\n      disabled: Color.CoreGreen100,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    text: {\n      active: Color.BackgroundButtonTextActive,\n      default: Color.BackgroundButtonText,\n      hover: Color.BackgroundButtonTextHover,\n      highlight: Color.BackgroundButtonTextHover,\n      highlightLight: Color.CoreSlate900,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.BackgroundButtonTextDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.secondary,\n    },\n  },\n  border: {\n    primary: Color.BorderHairline,\n    secondary: Color.BorderDivider,\n    active: Color.BorderInputActive,\n    input: Color.BorderInputDefault,\n    inputHover: Color.BorderInputHover,\n    disabled: Color.BorderInputDisabled,\n  },\n};\n\nconst darkColorPalette: ColorPalette = {\n  primary,\n  text: darkText,\n  background: {\n    primary: Color.CoreSlate1000,\n    secondary: Color.CoreSlate50,\n    active: primary.brand,\n    highlight: Color.PrimaryWhite,\n    disabled: Color.CoreSlate300,\n  },\n  variants: {\n    basic: {\n      active: Color.BackgroundButtonDefaultActive,\n      default: Color.BackgroundButtonDefault,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.CoreSlate100,\n      text: darkText.primary,\n      textDisabled: darkText.disabled,\n    },\n    outline: {\n      active: Color.BackgroundButtonOutlineActive,\n      default: Color.BackgroundButtonOutline,\n      hover: Color.BackgroundButtonOutlineHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.BackgroundButtonOutlineDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    primary: {\n      active: Color.CoreSlate900,\n      default: Color.CoreSlate1000,\n      hover: Color.BackgroundButtonPrimaryHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand200,\n      disabled: Color.BackgroundButtonPrimaryDisabled,\n      text: primary.white,\n      textDisabled: darkText.inverse,\n    },\n    inverse: {\n      active: primary.brand100,\n      default: primary.white,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand700,\n      disabled: primary.white,\n      text: darkText.inverse,\n      textDisabled: darkText.disabled,\n    },\n    danger: {\n      active: Color.BackgroundButtonDangerActive,\n      default: Color.BackgroundButtonDanger,\n      hover: Color.BackgroundButtonDangerHover,\n      highlight: Color.CoreRed300,\n      highlightLight: Color.CoreRed100,\n      highlightDark: Color.CoreRed300,\n      disabled: Color.BackgroundButtonDangerDisabled,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    caution: {\n      active: Color.CoreYellow900,\n      default: Color.CoreYellow800,\n      hover: Color.CoreYellow700,\n      highlight: Color.CoreYellow200,\n      highlightLight: Color.CoreYellow100,\n      highlightDark: Color.CoreYellow200,\n      disabled: Color.CoreYellow100,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    success: {\n      active: Color.CoreGreen900,\n      default: Color.CoreGreen800,\n      hover: Color.CoreGreen700,\n      highlight: Color.CoreGreen200,\n      highlightLight: Color.CoreGreen100,\n      highlightDark: Color.CoreGreen200,\n      disabled: Color.CoreGreen100,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    text: {\n      active: Color.BackgroundButtonTextActive,\n      default: Color.BackgroundButtonText,\n      hover: Color.BackgroundButtonTextHover,\n      highlight: Color.BackgroundButtonTextHover,\n      highlightLight: Color.CoreSlate900,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.BackgroundButtonTextDisabled,\n      text: darkText.primary,\n      textDisabled: darkText.secondary,\n    },\n  },\n  border: {\n    primary: Color.CoreSlate900,\n    secondary: Color.BorderDivider,\n    active: Color.BorderInputActive,\n    input: Color.BorderInputDefault,\n    inputHover: Color.BorderInputHover,\n    disabled: Color.BorderInputDisabled,\n  },\n};\n\nconst defaultTextSettings: TextSettings = {\n  fontFamily: {\n    base: FontFamilies.Primary,\n    mono: FontFamilies.Monospace,\n    semiMono: FontFamilies.SemiMonospace,\n  },\n  display: {\n    lg: Typography.DisplayLarge,\n    md: Typography.DisplayMedium,\n    sm: Typography.DisplaySmall,\n  },\n  heading: {\n    lg: Typography.HeadingLarge,\n    md: Typography.HeadingMedium,\n    sm: Typography.HeadingSmall,\n    xsm: Typography.HeadingExtraSmall,\n  },\n  paragraph: {\n    lg: Typography.TextLarge,\n    lgBold: Typography.TextLargeBold,\n    lgLight: Typography.TextLargeLight,\n    md: Typography.TextMedium,\n    mdBold: Typography.TextMediumBold,\n    mdLight: Typography.TextMediumLight,\n    mdLink: Typography.TextMediumLink,\n    sm: Typography.TextSmall,\n    smLink: Typography.TextSmallLink,\n    xs: Typography.TextExtraSmall,\n  },\n};\n\nconst textSettingsWithMarketingFont: TextSettings = {\n  ...defaultTextSettings,\n  fontFamily: {\n    base: FontFamilies.Primary,\n    mono: FontFamilies.Monospace,\n    semiMono: FontFamilies.SemiMonospace,\n  },\n};\n\nconst defaultElementSettings: ElementSettings = {\n  borderRadius: '4px',\n  height: {\n    xl: '128px',\n    lg: '56px',\n    md: '48px',\n    sm: '40px',\n    xs: '32px',\n  },\n  width: {\n    md: '228px',\n  },\n};\n\nconst defaultButtonSettings: ButtonSettings = {\n  borderRadius: '4px',\n  height: {\n    md: '32px',\n    sm: '24px',\n  },\n};\n\nconst defaultCardSettings: CardSettings = {\n  borderRadius: '8px',\n};\n\nconst defaultModalSettings: ModalSettings = {\n  borderRadius: {\n    xl: '8px',\n    lg: '4px',\n    md: '4px',\n  },\n  width: {\n    xl: '1020px',\n    lg: '720px',\n    md: '520px',\n  },\n};\n\nconst defaultTheme: PersonaTheme = {\n  color: lightColorPalette,\n  text: defaultTextSettings,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport const darkTheme: PersonaTheme = {\n  color: darkColorPalette,\n  text: defaultTextSettings,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport const marketingFontTheme: PersonaTheme = {\n  color: lightColorPalette,\n  text: textSettingsWithMarketingFont,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport default defaultTheme;\n"],"mappings":"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"}

package/dist/types-DzHQ5MGm.d.mts

@@ -0,0 +1,69 @@
+import { Ref, RefObject } from "react";
+
+//#region lib/register/types.d.ts
+/**
+ * Base fields shared by all component descriptors.
+ *
+ * @template T - The DOM element type the component renders.
+ */
+type ComponentDescriptorBase<T extends HTMLElement = HTMLElement> = {
+  /** Optional forwarded ref from forwardRef — will be merged with the returned ref. */ref?: Ref<T>; /** Human-readable label describing this component (used for ID generation and LLM context). */
+  description: string; /** When false, the component is not registered with the control system. Default: true. */
+  enabled?: boolean;
+  /** When true, the component is registered locally so a UI affordance can invoke
+   *  its `onAction`, but it is pruned from the tree sent to the LLM — the model
+   *  never sees it as a callable tool. For user-triggered "apply to the UI"
+   *  actions (e.g. an "Update editor" button). Default false. */
+  uiOnly?: boolean; /** Current display value, normalized to a string by the hook. */
+  value?: string; /** Available option values (for select/combobox components). */
+  options?: string[]; /** Whether the component supports multiple selection. */
+  multiple?: boolean; /** @internal Base signature — narrowed by each descriptor subtype. */
+  onAction?: (...args: never[]) => void | Promise<void>;
+};
+/**
+ * Descriptor for clickable elements (buttons, menu items).
+ *
+ * `onAction` receives arbitrary params from the caller and a ref to the DOM element.
+ * Typical implementation: `(_params, elRef) => elRef.current?.click()`.
+ */
+type ButtonDescriptor = ComponentDescriptorBase<HTMLElement> & {
+  type: 'button';
+  onAction?: (params: Record<string, unknown>, ref: RefObject<HTMLElement | null>) => void | Promise<void>;
+};
+/**
+ * Descriptor for text inputs and textareas.
+ *
+ * `onAction` receives `{ value }` with the new value to set, plus a ref to the element.
+ */
+type InputDescriptor<V extends string = string, A extends {
+  value: string;
+} = {
+  value: string;
+}> = ComponentDescriptorBase<HTMLInputElement | HTMLTextAreaElement> & {
+  type: 'input';
+  value?: V;
+  onAction?: (params: A, ref: RefObject<HTMLInputElement | HTMLTextAreaElement | null>) => void | Promise<void>;
+};
+/**
+ * Descriptor for select/combobox components.
+ *
+ * `onAction` receives `{ value }` for single-select or `{ values }` for multi-select,
+ * plus a ref to the element.
+ */
+type SelectDescriptor<V extends string | string[] = string | string[], A extends {
+  value: string;
+} = {
+  value: string;
+  values?: string[];
+}> = ComponentDescriptorBase<HTMLElement> & {
+  type: 'select';
+  value?: V;
+  options?: string[];
+  multiple?: boolean;
+  onAction?: (params: A, ref: RefObject<HTMLElement | null>) => void | Promise<void>;
+};
+/** Discriminated union of all component descriptor types. */
+type ComponentDescriptor = ButtonDescriptor | InputDescriptor | SelectDescriptor;
+//#endregion
+export { SelectDescriptor as i, ComponentDescriptor as n, InputDescriptor as r, ButtonDescriptor as t };
+//# sourceMappingURL=types-DzHQ5MGm.d.mts.map

package/dist/types-N-cXznfM.d.cts

@@ -0,0 +1,69 @@
+import { Ref, RefObject } from "react";
+
+//#region lib/register/types.d.ts
+/**
+ * Base fields shared by all component descriptors.
+ *
+ * @template T - The DOM element type the component renders.
+ */
+type ComponentDescriptorBase<T extends HTMLElement = HTMLElement> = {
+  /** Optional forwarded ref from forwardRef — will be merged with the returned ref. */ref?: Ref<T>; /** Human-readable label describing this component (used for ID generation and LLM context). */
+  description: string; /** When false, the component is not registered with the control system. Default: true. */
+  enabled?: boolean;
+  /** When true, the component is registered locally so a UI affordance can invoke
+   *  its `onAction`, but it is pruned from the tree sent to the LLM — the model
+   *  never sees it as a callable tool. For user-triggered "apply to the UI"
+   *  actions (e.g. an "Update editor" button). Default false. */
+  uiOnly?: boolean; /** Current display value, normalized to a string by the hook. */
+  value?: string; /** Available option values (for select/combobox components). */
+  options?: string[]; /** Whether the component supports multiple selection. */
+  multiple?: boolean; /** @internal Base signature — narrowed by each descriptor subtype. */
+  onAction?: (...args: never[]) => void | Promise<void>;
+};
+/**
+ * Descriptor for clickable elements (buttons, menu items).
+ *
+ * `onAction` receives arbitrary params from the caller and a ref to the DOM element.
+ * Typical implementation: `(_params, elRef) => elRef.current?.click()`.
+ */
+type ButtonDescriptor = ComponentDescriptorBase<HTMLElement> & {
+  type: 'button';
+  onAction?: (params: Record<string, unknown>, ref: RefObject<HTMLElement | null>) => void | Promise<void>;
+};
+/**
+ * Descriptor for text inputs and textareas.
+ *
+ * `onAction` receives `{ value }` with the new value to set, plus a ref to the element.
+ */
+type InputDescriptor<V extends string = string, A extends {
+  value: string;
+} = {
+  value: string;
+}> = ComponentDescriptorBase<HTMLInputElement | HTMLTextAreaElement> & {
+  type: 'input';
+  value?: V;
+  onAction?: (params: A, ref: RefObject<HTMLInputElement | HTMLTextAreaElement | null>) => void | Promise<void>;
+};
+/**
+ * Descriptor for select/combobox components.
+ *
+ * `onAction` receives `{ value }` for single-select or `{ values }` for multi-select,
+ * plus a ref to the element.
+ */
+type SelectDescriptor<V extends string | string[] = string | string[], A extends {
+  value: string;
+} = {
+  value: string;
+  values?: string[];
+}> = ComponentDescriptorBase<HTMLElement> & {
+  type: 'select';
+  value?: V;
+  options?: string[];
+  multiple?: boolean;
+  onAction?: (params: A, ref: RefObject<HTMLElement | null>) => void | Promise<void>;
+};
+/** Discriminated union of all component descriptor types. */
+type ComponentDescriptor = ButtonDescriptor | InputDescriptor | SelectDescriptor;
+//#endregion
+export { SelectDescriptor as i, ComponentDescriptor as n, InputDescriptor as r, ButtonDescriptor as t };
+//# sourceMappingURL=types-N-cXznfM.d.cts.map

package/dist/useFormField-Ba0CQ43u.d.cts

@@ -0,0 +1,30 @@
+import { t as ErrorProps } from "./ErrorProps-DLdVsYlk.cjs";
+import * as _$react from "react";
+
+//#region components/FormControl/useFormField.d.ts
+interface FormControlContextProps extends ErrorProps {
+  inputId?: string;
+  helperTextId?: string;
+  errorTextId?: string;
+  warningTextId?: string;
+  labelId?: string;
+  disabled?: boolean;
+  maxLength?: number;
+  configField?: boolean;
+}
+declare const FormControlContext: _$react.Context<FormControlContextProps>;
+declare const useFormField: (props: Partial<FormControlContextProps>) => {
+  configField: boolean | undefined;
+  hasError: boolean | undefined;
+  hasWarning: boolean | undefined;
+  inputId: string | undefined;
+  helperTextId: string | undefined;
+  errorTextId: string | undefined;
+  warningTextId: string | undefined;
+  labelId: string | undefined;
+  disabled: boolean | undefined;
+  maxLength: number | undefined;
+};
+//#endregion
+export { FormControlContextProps as n, useFormField as r, FormControlContext as t };
+//# sourceMappingURL=useFormField-Ba0CQ43u.d.cts.map

package/dist/useFormField-BmtItl8y.d.mts

@@ -0,0 +1,30 @@
+import { t as ErrorProps } from "./ErrorProps-DYUKygmd.mjs";
+import * as _$react from "react";
+
+//#region components/FormControl/useFormField.d.ts
+interface FormControlContextProps extends ErrorProps {
+  inputId?: string;
+  helperTextId?: string;
+  errorTextId?: string;
+  warningTextId?: string;
+  labelId?: string;
+  disabled?: boolean;
+  maxLength?: number;
+  configField?: boolean;
+}
+declare const FormControlContext: _$react.Context<FormControlContextProps>;
+declare const useFormField: (props: Partial<FormControlContextProps>) => {
+  configField: boolean | undefined;
+  hasError: boolean | undefined;
+  hasWarning: boolean | undefined;
+  inputId: string | undefined;
+  helperTextId: string | undefined;
+  errorTextId: string | undefined;
+  warningTextId: string | undefined;
+  labelId: string | undefined;
+  disabled: boolean | undefined;
+  maxLength: number | undefined;
+};
+//#endregion
+export { FormControlContextProps as n, useFormField as r, FormControlContext as t };
+//# sourceMappingURL=useFormField-BmtItl8y.d.mts.map