@phcdevworks/spectre-ui 1.1.2 → 1.3.0

package/dist/index.d.cts

@@ -35,6 +35,7 @@ interface ButtonRecipeOptions {
     loading?: boolean;
     disabled?: boolean;
     hovered?: boolean;
+    focused?: boolean;
     active?: boolean;
     iconOnly?: boolean;
     pill?: boolean;
@@ -57,6 +58,7 @@ interface CardRecipeOptions {
     loading?: boolean;
     hovered?: boolean;
     focused?: boolean;
+    active?: boolean;
 }
 declare function getCardClasses(opts?: CardRecipeOptions): string;
 
@@ -81,6 +83,7 @@ interface InputRecipeOptions {
     pill?: boolean;
     focused?: boolean;
     hovered?: boolean;
+    active?: boolean;
 }
 declare function getInputClasses(opts?: InputRecipeOptions): string;
 
@@ -109,6 +112,8 @@ interface BadgeRecipeOptions {
     size?: BadgeSize;
     interactive?: boolean;
     hovered?: boolean;
+    focused?: boolean;
+    active?: boolean;
     disabled?: boolean;
     loading?: boolean;
 }
@@ -133,6 +138,11 @@ interface IconBoxRecipeOptions {
     size?: IconBoxSize;
     disabled?: boolean;
     loading?: boolean;
+    interactive?: boolean;
+    hovered?: boolean;
+    focused?: boolean;
+    active?: boolean;
+    pill?: boolean;
 }
 declare function getIconBoxClasses(opts?: IconBoxRecipeOptions): string;
 
@@ -143,6 +153,10 @@ declare function getIconBoxClasses(opts?: IconBoxRecipeOptions): string;
 interface TestimonialRecipeOptions {
     disabled?: boolean;
     loading?: boolean;
+    interactive?: boolean;
+    hovered?: boolean;
+    focused?: boolean;
+    active?: boolean;
 }
 declare function getTestimonialClasses(opts?: TestimonialRecipeOptions): string;
 declare function getTestimonialQuoteClasses(): string;
@@ -159,6 +173,10 @@ interface PricingCardRecipeOptions {
     featured?: boolean;
     disabled?: boolean;
     loading?: boolean;
+    interactive?: boolean;
+    hovered?: boolean;
+    focused?: boolean;
+    active?: boolean;
 }
 declare function getPricingCardClasses(opts?: PricingCardRecipeOptions): string;
 declare function getPricingCardBadgeClasses(): string;
@@ -166,13 +184,24 @@ declare function getPricingCardPriceContainerClasses(): string;
 declare function getPricingCardPriceClasses(): string;
 declare function getPricingCardDescriptionClasses(): string;
 
+declare const RATING_SIZES: {
+    readonly sm: true;
+    readonly md: true;
+    readonly lg: true;
+};
+type RatingSize = keyof typeof RATING_SIZES;
 /**
  * Generate classes for the Rating component.
  * @sync v2.x - Synced with latest design tokens.
  */
 interface RatingRecipeOptions {
+    size?: RatingSize;
     disabled?: boolean;
     loading?: boolean;
+    interactive?: boolean;
+    hovered?: boolean;
+    focused?: boolean;
+    active?: boolean;
 }
 declare function getRatingClasses(opts?: RatingRecipeOptions): string;
 declare function getRatingStarsClasses(): string;

package/dist/index.d.ts

@@ -35,6 +35,7 @@ interface ButtonRecipeOptions {
     loading?: boolean;
     disabled?: boolean;
     hovered?: boolean;
+    focused?: boolean;
     active?: boolean;
     iconOnly?: boolean;
     pill?: boolean;
@@ -57,6 +58,7 @@ interface CardRecipeOptions {
     loading?: boolean;
     hovered?: boolean;
     focused?: boolean;
+    active?: boolean;
 }
 declare function getCardClasses(opts?: CardRecipeOptions): string;
 
@@ -81,6 +83,7 @@ interface InputRecipeOptions {
     pill?: boolean;
     focused?: boolean;
     hovered?: boolean;
+    active?: boolean;
 }
 declare function getInputClasses(opts?: InputRecipeOptions): string;
 
@@ -109,6 +112,8 @@ interface BadgeRecipeOptions {
     size?: BadgeSize;
     interactive?: boolean;
     hovered?: boolean;
+    focused?: boolean;
+    active?: boolean;
     disabled?: boolean;
     loading?: boolean;
 }
@@ -133,6 +138,11 @@ interface IconBoxRecipeOptions {
     size?: IconBoxSize;
     disabled?: boolean;
     loading?: boolean;
+    interactive?: boolean;
+    hovered?: boolean;
+    focused?: boolean;
+    active?: boolean;
+    pill?: boolean;
 }
 declare function getIconBoxClasses(opts?: IconBoxRecipeOptions): string;
 
@@ -143,6 +153,10 @@ declare function getIconBoxClasses(opts?: IconBoxRecipeOptions): string;
 interface TestimonialRecipeOptions {
     disabled?: boolean;
     loading?: boolean;
+    interactive?: boolean;
+    hovered?: boolean;
+    focused?: boolean;
+    active?: boolean;
 }
 declare function getTestimonialClasses(opts?: TestimonialRecipeOptions): string;
 declare function getTestimonialQuoteClasses(): string;
@@ -159,6 +173,10 @@ interface PricingCardRecipeOptions {
     featured?: boolean;
     disabled?: boolean;
     loading?: boolean;
+    interactive?: boolean;
+    hovered?: boolean;
+    focused?: boolean;
+    active?: boolean;
 }
 declare function getPricingCardClasses(opts?: PricingCardRecipeOptions): string;
 declare function getPricingCardBadgeClasses(): string;
@@ -166,13 +184,24 @@ declare function getPricingCardPriceContainerClasses(): string;
 declare function getPricingCardPriceClasses(): string;
 declare function getPricingCardDescriptionClasses(): string;
 
+declare const RATING_SIZES: {
+    readonly sm: true;
+    readonly md: true;
+    readonly lg: true;
+};
+type RatingSize = keyof typeof RATING_SIZES;
 /**
  * Generate classes for the Rating component.
  * @sync v2.x - Synced with latest design tokens.
  */
 interface RatingRecipeOptions {
+    size?: RatingSize;
     disabled?: boolean;
     loading?: boolean;
+    interactive?: boolean;
+    hovered?: boolean;
+    focused?: boolean;
+    active?: boolean;
 }
 declare function getRatingClasses(opts?: RatingRecipeOptions): string;
 declare function getRatingStarsClasses(): string;

package/dist/index.js

@@ -70,6 +70,7 @@ function getButtonClasses(opts = {}) {
     loading = false,
     disabled = false,
     hovered = false,
+    focused = false,
     active = false,
     iconOnly = false,
     pill = false
@@ -110,6 +111,7 @@ function getButtonClasses(opts = {}) {
     loading && "sp-btn--loading",
     disabled && "sp-btn--disabled",
     hovered && "sp-btn--hover",
+    focused && "sp-btn--focus",
     active && "sp-btn--active",
     iconOnly && "sp-btn--icon",
     pill && "sp-btn--pill"
@@ -132,7 +134,8 @@ function getCardClasses(opts = {}) {
     disabled = false,
     loading = false,
     hovered = false,
-    focused = false
+    focused = false,
+    active = false
   } = opts;
   const variant = resolveOption({
     name: "card variant",
@@ -156,7 +159,8 @@ function getCardClasses(opts = {}) {
     disabled && "sp-card--disabled",
     loading && "sp-card--loading",
     hovered && "sp-card--hover",
-    focused && "sp-card--focus"
+    focused && "sp-card--focus",
+    active && "sp-card--active"
   );
 }
 
@@ -180,7 +184,8 @@ function getInputClasses(opts = {}) {
     fullWidth = false,
     pill = false,
     focused = false,
-    hovered = false
+    hovered = false,
+    active = false
   } = opts;
   const state = resolveOption({
     name: "input state",
@@ -210,6 +215,7 @@ function getInputClasses(opts = {}) {
     state === "loading" && "sp-input--loading",
     focused && "sp-input--focus",
     hovered && "sp-input--hover",
+    active && "sp-input--active",
     fullWidth && "sp-input--full",
     pill && "sp-input--pill"
   );
@@ -231,7 +237,7 @@ var BADGE_SIZES = {
   lg: true
 };
 function getBadgeClasses(opts = {}) {
-  const { variant: variantInput, size: sizeInput, interactive, hovered, disabled, loading } = opts;
+  const { variant: variantInput, size: sizeInput, interactive, hovered, focused, active, disabled, loading } = opts;
   const variant = resolveOption({
     name: "badge variant",
     value: variantInput,
@@ -266,6 +272,8 @@ function getBadgeClasses(opts = {}) {
     sizeClass,
     interactive && "sp-badge--interactive",
     hovered && "sp-badge--hover",
+    focused && "sp-badge--focus",
+    active && "sp-badge--active",
     disabled && "sp-badge--disabled",
     loading && "sp-badge--loading"
   );
@@ -285,7 +293,17 @@ var ICONBOX_SIZES = {
   lg: true
 };
 function getIconBoxClasses(opts = {}) {
-  const { variant: variantInput, size: sizeInput, disabled = false, loading = false } = opts;
+  const {
+    variant: variantInput,
+    size: sizeInput,
+    disabled = false,
+    loading = false,
+    interactive = false,
+    hovered = false,
+    focused = false,
+    active = false,
+    pill = false
+  } = opts;
   const variant = resolveOption({
     name: "icon box variant",
     value: variantInput,
@@ -317,17 +335,33 @@ function getIconBoxClasses(opts = {}) {
     variantClass,
     sizeClass,
     disabled && "sp-iconbox--disabled",
-    loading && "sp-iconbox--loading"
+    loading && "sp-iconbox--loading",
+    interactive && "sp-iconbox--interactive",
+    hovered && "sp-iconbox--hover",
+    focused && "sp-iconbox--focus",
+    active && "sp-iconbox--active",
+    pill && "sp-iconbox--pill"
   );
 }
 
 // src/recipes/testimonial.ts
 function getTestimonialClasses(opts = {}) {
-  const { disabled = false, loading = false } = opts;
+  const {
+    disabled = false,
+    loading = false,
+    interactive = false,
+    hovered = false,
+    focused = false,
+    active = false
+  } = opts;
   return cx(
     "sp-testimonial",
     disabled && "sp-testimonial--disabled",
-    loading && "sp-testimonial--loading"
+    loading && "sp-testimonial--loading",
+    interactive && "sp-testimonial--interactive",
+    hovered && "sp-testimonial--hover",
+    focused && "sp-testimonial--focus",
+    active && "sp-testimonial--active"
   );
 }
 function getTestimonialQuoteClasses() {
@@ -348,12 +382,24 @@ function getTestimonialAuthorTitleClasses() {
 
 // src/recipes/pricing-card.ts
 function getPricingCardClasses(opts = {}) {
-  const { featured = false, disabled = false, loading = false } = opts;
+  const {
+    featured = false,
+    disabled = false,
+    loading = false,
+    interactive = false,
+    hovered = false,
+    focused = false,
+    active = false
+  } = opts;
   return cx(
     "sp-pricing-card",
     featured && "sp-pricing-card--featured",
     disabled && "sp-pricing-card--disabled",
-    loading && "sp-pricing-card--loading"
+    loading && "sp-pricing-card--loading",
+    interactive && "sp-pricing-card--interactive",
+    hovered && "sp-pricing-card--hover",
+    focused && "sp-pricing-card--focus",
+    active && "sp-pricing-card--active"
   );
 }
 function getPricingCardBadgeClasses() {
@@ -370,12 +416,42 @@ function getPricingCardDescriptionClasses() {
 }
 
 // src/recipes/rating.ts
+var RATING_SIZES = {
+  sm: true,
+  md: true,
+  lg: true
+};
 function getRatingClasses(opts = {}) {
-  const { disabled = false, loading = false } = opts;
+  const {
+    size: sizeInput,
+    disabled = false,
+    loading = false,
+    interactive = false,
+    hovered = false,
+    focused = false,
+    active = false
+  } = opts;
+  const size = resolveOption({
+    name: "rating size",
+    value: sizeInput,
+    allowed: RATING_SIZES,
+    fallback: "md"
+  });
+  const sizeMap = {
+    sm: "sp-rating--sm",
+    md: "sp-rating--md",
+    lg: "sp-rating--lg"
+  };
+  const sizeClass = sizeMap[size];
   return cx(
     "sp-rating",
+    sizeClass,
     disabled && "sp-rating--disabled",
-    loading && "sp-rating--loading"
+    loading && "sp-rating--loading",
+    interactive && "sp-rating--interactive",
+    hovered && "sp-rating--hover",
+    focused && "sp-rating--focus",
+    active && "sp-rating--active"
   );
 }
 function getRatingStarsClasses() {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/css-constants.ts","../src/internal/cx.ts","../src/internal/resolve-option.ts","../src/recipes/button.ts","../src/recipes/card.ts","../src/recipes/input.ts","../src/recipes/badge.ts","../src/recipes/iconbox.ts","../src/recipes/testimonial.ts","../src/recipes/pricing-card.ts","../src/recipes/rating.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["export const spectreBaseStylesPath = \"@phcdevworks/spectre-ui/base.css\";\nexport const spectreComponentsStylesPath = \"@phcdevworks/spectre-ui/components.css\";\nexport const spectreUtilitiesStylesPath = \"@phcdevworks/spectre-ui/utilities.css\";\nexport const spectreIndexStylesPath = \"@phcdevworks/spectre-ui/index.css\";\n\nexport const spectreStyles = {\n  index: spectreIndexStylesPath,\n  base: spectreBaseStylesPath,\n  components: spectreComponentsStylesPath,\n  utilities: spectreUtilitiesStylesPath,\n};\n","export function cx(...parts: Array<string | false | null | undefined>): string {\n  const seen = new Set<string>();\n  const classes: string[] = [];\n\n  for (const part of parts) {\n    if (!part) continue;\n    const trimmed = part.trim();\n    if (!trimmed) continue;\n\n    if (!/\\s/.test(trimmed)) {\n      if (!seen.has(trimmed)) {\n        seen.add(trimmed);\n        classes.push(trimmed);\n      }\n      continue;\n    }\n\n    for (const token of trimmed.split(/\\s+/)) {\n      if (!token || seen.has(token)) continue;\n      seen.add(token);\n      classes.push(token);\n    }\n  }\n\n  return classes.join(\" \");\n}\n","type AllowedValues<T extends string> = readonly T[] | Record<T, unknown>;\n\nconst hasOwn = (value: object, key: string): boolean =>\n  Object.prototype.hasOwnProperty.call(value, key);\n\nconst isAllowedValue = <T extends string>(value: T, allowed: AllowedValues<T>): boolean =>\n  Array.isArray(allowed) ? allowed.includes(value) : hasOwn(allowed, value);\n\nexport function resolveOption<T extends string>(config: {\n  name: string;\n  value: T | undefined;\n  allowed: AllowedValues<T>;\n  fallback: T;\n}): T {\n  const { name, value, allowed, fallback } = config;\n\n  if (value === undefined) return fallback;\n  if (isAllowedValue(value, allowed)) return value;\n\n  if (process.env.NODE_ENV !== \"production\") {\n    throw new Error(`[spectre-ui] Unknown ${name}: ${value}`);\n  }\n\n  return fallback;\n}\n","import { cx } from \"../internal/cx\";\nimport { resolveOption } from \"../internal/resolve-option\";\n\nconst BUTTON_VARIANTS = {\n  primary: true,\n  secondary: true,\n  ghost: true,\n  danger: true,\n  success: true,\n  cta: true,\n  accent: true,\n} as const;\n\nconst BUTTON_SIZES = {\n  sm: true,\n  md: true,\n  lg: true,\n} as const;\n\nexport type ButtonVariant = keyof typeof BUTTON_VARIANTS;\nexport type ButtonSize = keyof typeof BUTTON_SIZES;\n\n/**\n * Generate classes for the Button component.\n * @sync v2.x - Synced with latest design tokens, including CTA variants.\n */\nexport interface ButtonRecipeOptions {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  fullWidth?: boolean;\n  loading?: boolean;\n  disabled?: boolean;\n  hovered?: boolean;\n  active?: boolean;\n  iconOnly?: boolean;\n  pill?: boolean;\n}\n\nexport function getButtonClasses(opts: ButtonRecipeOptions = {}): string {\n  const {\n    variant: variantInput,\n    size: sizeInput,\n    fullWidth = false,\n    loading = false,\n    disabled = false,\n    hovered = false,\n    active = false,\n    iconOnly = false,\n    pill = false,\n  } = opts;\n\n  const variant = resolveOption({\n    name: \"button variant\",\n    value: variantInput,\n    allowed: BUTTON_VARIANTS,\n    fallback: \"primary\",\n  });\n  const size = resolveOption({\n    name: \"button size\",\n    value: sizeInput,\n    allowed: BUTTON_SIZES,\n    fallback: \"md\",\n  });\n\n  const variantMap: Record<ButtonVariant, string> = {\n    primary: \"sp-btn--primary\",\n    secondary: \"sp-btn--secondary\",\n    ghost: \"sp-btn--ghost\",\n    danger: \"sp-btn--danger\",\n    success: \"sp-btn--success\",\n    cta: \"sp-btn--cta\",\n    accent: \"sp-btn--accent\",\n  };\n  const variantClass = variantMap[variant];\n\n  const sizeMap: Record<ButtonSize, string> = {\n    sm: \"sp-btn--sm\",\n    md: \"sp-btn--md\",\n    lg: \"sp-btn--lg\",\n  };\n  const sizeClass = sizeMap[size];\n\n  return cx(\n    \"sp-btn\",\n    variantClass,\n    sizeClass,\n    fullWidth && \"sp-btn--full\",\n    loading && \"sp-btn--loading\",\n    disabled && \"sp-btn--disabled\",\n    hovered && \"sp-btn--hover\",\n    active && \"sp-btn--active\",\n    iconOnly && \"sp-btn--icon\",\n    pill && \"sp-btn--pill\",\n  );\n}\n","import { cx } from \"../internal/cx\";\nimport { resolveOption } from \"../internal/resolve-option\";\n\nconst CARD_VARIANTS = {\n  elevated: true,\n  flat: true,\n  outline: true,\n  ghost: true,\n} as const;\n\nexport type CardVariant = keyof typeof CARD_VARIANTS;\n\nexport interface CardRecipeOptions {\n  variant?: CardVariant;\n  interactive?: boolean; // hover/focus styles\n  padded?: boolean;      // apply default padding\n  fullHeight?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  hovered?: boolean;\n  focused?: boolean;\n}\n\nexport function getCardClasses(opts: CardRecipeOptions = {}): string {\n  const {\n    variant: variantInput,\n    interactive = false,\n    padded = false,\n    fullHeight = false,\n    disabled = false,\n    loading = false,\n    hovered = false,\n    focused = false,\n  } = opts;\n\n  const variant = resolveOption({\n    name: \"card variant\",\n    value: variantInput,\n    allowed: CARD_VARIANTS,\n    fallback: \"elevated\",\n  });\n\n  const variantMap: Record<CardVariant, string> = {\n    elevated: \"sp-card--elevated\",\n    flat: \"sp-card--flat\",\n    outline: \"sp-card--outline\",\n    ghost: \"sp-card--ghost\",\n  };\n  const variantClass = variantMap[variant];\n\n  return cx(\n    \"sp-card\",\n    variantClass,\n    interactive && \"sp-card--interactive\",\n    padded && \"sp-card--padded\",\n    fullHeight && \"sp-card--full\",\n    disabled && \"sp-card--disabled\",\n    loading && \"sp-card--loading\",\n    hovered && \"sp-card--hover\",\n    focused && \"sp-card--focus\",\n  );\n}\n","import { cx } from \"../internal/cx\";\nimport { resolveOption } from \"../internal/resolve-option\";\n\nconst INPUT_STATES = {\n  default: true,\n  error: true,\n  success: true,\n  disabled: true,\n  loading: true,\n} as const;\n\nconst INPUT_SIZES = {\n  sm: true,\n  md: true,\n  lg: true,\n} as const;\n\nexport type InputState = keyof typeof INPUT_STATES;\nexport type InputSize = keyof typeof INPUT_SIZES;\n\nexport interface InputRecipeOptions {\n  state?: InputState;\n  size?: InputSize;\n  fullWidth?: boolean;\n  pill?: boolean;\n  focused?: boolean;\n  hovered?: boolean;\n}\n\nexport function getInputClasses(opts: InputRecipeOptions = {}): string {\n  const {\n    state: stateInput,\n    size: sizeInput,\n    fullWidth = false,\n    pill = false,\n    focused = false,\n    hovered = false,\n  } = opts;\n\n  const state = resolveOption({\n    name: \"input state\",\n    value: stateInput,\n    allowed: INPUT_STATES,\n    fallback: \"default\",\n  });\n  const size = resolveOption({\n    name: \"input size\",\n    value: sizeInput,\n    allowed: INPUT_SIZES,\n    fallback: \"md\",\n  });\n\n  const sizeMap: Record<InputSize, string> = {\n    sm: \"sp-input--sm\",\n    md: \"sp-input--md\",\n    lg: \"sp-input--lg\",\n  };\n  const sizeClass = sizeMap[size];\n\n  // State\n  return cx(\n    \"sp-input\",\n    sizeClass,\n    state === \"error\" && \"sp-input--error\",\n    state === \"success\" && \"sp-input--success\",\n    // Visual state only; actual disabled attribute is handled by adapters.\n    state === \"disabled\" && \"sp-input--disabled\",\n    state === \"loading\" && \"sp-input--loading\",\n    focused && \"sp-input--focus\",\n    hovered && \"sp-input--hover\",\n    fullWidth && \"sp-input--full\",\n    pill && \"sp-input--pill\",\n  );\n}\n","import { cx } from \"../internal/cx\";\nimport { resolveOption } from \"../internal/resolve-option\";\n\nconst BADGE_VARIANTS = {\n  primary: true,\n  secondary: true,\n  success: true,\n  warning: true,\n  danger: true,\n  neutral: true,\n  info: true,\n} as const;\n\nconst BADGE_SIZES = {\n  sm: true,\n  md: true,\n  lg: true,\n} as const;\n\nexport type BadgeVariant = keyof typeof BADGE_VARIANTS;\nexport type BadgeSize = keyof typeof BADGE_SIZES;\n\n/**\n * Generate classes for the Badge component.\n * @sync v2.x - Synced with latest design tokens, including hover states.\n */\nexport interface BadgeRecipeOptions {\n  variant?: BadgeVariant;\n  size?: BadgeSize;\n  interactive?: boolean;\n  hovered?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n}\n\nexport function getBadgeClasses(opts: BadgeRecipeOptions = {}): string {\n  const { variant: variantInput, size: sizeInput, interactive, hovered, disabled, loading } = opts;\n\n  const variant = resolveOption({\n    name: \"badge variant\",\n    value: variantInput,\n    allowed: BADGE_VARIANTS,\n    fallback: \"primary\",\n  });\n  const size = resolveOption({\n    name: \"badge size\",\n    value: sizeInput,\n    allowed: BADGE_SIZES,\n    fallback: \"md\",\n  });\n\n  const variantMap: Record<BadgeVariant, string> = {\n    primary: \"sp-badge--primary\",\n    secondary: \"sp-badge--secondary\",\n    success: \"sp-badge--success\",\n    warning: \"sp-badge--warning\",\n    danger: \"sp-badge--danger\",\n    neutral: \"sp-badge--neutral\",\n    info: \"sp-badge--info\",\n  };\n  const variantClass = variantMap[variant];\n\n  const sizeMap: Record<BadgeSize, string> = {\n    sm: \"sp-badge--sm\",\n    md: \"sp-badge--md\",\n    lg: \"sp-badge--lg\",\n  };\n  const sizeClass = sizeMap[size];\n\n  return cx(\n    \"sp-badge\",\n    variantClass,\n    sizeClass,\n    interactive && \"sp-badge--interactive\",\n    hovered && \"sp-badge--hover\",\n    disabled && \"sp-badge--disabled\",\n    loading && \"sp-badge--loading\"\n  );\n}\n","import { cx } from \"../internal/cx\";\nimport { resolveOption } from \"../internal/resolve-option\";\n\nconst ICONBOX_VARIANTS = {\n  primary: true,\n  success: true,\n  warning: true,\n  danger: true,\n  info: true,\n} as const;\n\nconst ICONBOX_SIZES = {\n  sm: true,\n  md: true,\n  lg: true,\n} as const;\n\nexport type IconBoxVariant = keyof typeof ICONBOX_VARIANTS;\nexport type IconBoxSize = keyof typeof ICONBOX_SIZES;\n\nexport interface IconBoxRecipeOptions {\n  variant?: IconBoxVariant;\n  size?: IconBoxSize;\n  disabled?: boolean;\n  loading?: boolean;\n}\n\nexport function getIconBoxClasses(opts: IconBoxRecipeOptions = {}): string {\n  const { variant: variantInput, size: sizeInput, disabled = false, loading = false } = opts;\n\n  const variant = resolveOption({\n    name: \"icon box variant\",\n    value: variantInput,\n    allowed: ICONBOX_VARIANTS,\n    fallback: \"primary\",\n  });\n  const size = resolveOption({\n    name: \"icon box size\",\n    value: sizeInput,\n    allowed: ICONBOX_SIZES,\n    fallback: \"md\",\n  });\n\n  const variantMap: Record<IconBoxVariant, string> = {\n    primary: \"sp-iconbox--primary\",\n    success: \"sp-iconbox--success\",\n    warning: \"sp-iconbox--warning\",\n    danger: \"sp-iconbox--danger\",\n    info: \"sp-iconbox--info\",\n  };\n  const variantClass = variantMap[variant];\n\n  const sizeMap: Record<IconBoxSize, string> = {\n    sm: \"sp-iconbox--sm\",\n    md: \"sp-iconbox--md\",\n    lg: \"sp-iconbox--lg\",\n  };\n  const sizeClass = sizeMap[size];\n\n  return cx(\n    \"sp-iconbox\",\n    variantClass,\n    sizeClass,\n    disabled && \"sp-iconbox--disabled\",\n    loading && \"sp-iconbox--loading\",\n  );\n}\n","import { cx } from \"../internal/cx\";\n\n/**\n * Generate classes for the Testimonial component.\n * @sync v2.x - Synced with latest design tokens.\n */\nexport interface TestimonialRecipeOptions {\n  disabled?: boolean;\n  loading?: boolean;\n}\n\nexport function getTestimonialClasses(opts: TestimonialRecipeOptions = {}): string {\n  const { disabled = false, loading = false } = opts;\n  return cx(\n    \"sp-testimonial\",\n    disabled && \"sp-testimonial--disabled\",\n    loading && \"sp-testimonial--loading\"\n  );\n}\n\nexport function getTestimonialQuoteClasses(): string {\n  return cx(\"sp-testimonial-quote\");\n}\n\nexport function getTestimonialAuthorClasses(): string {\n  return cx(\"sp-testimonial-author\");\n}\n\nexport function getTestimonialAuthorInfoClasses(): string {\n  return cx(\"sp-testimonial-author-info\");\n}\n\nexport function getTestimonialAuthorNameClasses(): string {\n  return cx(\"sp-testimonial-author-name\");\n}\n\nexport function getTestimonialAuthorTitleClasses(): string {\n  return cx(\"sp-testimonial-author-title\");\n}\n","import { cx } from \"../internal/cx\";\n\n/**\n * Generate classes for the PricingCard component.\n * @sync v2.x - Synced with latest design tokens.\n */\nexport interface PricingCardRecipeOptions {\n  featured?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n}\n\nexport function getPricingCardClasses(opts: PricingCardRecipeOptions = {}): string {\n  const { featured = false, disabled = false, loading = false } = opts;\n  return cx(\n    \"sp-pricing-card\",\n    featured && \"sp-pricing-card--featured\",\n    disabled && \"sp-pricing-card--disabled\",\n    loading && \"sp-pricing-card--loading\"\n  );\n}\n\nexport function getPricingCardBadgeClasses(): string {\n  return cx(\"sp-pricing-card-badge\");\n}\n\nexport function getPricingCardPriceContainerClasses(): string {\n  return cx(\"sp-pricing-card-price-container\");\n}\n\nexport function getPricingCardPriceClasses(): string {\n  return cx(\"sp-pricing-card-price\");\n}\n\nexport function getPricingCardDescriptionClasses(): string {\n  return cx(\"sp-pricing-card-description\");\n}\n","import { cx } from \"../internal/cx\";\n\n/**\n * Generate classes for the Rating component.\n * @sync v2.x - Synced with latest design tokens.\n */\nexport interface RatingRecipeOptions {\n  disabled?: boolean;\n  loading?: boolean;\n}\n\nexport function getRatingClasses(opts: RatingRecipeOptions = {}): string {\n  const { disabled = false, loading = false } = opts;\n  return cx(\n    \"sp-rating\",\n    disabled && \"sp-rating--disabled\",\n    loading && \"sp-rating--loading\"\n  );\n}\n\nexport function getRatingStarsClasses(): string {\n  return cx(\"sp-rating-stars\");\n}\n\nexport function getRatingStarClasses(isFilled: boolean = false): string {\n  return cx(\n    \"sp-rating-star\",\n    isFilled && \"sp-rating-star--filled\"\n  );\n}\n\nexport function getRatingTextClasses(): string {\n  return cx(\"sp-rating-text\");\n}\n"]}
+{"version":3,"sources":["../src/css-constants.ts","../src/internal/cx.ts","../src/internal/resolve-option.ts","../src/recipes/button.ts","../src/recipes/card.ts","../src/recipes/input.ts","../src/recipes/badge.ts","../src/recipes/iconbox.ts","../src/recipes/testimonial.ts","../src/recipes/pricing-card.ts","../src/recipes/rating.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["export const spectreBaseStylesPath = \"@phcdevworks/spectre-ui/base.css\";\nexport const spectreComponentsStylesPath = \"@phcdevworks/spectre-ui/components.css\";\nexport const spectreUtilitiesStylesPath = \"@phcdevworks/spectre-ui/utilities.css\";\nexport const spectreIndexStylesPath = \"@phcdevworks/spectre-ui/index.css\";\n\nexport const spectreStyles = {\n  index: spectreIndexStylesPath,\n  base: spectreBaseStylesPath,\n  components: spectreComponentsStylesPath,\n  utilities: spectreUtilitiesStylesPath,\n};\n","export function cx(...parts: Array<string | false | null | undefined>): string {\n  const seen = new Set<string>();\n  const classes: string[] = [];\n\n  for (const part of parts) {\n    if (!part) continue;\n    const trimmed = part.trim();\n    if (!trimmed) continue;\n\n    if (!/\\s/.test(trimmed)) {\n      if (!seen.has(trimmed)) {\n        seen.add(trimmed);\n        classes.push(trimmed);\n      }\n      continue;\n    }\n\n    for (const token of trimmed.split(/\\s+/)) {\n      if (!token || seen.has(token)) continue;\n      seen.add(token);\n      classes.push(token);\n    }\n  }\n\n  return classes.join(\" \");\n}\n","type AllowedValues<T extends string> = readonly T[] | Record<T, unknown>;\n\nconst hasOwn = (value: object, key: string): boolean =>\n  Object.prototype.hasOwnProperty.call(value, key);\n\nconst isAllowedValue = <T extends string>(value: T, allowed: AllowedValues<T>): boolean =>\n  Array.isArray(allowed) ? allowed.includes(value) : hasOwn(allowed, value);\n\nexport function resolveOption<T extends string>(config: {\n  name: string;\n  value: T | undefined;\n  allowed: AllowedValues<T>;\n  fallback: T;\n}): T {\n  const { name, value, allowed, fallback } = config;\n\n  if (value === undefined) return fallback;\n  if (isAllowedValue(value, allowed)) return value;\n\n  if (process.env.NODE_ENV !== \"production\") {\n    throw new Error(`[spectre-ui] Unknown ${name}: ${value}`);\n  }\n\n  return fallback;\n}\n","import { cx } from \"../internal/cx\";\nimport { resolveOption } from \"../internal/resolve-option\";\n\nconst BUTTON_VARIANTS = {\n  primary: true,\n  secondary: true,\n  ghost: true,\n  danger: true,\n  success: true,\n  cta: true,\n  accent: true,\n} as const;\n\nconst BUTTON_SIZES = {\n  sm: true,\n  md: true,\n  lg: true,\n} as const;\n\nexport type ButtonVariant = keyof typeof BUTTON_VARIANTS;\nexport type ButtonSize = keyof typeof BUTTON_SIZES;\n\n/**\n * Generate classes for the Button component.\n * @sync v2.x - Synced with latest design tokens, including CTA variants.\n */\nexport interface ButtonRecipeOptions {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  fullWidth?: boolean;\n  loading?: boolean;\n  disabled?: boolean;\n  hovered?: boolean;\n  focused?: boolean;\n  active?: boolean;\n  iconOnly?: boolean;\n  pill?: boolean;\n}\n\nexport function getButtonClasses(opts: ButtonRecipeOptions = {}): string {\n  const {\n    variant: variantInput,\n    size: sizeInput,\n    fullWidth = false,\n    loading = false,\n    disabled = false,\n    hovered = false,\n    focused = false,\n    active = false,\n    iconOnly = false,\n    pill = false,\n  } = opts;\n\n  const variant = resolveOption({\n    name: \"button variant\",\n    value: variantInput,\n    allowed: BUTTON_VARIANTS,\n    fallback: \"primary\",\n  });\n  const size = resolveOption({\n    name: \"button size\",\n    value: sizeInput,\n    allowed: BUTTON_SIZES,\n    fallback: \"md\",\n  });\n\n  const variantMap: Record<ButtonVariant, string> = {\n    primary: \"sp-btn--primary\",\n    secondary: \"sp-btn--secondary\",\n    ghost: \"sp-btn--ghost\",\n    danger: \"sp-btn--danger\",\n    success: \"sp-btn--success\",\n    cta: \"sp-btn--cta\",\n    accent: \"sp-btn--accent\",\n  };\n  const variantClass = variantMap[variant];\n\n  const sizeMap: Record<ButtonSize, string> = {\n    sm: \"sp-btn--sm\",\n    md: \"sp-btn--md\",\n    lg: \"sp-btn--lg\",\n  };\n  const sizeClass = sizeMap[size];\n\n  return cx(\n    \"sp-btn\",\n    variantClass,\n    sizeClass,\n    fullWidth && \"sp-btn--full\",\n    loading && \"sp-btn--loading\",\n    disabled && \"sp-btn--disabled\",\n    hovered && \"sp-btn--hover\",\n    focused && \"sp-btn--focus\",\n    active && \"sp-btn--active\",\n    iconOnly && \"sp-btn--icon\",\n    pill && \"sp-btn--pill\",\n  );\n}\n","import { cx } from \"../internal/cx\";\nimport { resolveOption } from \"../internal/resolve-option\";\n\nconst CARD_VARIANTS = {\n  elevated: true,\n  flat: true,\n  outline: true,\n  ghost: true,\n} as const;\n\nexport type CardVariant = keyof typeof CARD_VARIANTS;\n\nexport interface CardRecipeOptions {\n  variant?: CardVariant;\n  interactive?: boolean; // hover/focus styles\n  padded?: boolean;      // apply default padding\n  fullHeight?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  hovered?: boolean;\n  focused?: boolean;\n  active?: boolean;\n}\n\nexport function getCardClasses(opts: CardRecipeOptions = {}): string {\n  const {\n    variant: variantInput,\n    interactive = false,\n    padded = false,\n    fullHeight = false,\n    disabled = false,\n    loading = false,\n    hovered = false,\n    focused = false,\n    active = false,\n  } = opts;\n\n  const variant = resolveOption({\n    name: \"card variant\",\n    value: variantInput,\n    allowed: CARD_VARIANTS,\n    fallback: \"elevated\",\n  });\n\n  const variantMap: Record<CardVariant, string> = {\n    elevated: \"sp-card--elevated\",\n    flat: \"sp-card--flat\",\n    outline: \"sp-card--outline\",\n    ghost: \"sp-card--ghost\",\n  };\n  const variantClass = variantMap[variant];\n\n  return cx(\n    \"sp-card\",\n    variantClass,\n    interactive && \"sp-card--interactive\",\n    padded && \"sp-card--padded\",\n    fullHeight && \"sp-card--full\",\n    disabled && \"sp-card--disabled\",\n    loading && \"sp-card--loading\",\n    hovered && \"sp-card--hover\",\n    focused && \"sp-card--focus\",\n    active && \"sp-card--active\",\n  );\n}\n","import { cx } from \"../internal/cx\";\nimport { resolveOption } from \"../internal/resolve-option\";\n\nconst INPUT_STATES = {\n  default: true,\n  error: true,\n  success: true,\n  disabled: true,\n  loading: true,\n} as const;\n\nconst INPUT_SIZES = {\n  sm: true,\n  md: true,\n  lg: true,\n} as const;\n\nexport type InputState = keyof typeof INPUT_STATES;\nexport type InputSize = keyof typeof INPUT_SIZES;\n\nexport interface InputRecipeOptions {\n  state?: InputState;\n  size?: InputSize;\n  fullWidth?: boolean;\n  pill?: boolean;\n  focused?: boolean;\n  hovered?: boolean;\n  active?: boolean;\n}\n\nexport function getInputClasses(opts: InputRecipeOptions = {}): string {\n  const {\n    state: stateInput,\n    size: sizeInput,\n    fullWidth = false,\n    pill = false,\n    focused = false,\n    hovered = false,\n    active = false,\n  } = opts;\n\n  const state = resolveOption({\n    name: \"input state\",\n    value: stateInput,\n    allowed: INPUT_STATES,\n    fallback: \"default\",\n  });\n  const size = resolveOption({\n    name: \"input size\",\n    value: sizeInput,\n    allowed: INPUT_SIZES,\n    fallback: \"md\",\n  });\n\n  const sizeMap: Record<InputSize, string> = {\n    sm: \"sp-input--sm\",\n    md: \"sp-input--md\",\n    lg: \"sp-input--lg\",\n  };\n  const sizeClass = sizeMap[size];\n\n  // State\n  return cx(\n    \"sp-input\",\n    sizeClass,\n    state === \"error\" && \"sp-input--error\",\n    state === \"success\" && \"sp-input--success\",\n    // Visual state only; actual disabled attribute is handled by adapters.\n    state === \"disabled\" && \"sp-input--disabled\",\n    state === \"loading\" && \"sp-input--loading\",\n    focused && \"sp-input--focus\",\n    hovered && \"sp-input--hover\",\n    active && \"sp-input--active\",\n    fullWidth && \"sp-input--full\",\n    pill && \"sp-input--pill\",\n  );\n}\n","import { cx } from \"../internal/cx\";\nimport { resolveOption } from \"../internal/resolve-option\";\n\nconst BADGE_VARIANTS = {\n  primary: true,\n  secondary: true,\n  success: true,\n  warning: true,\n  danger: true,\n  neutral: true,\n  info: true,\n} as const;\n\nconst BADGE_SIZES = {\n  sm: true,\n  md: true,\n  lg: true,\n} as const;\n\nexport type BadgeVariant = keyof typeof BADGE_VARIANTS;\nexport type BadgeSize = keyof typeof BADGE_SIZES;\n\n/**\n * Generate classes for the Badge component.\n * @sync v2.x - Synced with latest design tokens, including hover states.\n */\nexport interface BadgeRecipeOptions {\n  variant?: BadgeVariant;\n  size?: BadgeSize;\n  interactive?: boolean;\n  hovered?: boolean;\n  focused?: boolean;\n  active?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n}\n\nexport function getBadgeClasses(opts: BadgeRecipeOptions = {}): string {\n  const { variant: variantInput, size: sizeInput, interactive, hovered, focused, active, disabled, loading } = opts;\n\n  const variant = resolveOption({\n    name: \"badge variant\",\n    value: variantInput,\n    allowed: BADGE_VARIANTS,\n    fallback: \"primary\",\n  });\n  const size = resolveOption({\n    name: \"badge size\",\n    value: sizeInput,\n    allowed: BADGE_SIZES,\n    fallback: \"md\",\n  });\n\n  const variantMap: Record<BadgeVariant, string> = {\n    primary: \"sp-badge--primary\",\n    secondary: \"sp-badge--secondary\",\n    success: \"sp-badge--success\",\n    warning: \"sp-badge--warning\",\n    danger: \"sp-badge--danger\",\n    neutral: \"sp-badge--neutral\",\n    info: \"sp-badge--info\",\n  };\n  const variantClass = variantMap[variant];\n\n  const sizeMap: Record<BadgeSize, string> = {\n    sm: \"sp-badge--sm\",\n    md: \"sp-badge--md\",\n    lg: \"sp-badge--lg\",\n  };\n  const sizeClass = sizeMap[size];\n\n  return cx(\n    \"sp-badge\",\n    variantClass,\n    sizeClass,\n    interactive && \"sp-badge--interactive\",\n    hovered && \"sp-badge--hover\",\n    focused && \"sp-badge--focus\",\n    active && \"sp-badge--active\",\n    disabled && \"sp-badge--disabled\",\n    loading && \"sp-badge--loading\"\n  );\n}\n","import { cx } from \"../internal/cx\";\nimport { resolveOption } from \"../internal/resolve-option\";\n\nconst ICONBOX_VARIANTS = {\n  primary: true,\n  success: true,\n  warning: true,\n  danger: true,\n  info: true,\n} as const;\n\nconst ICONBOX_SIZES = {\n  sm: true,\n  md: true,\n  lg: true,\n} as const;\n\nexport type IconBoxVariant = keyof typeof ICONBOX_VARIANTS;\nexport type IconBoxSize = keyof typeof ICONBOX_SIZES;\n\nexport interface IconBoxRecipeOptions {\n  variant?: IconBoxVariant;\n  size?: IconBoxSize;\n  disabled?: boolean;\n  loading?: boolean;\n  interactive?: boolean;\n  hovered?: boolean;\n  focused?: boolean;\n  active?: boolean;\n  pill?: boolean;\n}\n\nexport function getIconBoxClasses(opts: IconBoxRecipeOptions = {}): string {\n  const {\n    variant: variantInput,\n    size: sizeInput,\n    disabled = false,\n    loading = false,\n    interactive = false,\n    hovered = false,\n    focused = false,\n    active = false,\n    pill = false,\n  } = opts;\n\n  const variant = resolveOption({\n    name: \"icon box variant\",\n    value: variantInput,\n    allowed: ICONBOX_VARIANTS,\n    fallback: \"primary\",\n  });\n  const size = resolveOption({\n    name: \"icon box size\",\n    value: sizeInput,\n    allowed: ICONBOX_SIZES,\n    fallback: \"md\",\n  });\n\n  const variantMap: Record<IconBoxVariant, string> = {\n    primary: \"sp-iconbox--primary\",\n    success: \"sp-iconbox--success\",\n    warning: \"sp-iconbox--warning\",\n    danger: \"sp-iconbox--danger\",\n    info: \"sp-iconbox--info\",\n  };\n  const variantClass = variantMap[variant];\n\n  const sizeMap: Record<IconBoxSize, string> = {\n    sm: \"sp-iconbox--sm\",\n    md: \"sp-iconbox--md\",\n    lg: \"sp-iconbox--lg\",\n  };\n  const sizeClass = sizeMap[size];\n\n  return cx(\n    \"sp-iconbox\",\n    variantClass,\n    sizeClass,\n    disabled && \"sp-iconbox--disabled\",\n    loading && \"sp-iconbox--loading\",\n    interactive && \"sp-iconbox--interactive\",\n    hovered && \"sp-iconbox--hover\",\n    focused && \"sp-iconbox--focus\",\n    active && \"sp-iconbox--active\",\n    pill && \"sp-iconbox--pill\"\n  );\n}\n","import { cx } from \"../internal/cx\";\n\n/**\n * Generate classes for the Testimonial component.\n * @sync v2.x - Synced with latest design tokens.\n */\nexport interface TestimonialRecipeOptions {\n  disabled?: boolean;\n  loading?: boolean;\n  interactive?: boolean;\n  hovered?: boolean;\n  focused?: boolean;\n  active?: boolean;\n}\n\nexport function getTestimonialClasses(opts: TestimonialRecipeOptions = {}): string {\n  const {\n    disabled = false,\n    loading = false,\n    interactive = false,\n    hovered = false,\n    focused = false,\n    active = false,\n  } = opts;\n\n  return cx(\n    \"sp-testimonial\",\n    disabled && \"sp-testimonial--disabled\",\n    loading && \"sp-testimonial--loading\",\n    interactive && \"sp-testimonial--interactive\",\n    hovered && \"sp-testimonial--hover\",\n    focused && \"sp-testimonial--focus\",\n    active && \"sp-testimonial--active\"\n  );\n}\n\nexport function getTestimonialQuoteClasses(): string {\n  return cx(\"sp-testimonial-quote\");\n}\n\nexport function getTestimonialAuthorClasses(): string {\n  return cx(\"sp-testimonial-author\");\n}\n\nexport function getTestimonialAuthorInfoClasses(): string {\n  return cx(\"sp-testimonial-author-info\");\n}\n\nexport function getTestimonialAuthorNameClasses(): string {\n  return cx(\"sp-testimonial-author-name\");\n}\n\nexport function getTestimonialAuthorTitleClasses(): string {\n  return cx(\"sp-testimonial-author-title\");\n}\n","import { cx } from \"../internal/cx\";\n\n/**\n * Generate classes for the PricingCard component.\n * @sync v2.x - Synced with latest design tokens.\n */\nexport interface PricingCardRecipeOptions {\n  featured?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  interactive?: boolean;\n  hovered?: boolean;\n  focused?: boolean;\n  active?: boolean;\n}\n\nexport function getPricingCardClasses(opts: PricingCardRecipeOptions = {}): string {\n  const {\n    featured = false,\n    disabled = false,\n    loading = false,\n    interactive = false,\n    hovered = false,\n    focused = false,\n    active = false,\n  } = opts;\n\n  return cx(\n    \"sp-pricing-card\",\n    featured && \"sp-pricing-card--featured\",\n    disabled && \"sp-pricing-card--disabled\",\n    loading && \"sp-pricing-card--loading\",\n    interactive && \"sp-pricing-card--interactive\",\n    hovered && \"sp-pricing-card--hover\",\n    focused && \"sp-pricing-card--focus\",\n    active && \"sp-pricing-card--active\"\n  );\n}\n\nexport function getPricingCardBadgeClasses(): string {\n  return cx(\"sp-pricing-card-badge\");\n}\n\nexport function getPricingCardPriceContainerClasses(): string {\n  return cx(\"sp-pricing-card-price-container\");\n}\n\nexport function getPricingCardPriceClasses(): string {\n  return cx(\"sp-pricing-card-price\");\n}\n\nexport function getPricingCardDescriptionClasses(): string {\n  return cx(\"sp-pricing-card-description\");\n}\n","import { cx } from \"../internal/cx\";\nimport { resolveOption } from \"../internal/resolve-option\";\n\nconst RATING_SIZES = {\n  sm: true,\n  md: true,\n  lg: true,\n} as const;\n\nexport type RatingSize = keyof typeof RATING_SIZES;\n\n/**\n * Generate classes for the Rating component.\n * @sync v2.x - Synced with latest design tokens.\n */\nexport interface RatingRecipeOptions {\n  size?: RatingSize;\n  disabled?: boolean;\n  loading?: boolean;\n  interactive?: boolean;\n  hovered?: boolean;\n  focused?: boolean;\n  active?: boolean;\n}\n\nexport function getRatingClasses(opts: RatingRecipeOptions = {}): string {\n  const {\n    size: sizeInput,\n    disabled = false,\n    loading = false,\n    interactive = false,\n    hovered = false,\n    focused = false,\n    active = false,\n  } = opts;\n\n  const size = resolveOption({\n    name: \"rating size\",\n    value: sizeInput,\n    allowed: RATING_SIZES,\n    fallback: \"md\",\n  });\n\n  const sizeMap: Record<RatingSize, string> = {\n    sm: \"sp-rating--sm\",\n    md: \"sp-rating--md\",\n    lg: \"sp-rating--lg\",\n  };\n  const sizeClass = sizeMap[size];\n\n  return cx(\n    \"sp-rating\",\n    sizeClass,\n    disabled && \"sp-rating--disabled\",\n    loading && \"sp-rating--loading\",\n    interactive && \"sp-rating--interactive\",\n    hovered && \"sp-rating--hover\",\n    focused && \"sp-rating--focus\",\n    active && \"sp-rating--active\"\n  );\n}\n\nexport function getRatingStarsClasses(): string {\n  return cx(\"sp-rating-stars\");\n}\n\nexport function getRatingStarClasses(isFilled: boolean = false): string {\n  return cx(\n    \"sp-rating-star\",\n    isFilled && \"sp-rating-star--filled\"\n  );\n}\n\nexport function getRatingTextClasses(): string {\n  return cx(\"sp-rating-text\");\n}\n"]}

package/dist/utilities.css

@@ -3,17 +3,20 @@
   --sp-surface-card: #ffffff;
   --sp-surface-input: #ffffff;
   --sp-surface-overlay: rgba(20, 27, 36, 0.6);
+  --sp-surface-alternate: #eef1f6;
   --sp-surface-hero: linear-gradient(135deg, #5b6ee1 0%, #6f3fd7 100%);
   --sp-text-on-page-default: #141b24;
   --sp-text-on-page-muted: #4b576a;
   --sp-text-on-page-subtle: #657287;
   --sp-text-on-page-meta: #657287;
+  --sp-text-on-page-brand: #1f57db;
   --sp-text-on-surface-default: #141b24;
   --sp-text-on-surface-muted: #4b576a;
   --sp-text-on-surface-subtle: #657287;
   --sp-text-on-surface-meta: #657287;
+  --sp-text-on-surface-brand: #1f57db;
   --sp-component-card-text: #141b24;
-  --sp-component-card-text-muted: #657287;
+  --sp-component-card-text-muted: #4b576a;
   --sp-component-input-text: #141b24;
   --sp-component-input-placeholder: #657287;
   --sp-button-text-default: #141b24;
@@ -110,20 +113,8 @@
   --sp-color-focus-primary: #336df4;
   --sp-color-focus-error: #ef4444;
   --sp-color-focus-info: #0369a1;
-  --sp-color-white-0: #;
-  --sp-color-white-1: f;
-  --sp-color-white-2: f;
-  --sp-color-white-3: f;
-  --sp-color-white-4: f;
-  --sp-color-white-5: f;
-  --sp-color-white-6: f;
-  --sp-color-black-0: #;
-  --sp-color-black-1: 0;
-  --sp-color-black-2: 0;
-  --sp-color-black-3: 0;
-  --sp-color-black-4: 0;
-  --sp-color-black-5: 0;
-  --sp-color-black-6: 0;
+  --sp-color-white: #ffffff;
+  --sp-color-black: #000000;
   --sp-space-0: 0rem;
   --sp-space-4: 0.25rem;
   --sp-space-8: 0.5rem;
@@ -172,13 +163,25 @@
   --sp-font-md-weight: 500;
   --sp-font-lg-size: 1.25rem;
   --sp-font-lg-line-height: 2rem;
-  --sp-font-lg-weight: 500;
+  --sp-font-lg-weight: 600;
   --sp-font-xl-size: 1.5rem;
   --sp-font-xl-line-height: 2.125rem;
   --sp-font-xl-weight: 600;
   --sp-font-2xl-size: 1.875rem;
   --sp-font-2xl-line-height: 2.5rem;
-  --sp-font-2xl-weight: 600;
+  --sp-font-2xl-weight: 700;
+  --sp-font-3xl-size: 2.25rem;
+  --sp-font-3xl-line-height: 2.75rem;
+  --sp-font-3xl-weight: 700;
+  --sp-font-4xl-size: 3rem;
+  --sp-font-4xl-line-height: 3.5rem;
+  --sp-font-4xl-weight: 800;
+  --sp-font-5xl-size: 3.75rem;
+  --sp-font-5xl-line-height: 4.25rem;
+  --sp-font-5xl-weight: 800;
+  --sp-font-6xl-size: 4.5rem;
+  --sp-font-6xl-line-height: 5rem;
+  --sp-font-6xl-weight: 900;
   --sp-font-xs-letter-spacing: 0.02em;
   --sp-text-on-page-default: #141b24;
   --sp-text-on-page-muted: #4b576a;
@@ -250,6 +253,7 @@
   --sp-button-primary-text: #ffffff;
   --sp-button-primary-textdisabled: #8a96ad;
   --sp-button-primary-focusring: rgba(14, 165, 233, 0.4);
+  --sp-button-primary-focusvisible: rgba(14, 165, 233, 0.4);
   --sp-button-secondary-bg: #ffffff;
   --sp-button-secondary-bghover: #f7f8fb;
   --sp-button-secondary-bgactive: #eef1f6;
@@ -259,6 +263,7 @@
   --sp-button-secondary-border: #075985;
   --sp-button-secondary-borderdisabled: #d9dfeb;
   --sp-button-secondary-focusring: rgba(14, 165, 233, 0.4);
+  --sp-button-secondary-focusvisible: rgba(14, 165, 233, 0.4);
   --sp-button-ghost-bg: transparent;
   --sp-button-ghost-bghover: #f0f9ff;
   --sp-button-ghost-bgactive: #e0f2fe;
@@ -266,6 +271,7 @@
   --sp-button-ghost-text: #075985;
   --sp-button-ghost-textdisabled: #8a96ad;
   --sp-button-ghost-focusring: rgba(14, 165, 233, 0.4);
+  --sp-button-ghost-focusvisible: rgba(14, 165, 233, 0.4);
   --sp-button-danger-bg: #dc2626;
   --sp-button-danger-bghover: #b91c1c;
   --sp-button-danger-bgactive: #991b1b;
@@ -295,6 +301,7 @@
   --sp-button-accent-text: #ffffff;
   --sp-button-accent-textdisabled: #8a96ad;
   --sp-button-accent-focusring: rgba(133, 79, 247, 0.4);
+  --sp-button-accent-focusvisible: rgba(133, 79, 247, 0.4);
   --sp-form-default-bg: #ffffff;
   --sp-form-default-border: #b7c1d4;
   --sp-form-default-text: #141b24;
@@ -302,6 +309,8 @@
   --sp-form-hover-border: #0ea5e9;
   --sp-form-focus-border: #0ea5e9;
   --sp-form-focus-ring: #0ea5e9;
+  --sp-form-focusvisible-border: #0ea5e9;
+  --sp-form-focusvisible-ring: #0ea5e9;
   --sp-form-valid-border: #22c55e;
   --sp-form-valid-bg: #f0fdf4;
   --sp-form-valid-text: #15803d;
@@ -341,15 +350,18 @@
   --sp-surface-card: #222b38;
   --sp-surface-input: #374253;
   --sp-surface-overlay: #222b38;
-  --sp-surface-hero: linear-gradient(135deg, #401f75 0%, #5d28b8 100%);
+  --sp-surface-alternate: #222b38;
+  --sp-surface-hero: linear-gradient(135deg, #5d28b8 0%, #401f75 100%);
   --sp-text-on-page-default: #f7f8fb;
   --sp-text-on-page-muted: #b7c1d4;
   --sp-text-on-page-subtle: #8a96ad;
   --sp-text-on-page-meta: #8a96ad;
+  --sp-text-on-page-brand: #5a92ff;
   --sp-text-on-surface-default: #eef1f6;
   --sp-text-on-surface-muted: #b7c1d4;
   --sp-text-on-surface-subtle: #8a96ad;
   --sp-text-on-surface-meta: #8a96ad;
+  --sp-text-on-surface-brand: #5a92ff;
   --sp-component-card-text: #eef1f6;
   --sp-component-card-text-muted: #b7c1d4;
   --sp-component-input-text: #eef1f6;
@@ -368,7 +380,7 @@
   --sp-badge-danger-text: #fee2e2;
   --sp-icon-box-bg: #222b38;
   --sp-icon-box-border: #374253;
-  --sp-icon-box-icon-default: #7dd3fc;
+  --sp-icon-box-icon-default: #38bdf8;
   --sp-icon-box-icon-success: #4ade80;
   --sp-icon-box-icon-warning: #ffc21a;
   --sp-icon-box-icon-danger: #f87171;