@phcdevworks/spectre-ui 0.4.0 → 1.0.0

package/dist/index.d.cts

@@ -8,7 +8,7 @@ declare const spectreStyles: {
     utilities: string;
 };
 
-declare const buttonVariants: readonly ["primary", "secondary", "ghost", "danger", "success"];
+declare const buttonVariants: readonly ["primary", "secondary", "ghost", "danger", "success", "cta", "accent"];
 declare const buttonSizes: readonly ["sm", "md", "lg"];
 type ButtonVariant = (typeof buttonVariants)[number];
 type ButtonSize = (typeof buttonSizes)[number];
@@ -19,6 +19,7 @@ interface ButtonRecipeOptions {
     loading?: boolean;
     disabled?: boolean;
     iconOnly?: boolean;
+    pill?: boolean;
 }
 declare function getButtonClasses(opts?: ButtonRecipeOptions): string;
 
@@ -43,13 +44,14 @@ interface InputRecipeOptions {
 }
 declare function getInputClasses(opts?: InputRecipeOptions): string;
 
-declare const badgeVariants: readonly ["primary", "success", "warning", "danger"];
+declare const badgeVariants: readonly ["primary", "secondary", "success", "warning", "danger", "neutral", "info"];
 declare const badgeSizes: readonly ["sm", "md", "lg"];
 type BadgeVariant = (typeof badgeVariants)[number];
 type BadgeSize = (typeof badgeSizes)[number];
 interface BadgeRecipeOptions {
     variant?: BadgeVariant;
     size?: BadgeSize;
+    interactive?: boolean;
 }
 declare function getBadgeClasses(opts?: BadgeRecipeOptions): string;
 
@@ -63,4 +65,29 @@ interface IconBoxRecipeOptions {
 }
 declare function getIconBoxClasses(opts?: IconBoxRecipeOptions): string;
 
-export { type BadgeRecipeOptions, type BadgeSize, type BadgeVariant, type ButtonRecipeOptions, type ButtonSize, type ButtonVariant, type CardRecipeOptions, type CardVariant, type IconBoxRecipeOptions, type IconBoxSize, type IconBoxVariant, type InputRecipeOptions, type InputSize, type InputState, getBadgeClasses, getButtonClasses, getCardClasses, getIconBoxClasses, getInputClasses, spectreBaseStylesPath, spectreComponentsStylesPath, spectreStyles, spectreUtilitiesStylesPath };
+interface TestimonialRecipeOptions {
+}
+declare function getTestimonialClasses(_opts?: TestimonialRecipeOptions): string;
+declare function getTestimonialQuoteClasses(): string;
+declare function getTestimonialAuthorClasses(): string;
+declare function getTestimonialAuthorInfoClasses(): string;
+declare function getTestimonialAuthorNameClasses(): string;
+declare function getTestimonialAuthorTitleClasses(): string;
+
+interface PricingCardRecipeOptions {
+    featured?: boolean;
+}
+declare function getPricingCardClasses(opts?: PricingCardRecipeOptions): string;
+declare function getPricingCardBadgeClasses(): string;
+declare function getPricingCardPriceContainerClasses(): string;
+declare function getPricingCardPriceClasses(): string;
+declare function getPricingCardDescriptionClasses(): string;
+
+interface RatingRecipeOptions {
+}
+declare function getRatingClasses(_opts?: RatingRecipeOptions): string;
+declare function getRatingStarsClasses(): string;
+declare function getRatingStarClasses(isFilled?: boolean): string;
+declare function getRatingTextClasses(): string;
+
+export { type BadgeRecipeOptions, type BadgeSize, type BadgeVariant, type ButtonRecipeOptions, type ButtonSize, type ButtonVariant, type CardRecipeOptions, type CardVariant, type IconBoxRecipeOptions, type IconBoxSize, type IconBoxVariant, type InputRecipeOptions, type InputSize, type InputState, type PricingCardRecipeOptions, type RatingRecipeOptions, type TestimonialRecipeOptions, getBadgeClasses, getButtonClasses, getCardClasses, getIconBoxClasses, getInputClasses, getPricingCardBadgeClasses, getPricingCardClasses, getPricingCardDescriptionClasses, getPricingCardPriceClasses, getPricingCardPriceContainerClasses, getRatingClasses, getRatingStarClasses, getRatingStarsClasses, getRatingTextClasses, getTestimonialAuthorClasses, getTestimonialAuthorInfoClasses, getTestimonialAuthorNameClasses, getTestimonialAuthorTitleClasses, getTestimonialClasses, getTestimonialQuoteClasses, spectreBaseStylesPath, spectreComponentsStylesPath, spectreStyles, spectreUtilitiesStylesPath };

package/dist/index.d.ts

@@ -8,7 +8,7 @@ declare const spectreStyles: {
     utilities: string;
 };
 
-declare const buttonVariants: readonly ["primary", "secondary", "ghost", "danger", "success"];
+declare const buttonVariants: readonly ["primary", "secondary", "ghost", "danger", "success", "cta", "accent"];
 declare const buttonSizes: readonly ["sm", "md", "lg"];
 type ButtonVariant = (typeof buttonVariants)[number];
 type ButtonSize = (typeof buttonSizes)[number];
@@ -19,6 +19,7 @@ interface ButtonRecipeOptions {
     loading?: boolean;
     disabled?: boolean;
     iconOnly?: boolean;
+    pill?: boolean;
 }
 declare function getButtonClasses(opts?: ButtonRecipeOptions): string;
 
@@ -43,13 +44,14 @@ interface InputRecipeOptions {
 }
 declare function getInputClasses(opts?: InputRecipeOptions): string;
 
-declare const badgeVariants: readonly ["primary", "success", "warning", "danger"];
+declare const badgeVariants: readonly ["primary", "secondary", "success", "warning", "danger", "neutral", "info"];
 declare const badgeSizes: readonly ["sm", "md", "lg"];
 type BadgeVariant = (typeof badgeVariants)[number];
 type BadgeSize = (typeof badgeSizes)[number];
 interface BadgeRecipeOptions {
     variant?: BadgeVariant;
     size?: BadgeSize;
+    interactive?: boolean;
 }
 declare function getBadgeClasses(opts?: BadgeRecipeOptions): string;
 
@@ -63,4 +65,29 @@ interface IconBoxRecipeOptions {
 }
 declare function getIconBoxClasses(opts?: IconBoxRecipeOptions): string;
 
-export { type BadgeRecipeOptions, type BadgeSize, type BadgeVariant, type ButtonRecipeOptions, type ButtonSize, type ButtonVariant, type CardRecipeOptions, type CardVariant, type IconBoxRecipeOptions, type IconBoxSize, type IconBoxVariant, type InputRecipeOptions, type InputSize, type InputState, getBadgeClasses, getButtonClasses, getCardClasses, getIconBoxClasses, getInputClasses, spectreBaseStylesPath, spectreComponentsStylesPath, spectreStyles, spectreUtilitiesStylesPath };
+interface TestimonialRecipeOptions {
+}
+declare function getTestimonialClasses(_opts?: TestimonialRecipeOptions): string;
+declare function getTestimonialQuoteClasses(): string;
+declare function getTestimonialAuthorClasses(): string;
+declare function getTestimonialAuthorInfoClasses(): string;
+declare function getTestimonialAuthorNameClasses(): string;
+declare function getTestimonialAuthorTitleClasses(): string;
+
+interface PricingCardRecipeOptions {
+    featured?: boolean;
+}
+declare function getPricingCardClasses(opts?: PricingCardRecipeOptions): string;
+declare function getPricingCardBadgeClasses(): string;
+declare function getPricingCardPriceContainerClasses(): string;
+declare function getPricingCardPriceClasses(): string;
+declare function getPricingCardDescriptionClasses(): string;
+
+interface RatingRecipeOptions {
+}
+declare function getRatingClasses(_opts?: RatingRecipeOptions): string;
+declare function getRatingStarsClasses(): string;
+declare function getRatingStarClasses(isFilled?: boolean): string;
+declare function getRatingTextClasses(): string;
+
+export { type BadgeRecipeOptions, type BadgeSize, type BadgeVariant, type ButtonRecipeOptions, type ButtonSize, type ButtonVariant, type CardRecipeOptions, type CardVariant, type IconBoxRecipeOptions, type IconBoxSize, type IconBoxVariant, type InputRecipeOptions, type InputSize, type InputState, type PricingCardRecipeOptions, type RatingRecipeOptions, type TestimonialRecipeOptions, getBadgeClasses, getButtonClasses, getCardClasses, getIconBoxClasses, getInputClasses, getPricingCardBadgeClasses, getPricingCardClasses, getPricingCardDescriptionClasses, getPricingCardPriceClasses, getPricingCardPriceContainerClasses, getRatingClasses, getRatingStarClasses, getRatingStarsClasses, getRatingTextClasses, getTestimonialAuthorClasses, getTestimonialAuthorInfoClasses, getTestimonialAuthorNameClasses, getTestimonialAuthorTitleClasses, getTestimonialClasses, getTestimonialQuoteClasses, spectreBaseStylesPath, spectreComponentsStylesPath, spectreStyles, spectreUtilitiesStylesPath };

package/dist/index.js

@@ -53,7 +53,9 @@ var BUTTON_VARIANTS = {
   secondary: true,
   ghost: true,
   danger: true,
-  success: true
+  success: true,
+  cta: true,
+  accent: true
 };
 var BUTTON_SIZES = {
   sm: true,
@@ -67,7 +69,8 @@ function getButtonClasses(opts = {}) {
     fullWidth = false,
     loading = false,
     disabled = false,
-    iconOnly = false
+    iconOnly = false,
+    pill = false
   } = opts;
   const variant = resolveOption({
     name: "button variant",
@@ -86,7 +89,9 @@ function getButtonClasses(opts = {}) {
     secondary: "sp-btn--secondary",
     ghost: "sp-btn--ghost",
     danger: "sp-btn--danger",
-    success: "sp-btn--success"
+    success: "sp-btn--success",
+    cta: "sp-btn--cta",
+    accent: "sp-btn--accent"
   };
   const variantClass = variantMap[variant];
   const sizeMap = {
@@ -102,7 +107,8 @@ function getButtonClasses(opts = {}) {
     fullWidth && "sp-btn--full",
     loading && "sp-btn--loading",
     disabled && "sp-btn--disabled",
-    iconOnly && "sp-btn--icon"
+    iconOnly && "sp-btn--icon",
+    pill && "sp-btn--pill"
   );
 }
 
@@ -188,9 +194,12 @@ function getInputClasses(opts = {}) {
 // src/recipes/badge.ts
 var BADGE_VARIANTS = {
   primary: true,
+  secondary: true,
   success: true,
   warning: true,
-  danger: true
+  danger: true,
+  neutral: true,
+  info: true
 };
 var BADGE_SIZES = {
   sm: true,
@@ -198,7 +207,7 @@ var BADGE_SIZES = {
   lg: true
 };
 function getBadgeClasses(opts = {}) {
-  const { variant: variantInput, size: sizeInput } = opts;
+  const { variant: variantInput, size: sizeInput, interactive } = opts;
   const variant = resolveOption({
     name: "badge variant",
     value: variantInput,
@@ -213,9 +222,12 @@ function getBadgeClasses(opts = {}) {
   });
   const variantMap = {
     primary: "sp-badge--primary",
+    secondary: "sp-badge--secondary",
     success: "sp-badge--success",
     warning: "sp-badge--warning",
-    danger: "sp-badge--danger"
+    danger: "sp-badge--danger",
+    neutral: "sp-badge--neutral",
+    info: "sp-badge--info"
   };
   const variantClass = variantMap[variant];
   const sizeMap = {
@@ -224,7 +236,12 @@ function getBadgeClasses(opts = {}) {
     lg: "sp-badge--lg"
   };
   const sizeClass = sizeMap[size];
-  return cx("sp-badge", variantClass, sizeClass);
+  return cx(
+    "sp-badge",
+    variantClass,
+    sizeClass,
+    interactive && "sp-badge--interactive"
+  );
 }
 
 // src/recipes/iconbox.ts
@@ -271,6 +288,64 @@ function getIconBoxClasses(opts = {}) {
   return cx("sp-iconbox", variantClass, sizeClass);
 }
 
-export { getBadgeClasses, getButtonClasses, getCardClasses, getIconBoxClasses, getInputClasses, spectreBaseStylesPath, spectreComponentsStylesPath, spectreStyles, spectreUtilitiesStylesPath };
+// src/recipes/testimonial.ts
+function getTestimonialClasses(_opts = {}) {
+  return cx("sp-testimonial");
+}
+function getTestimonialQuoteClasses() {
+  return cx("sp-testimonial-quote");
+}
+function getTestimonialAuthorClasses() {
+  return cx("sp-testimonial-author");
+}
+function getTestimonialAuthorInfoClasses() {
+  return cx("sp-testimonial-author-info");
+}
+function getTestimonialAuthorNameClasses() {
+  return cx("sp-testimonial-author-name");
+}
+function getTestimonialAuthorTitleClasses() {
+  return cx("sp-testimonial-author-title");
+}
+
+// src/recipes/pricing-card.ts
+function getPricingCardClasses(opts = {}) {
+  const { featured = false } = opts;
+  return cx(
+    "sp-pricing-card",
+    featured && "sp-pricing-card--featured"
+  );
+}
+function getPricingCardBadgeClasses() {
+  return cx("sp-pricing-card-badge");
+}
+function getPricingCardPriceContainerClasses() {
+  return cx("sp-pricing-card-price-container");
+}
+function getPricingCardPriceClasses() {
+  return cx("sp-pricing-card-price");
+}
+function getPricingCardDescriptionClasses() {
+  return cx("sp-pricing-card-description");
+}
+
+// src/recipes/rating.ts
+function getRatingClasses(_opts = {}) {
+  return cx("sp-rating");
+}
+function getRatingStarsClasses() {
+  return cx("sp-rating-stars");
+}
+function getRatingStarClasses(isFilled = false) {
+  return cx(
+    "sp-rating-star",
+    isFilled && "sp-rating-star--filled"
+  );
+}
+function getRatingTextClasses() {
+  return cx("sp-rating-text");
+}
+
+export { getBadgeClasses, getButtonClasses, getCardClasses, getIconBoxClasses, getInputClasses, getPricingCardBadgeClasses, getPricingCardClasses, getPricingCardDescriptionClasses, getPricingCardPriceClasses, getPricingCardPriceContainerClasses, getRatingClasses, getRatingStarClasses, getRatingStarsClasses, getRatingTextClasses, getTestimonialAuthorClasses, getTestimonialAuthorInfoClasses, getTestimonialAuthorNameClasses, getTestimonialAuthorTitleClasses, getTestimonialClasses, getTestimonialQuoteClasses, spectreBaseStylesPath, spectreComponentsStylesPath, spectreStyles, spectreUtilitiesStylesPath };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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"],"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 buttonVariants = [\"primary\", \"secondary\", \"ghost\", \"danger\", \"success\"] as const;\nconst buttonSizes = [\"sm\", \"md\", \"lg\"] as const;\n\nexport type ButtonVariant = (typeof buttonVariants)[number];\nexport type ButtonSize = (typeof buttonSizes)[number];\n\nconst BUTTON_VARIANTS = {\n  primary: true,\n  secondary: true,\n  ghost: true,\n  danger: true,\n  success: true,\n} as const;\n\nconst BUTTON_SIZES = {\n  sm: true,\n  md: true,\n  lg: true,\n} as const;\n\nexport interface ButtonRecipeOptions {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  fullWidth?: boolean;\n  loading?: boolean;\n  disabled?: boolean;\n  iconOnly?: 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    iconOnly = 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  };\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    iconOnly && \"sp-btn--icon\",\n  );\n}\n","import { cx } from \"../internal/cx\";\nimport { resolveOption } from \"../internal/resolve-option\";\n\nconst cardVariants = [\"elevated\", \"flat\", \"outline\", \"ghost\"] as const;\n\nexport type CardVariant = (typeof cardVariants)[number];\n\nconst CARD_VARIANTS = {\n  elevated: true,\n  flat: true,\n  outline: true,\n  ghost: true,\n} as const;\n\nexport interface CardRecipeOptions {\n  variant?: CardVariant;\n  interactive?: boolean; // hover/focus styles\n  padded?: boolean;      // apply default padding\n  fullHeight?: boolean;\n}\n\nexport function getCardClasses(opts: CardRecipeOptions = {}): string {\n  const {\n    variant: variantInput,\n    interactive = false,\n    padded = false,\n    fullHeight = 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  );\n}\n","import { cx } from \"../internal/cx\";\nimport { resolveOption } from \"../internal/resolve-option\";\n\nconst inputStates = [\"default\", \"error\", \"success\", \"disabled\"] as const;\nconst inputSizes = [\"sm\", \"md\", \"lg\"] as const;\n\nexport type InputState = (typeof inputStates)[number];\nexport type InputSize = (typeof inputSizes)[number];\n\nconst INPUT_STATES = {\n  default: true,\n  error: true,\n  success: true,\n  disabled: true,\n} as const;\n\nconst INPUT_SIZES = {\n  sm: true,\n  md: true,\n  lg: true,\n} as const;\n\nexport interface InputRecipeOptions {\n  state?: InputState;\n  size?: InputSize;\n  fullWidth?: boolean;\n}\n\nexport function getInputClasses(opts: InputRecipeOptions = {}): string {\n  const { state: stateInput, size: sizeInput, fullWidth = false } = 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    fullWidth && \"sp-input--full\",\n  );\n}\n","import { cx } from \"../internal/cx\";\nimport { resolveOption } from \"../internal/resolve-option\";\n\nconst badgeVariants = [\"primary\", \"success\", \"warning\", \"danger\"] as const;\nconst badgeSizes = [\"sm\", \"md\", \"lg\"] as const;\n\nexport type BadgeVariant = (typeof badgeVariants)[number];\nexport type BadgeSize = (typeof badgeSizes)[number];\n\nconst BADGE_VARIANTS = {\n  primary: true,\n  success: true,\n  warning: true,\n  danger: true,\n} as const;\n\nconst BADGE_SIZES = {\n  sm: true,\n  md: true,\n  lg: true,\n} as const;\n\nexport interface BadgeRecipeOptions {\n  variant?: BadgeVariant;\n  size?: BadgeSize;\n}\n\nexport function getBadgeClasses(opts: BadgeRecipeOptions = {}): string {\n  const { variant: variantInput, size: sizeInput } = 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    success: \"sp-badge--success\",\n    warning: \"sp-badge--warning\",\n    danger: \"sp-badge--danger\",\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(\"sp-badge\", variantClass, sizeClass);\n}\n","import { cx } from \"../internal/cx\";\nimport { resolveOption } from \"../internal/resolve-option\";\n\nconst iconBoxVariants = [\"primary\", \"success\", \"warning\", \"danger\", \"info\"] as const;\nconst iconBoxSizes = [\"sm\", \"md\", \"lg\"] as const;\n\nexport type IconBoxVariant = (typeof iconBoxVariants)[number];\nexport type IconBoxSize = (typeof iconBoxSizes)[number];\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 interface IconBoxRecipeOptions {\n  variant?: IconBoxVariant;\n  size?: IconBoxSize;\n}\n\nexport function getIconBoxClasses(opts: IconBoxRecipeOptions = {}): string {\n  const { variant: variantInput, size: sizeInput } = 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(\"sp-iconbox\", variantClass, sizeClass);\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":";AAAO,IAAM,qBAAA,GAAwB;AAC9B,IAAM,2BAAA,GAA8B;AACpC,IAAM,0BAAA,GAA6B;AACnC,IAAM,sBAAA,GAAyB,mCAAA;AAE/B,IAAM,aAAA,GAAgB;AAAA,EAC3B,KAAA,EAAO,sBAAA;AAAA,EACP,IAAA,EAAM,qBAAA;AAAA,EACN,UAAA,EAAY,2BAAA;AAAA,EACZ,SAAA,EAAW;AACb;;;ACVO,SAAS,MAAM,KAAA,EAAyD;AAC7E,EAAA,MAAM,IAAA,uBAAW,GAAA,EAAY;AAC7B,EAAA,MAAM,UAAoB,EAAC;AAE3B,EAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,MAAM,OAAA,GAAU,KAAK,IAAA,EAAK;AAC1B,IAAA,IAAI,CAAC,OAAA,EAAS;AAEd,IAAA,IAAI,CAAC,IAAA,CAAK,IAAA,CAAK,OAAO,CAAA,EAAG;AACvB,MAAA,IAAI,CAAC,IAAA,CAAK,GAAA,CAAI,OAAO,CAAA,EAAG;AACtB,QAAA,IAAA,CAAK,IAAI,OAAO,CAAA;AAChB,QAAA,OAAA,CAAQ,KAAK,OAAO,CAAA;AAAA,MACtB;AACA,MAAA;AAAA,IACF;AAEA,IAAA,KAAA,MAAW,KAAA,IAAS,OAAA,CAAQ,KAAA,CAAM,KAAK,CAAA,EAAG;AACxC,MAAA,IAAI,CAAC,KAAA,IAAS,IAAA,CAAK,GAAA,CAAI,KAAK,CAAA,EAAG;AAC/B,MAAA,IAAA,CAAK,IAAI,KAAK,CAAA;AACd,MAAA,OAAA,CAAQ,KAAK,KAAK,CAAA;AAAA,IACpB;AAAA,EACF;AAEA,EAAA,OAAO,OAAA,CAAQ,KAAK,GAAG,CAAA;AACzB;;;ACvBA,IAAM,MAAA,GAAS,CAAC,KAAA,EAAe,GAAA,KAC7B,OAAO,SAAA,CAAU,cAAA,CAAe,IAAA,CAAK,KAAA,EAAO,GAAG,CAAA;AAEjD,IAAM,cAAA,GAAiB,CAAmB,KAAA,EAAU,OAAA,KAClD,MAAM,OAAA,CAAQ,OAAO,CAAA,GAAI,OAAA,CAAQ,QAAA,CAAS,KAAK,CAAA,GAAI,MAAA,CAAO,SAAS,KAAK,CAAA;AAEnE,SAAS,cAAgC,MAAA,EAK1C;AACJ,EAAA,MAAM,EAAE,IAAA,EAAM,KAAA,EAAO,OAAA,EAAS,UAAS,GAAI,MAAA;AAE3C,EAAA,IAAI,KAAA,KAAU,QAAW,OAAO,QAAA;AAChC,EAAA,IAAI,cAAA,CAAe,KAAA,EAAO,OAAO,CAAA,EAAG,OAAO,KAAA;AAE3C,EAAA,IAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,KAAa,YAAA,EAAc;AACzC,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,qBAAA,EAAwB,IAAI,CAAA,EAAA,EAAK,KAAK,CAAA,CAAE,CAAA;AAAA,EAC1D;AAEA,EAAA,OAAO,QAAA;AACT;;;ACfA,IAAM,eAAA,GAAkB;AAAA,EACtB,OAAA,EAAS,IAAA;AAAA,EACT,SAAA,EAAW,IAAA;AAAA,EACX,KAAA,EAAO,IAAA;AAAA,EACP,MAAA,EAAQ,IAAA;AAAA,EACR,OAAA,EAAS,IAAA;AAAA,EACT,GAAA,EAAK,IAAA;AAAA,EACL,MAAA,EAAQ;AACV,CAAA;AAEA,IAAM,YAAA,GAAe;AAAA,EACnB,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAYO,SAAS,gBAAA,CAAiB,IAAA,GAA4B,EAAC,EAAW;AACvE,EAAA,MAAM;AAAA,IACJ,OAAA,EAAS,YAAA;AAAA,IACT,IAAA,EAAM,SAAA;AAAA,IACN,SAAA,GAAY,KAAA;AAAA,IACZ,OAAA,GAAU,KAAA;AAAA,IACV,QAAA,GAAW,KAAA;AAAA,IACX,QAAA,GAAW,KAAA;AAAA,IACX,IAAA,GAAO;AAAA,GACT,GAAI,IAAA;AAEJ,EAAA,MAAM,UAAU,aAAA,CAAc;AAAA,IAC5B,IAAA,EAAM,gBAAA;AAAA,IACN,KAAA,EAAO,YAAA;AAAA,IACP,OAAA,EAAS,eAAA;AAAA,IACT,QAAA,EAAU;AAAA,GACX,CAAA;AACD,EAAA,MAAM,OAAO,aAAA,CAAc;AAAA,IACzB,IAAA,EAAM,aAAA;AAAA,IACN,KAAA,EAAO,SAAA;AAAA,IACP,OAAA,EAAS,YAAA;AAAA,IACT,QAAA,EAAU;AAAA,GACX,CAAA;AAED,EAAA,MAAM,UAAA,GAA4C;AAAA,IAChD,OAAA,EAAS,iBAAA;AAAA,IACT,SAAA,EAAW,mBAAA;AAAA,IACX,KAAA,EAAO,eAAA;AAAA,IACP,MAAA,EAAQ,gBAAA;AAAA,IACR,OAAA,EAAS,iBAAA;AAAA,IACT,GAAA,EAAK,aAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACV;AACA,EAAA,MAAM,YAAA,GAAe,WAAW,OAAO,CAAA;AAEvC,EAAA,MAAM,OAAA,GAAsC;AAAA,IAC1C,EAAA,EAAI,YAAA;AAAA,IACJ,EAAA,EAAI,YAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACN;AACA,EAAA,MAAM,SAAA,GAAY,QAAQ,IAAI,CAAA;AAE9B,EAAA,OAAO,EAAA;AAAA,IACL,QAAA;AAAA,IACA,YAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA,IAAa,cAAA;AAAA,IACb,OAAA,IAAW,iBAAA;AAAA,IACX,QAAA,IAAY,kBAAA;AAAA,IACZ,QAAA,IAAY,cAAA;AAAA,IACZ,IAAA,IAAQ;AAAA,GACV;AACF;;;AChFA,IAAM,aAAA,GAAgB;AAAA,EACpB,QAAA,EAAU,IAAA;AAAA,EACV,IAAA,EAAM,IAAA;AAAA,EACN,OAAA,EAAS,IAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AASO,SAAS,cAAA,CAAe,IAAA,GAA0B,EAAC,EAAW;AACnE,EAAA,MAAM;AAAA,IACJ,OAAA,EAAS,YAAA;AAAA,IACT,WAAA,GAAc,KAAA;AAAA,IACd,MAAA,GAAS,KAAA;AAAA,IACT,UAAA,GAAa;AAAA,GACf,GAAI,IAAA;AAEJ,EAAA,MAAM,UAAU,aAAA,CAAc;AAAA,IAC5B,IAAA,EAAM,cAAA;AAAA,IACN,KAAA,EAAO,YAAA;AAAA,IACP,OAAA,EAAS,aAAA;AAAA,IACT,QAAA,EAAU;AAAA,GACX,CAAA;AAED,EAAA,MAAM,UAAA,GAA0C;AAAA,IAC9C,QAAA,EAAU,mBAAA;AAAA,IACV,IAAA,EAAM,eAAA;AAAA,IACN,OAAA,EAAS,kBAAA;AAAA,IACT,KAAA,EAAO;AAAA,GACT;AACA,EAAA,MAAM,YAAA,GAAe,WAAW,OAAO,CAAA;AAEvC,EAAA,OAAO,EAAA;AAAA,IACL,SAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA,IAAe,sBAAA;AAAA,IACf,MAAA,IAAU,iBAAA;AAAA,IACV,UAAA,IAAc;AAAA,GAChB;AACF;;;AC1CA,IAAM,YAAA,GAAe;AAAA,EACnB,OAAA,EAAS,IAAA;AAAA,EACT,KAAA,EAAO,IAAA;AAAA,EACP,OAAA,EAAS,IAAA;AAAA,EACT,QAAA,EAAU;AACZ,CAAA;AAEA,IAAM,WAAA,GAAc;AAAA,EAClB,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAQO,SAAS,eAAA,CAAgB,IAAA,GAA2B,EAAC,EAAW;AACrE,EAAA,MAAM,EAAE,KAAA,EAAO,UAAA,EAAY,MAAM,SAAA,EAAW,SAAA,GAAY,OAAM,GAAI,IAAA;AAElE,EAAA,MAAM,QAAQ,aAAA,CAAc;AAAA,IAC1B,IAAA,EAAM,aAAA;AAAA,IACN,KAAA,EAAO,UAAA;AAAA,IACP,OAAA,EAAS,YAAA;AAAA,IACT,QAAA,EAAU;AAAA,GACX,CAAA;AACD,EAAA,MAAM,OAAO,aAAA,CAAc;AAAA,IACzB,IAAA,EAAM,YAAA;AAAA,IACN,KAAA,EAAO,SAAA;AAAA,IACP,OAAA,EAAS,WAAA;AAAA,IACT,QAAA,EAAU;AAAA,GACX,CAAA;AAED,EAAA,MAAM,OAAA,GAAqC;AAAA,IACzC,EAAA,EAAI,cAAA;AAAA,IACJ,EAAA,EAAI,cAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACN;AACA,EAAA,MAAM,SAAA,GAAY,QAAQ,IAAI,CAAA;AAG9B,EAAA,OAAO,EAAA;AAAA,IACL,UAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAU,OAAA,IAAW,iBAAA;AAAA,IACrB,UAAU,SAAA,IAAa,mBAAA;AAAA;AAAA,IAEvB,UAAU,UAAA,IAAc,oBAAA;AAAA,IACxB,SAAA,IAAa;AAAA,GACf;AACF;;;ACpDA,IAAM,cAAA,GAAiB;AAAA,EACrB,OAAA,EAAS,IAAA;AAAA,EACT,SAAA,EAAW,IAAA;AAAA,EACX,OAAA,EAAS,IAAA;AAAA,EACT,OAAA,EAAS,IAAA;AAAA,EACT,MAAA,EAAQ,IAAA;AAAA,EACR,OAAA,EAAS,IAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEA,IAAM,WAAA,GAAc;AAAA,EAClB,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAQO,SAAS,eAAA,CAAgB,IAAA,GAA2B,EAAC,EAAW;AACrE,EAAA,MAAM,EAAE,OAAA,EAAS,YAAA,EAAc,IAAA,EAAM,SAAA,EAAW,aAAY,GAAI,IAAA;AAEhE,EAAA,MAAM,UAAU,aAAA,CAAc;AAAA,IAC5B,IAAA,EAAM,eAAA;AAAA,IACN,KAAA,EAAO,YAAA;AAAA,IACP,OAAA,EAAS,cAAA;AAAA,IACT,QAAA,EAAU;AAAA,GACX,CAAA;AACD,EAAA,MAAM,OAAO,aAAA,CAAc;AAAA,IACzB,IAAA,EAAM,YAAA;AAAA,IACN,KAAA,EAAO,SAAA;AAAA,IACP,OAAA,EAAS,WAAA;AAAA,IACT,QAAA,EAAU;AAAA,GACX,CAAA;AAED,EAAA,MAAM,UAAA,GAA2C;AAAA,IAC/C,OAAA,EAAS,mBAAA;AAAA,IACT,SAAA,EAAW,qBAAA;AAAA,IACX,OAAA,EAAS,mBAAA;AAAA,IACT,OAAA,EAAS,mBAAA;AAAA,IACT,MAAA,EAAQ,kBAAA;AAAA,IACR,OAAA,EAAS,mBAAA;AAAA,IACT,IAAA,EAAM;AAAA,GACR;AACA,EAAA,MAAM,YAAA,GAAe,WAAW,OAAO,CAAA;AAEvC,EAAA,MAAM,OAAA,GAAqC;AAAA,IACzC,EAAA,EAAI,cAAA;AAAA,IACJ,EAAA,EAAI,cAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACN;AACA,EAAA,MAAM,SAAA,GAAY,QAAQ,IAAI,CAAA;AAE9B,EAAA,OAAO,EAAA;AAAA,IACL,UAAA;AAAA,IACA,YAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA,IAAe;AAAA,GACjB;AACF;;;AC9DA,IAAM,gBAAA,GAAmB;AAAA,EACvB,OAAA,EAAS,IAAA;AAAA,EACT,OAAA,EAAS,IAAA;AAAA,EACT,OAAA,EAAS,IAAA;AAAA,EACT,MAAA,EAAQ,IAAA;AAAA,EACR,IAAA,EAAM;AACR,CAAA;AAEA,IAAM,aAAA,GAAgB;AAAA,EACpB,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAOO,SAAS,iBAAA,CAAkB,IAAA,GAA6B,EAAC,EAAW;AACzE,EAAA,MAAM,EAAE,OAAA,EAAS,YAAA,EAAc,IAAA,EAAM,WAAU,GAAI,IAAA;AAEnD,EAAA,MAAM,UAAU,aAAA,CAAc;AAAA,IAC5B,IAAA,EAAM,kBAAA;AAAA,IACN,KAAA,EAAO,YAAA;AAAA,IACP,OAAA,EAAS,gBAAA;AAAA,IACT,QAAA,EAAU;AAAA,GACX,CAAA;AACD,EAAA,MAAM,OAAO,aAAA,CAAc;AAAA,IACzB,IAAA,EAAM,eAAA;AAAA,IACN,KAAA,EAAO,SAAA;AAAA,IACP,OAAA,EAAS,aAAA;AAAA,IACT,QAAA,EAAU;AAAA,GACX,CAAA;AAED,EAAA,MAAM,UAAA,GAA6C;AAAA,IACjD,OAAA,EAAS,qBAAA;AAAA,IACT,OAAA,EAAS,qBAAA;AAAA,IACT,OAAA,EAAS,qBAAA;AAAA,IACT,MAAA,EAAQ,oBAAA;AAAA,IACR,IAAA,EAAM;AAAA,GACR;AACA,EAAA,MAAM,YAAA,GAAe,WAAW,OAAO,CAAA;AAEvC,EAAA,MAAM,OAAA,GAAuC;AAAA,IAC3C,EAAA,EAAI,gBAAA;AAAA,IACJ,EAAA,EAAI,gBAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACN;AACA,EAAA,MAAM,SAAA,GAAY,QAAQ,IAAI,CAAA;AAE9B,EAAA,OAAO,EAAA,CAAG,YAAA,EAAc,YAAA,EAAc,SAAS,CAAA;AACjD;;;ACvDO,SAAS,qBAAA,CAAsB,KAAA,GAAkC,EAAC,EAAW;AAClF,EAAA,OAAO,GAAG,gBAAgB,CAAA;AAC5B;AAEO,SAAS,0BAAA,GAAqC;AACnD,EAAA,OAAO,GAAG,sBAAsB,CAAA;AAClC;AAEO,SAAS,2BAAA,GAAsC;AACpD,EAAA,OAAO,GAAG,uBAAuB,CAAA;AACnC;AAEO,SAAS,+BAAA,GAA0C;AACxD,EAAA,OAAO,GAAG,4BAA4B,CAAA;AACxC;AAEO,SAAS,+BAAA,GAA0C;AACxD,EAAA,OAAO,GAAG,4BAA4B,CAAA;AACxC;AAEO,SAAS,gCAAA,GAA2C;AACzD,EAAA,OAAO,GAAG,6BAA6B,CAAA;AACzC;;;ACtBO,SAAS,qBAAA,CAAsB,IAAA,GAAiC,EAAC,EAAW;AACjF,EAAA,MAAM,EAAE,QAAA,GAAW,KAAA,EAAM,GAAI,IAAA;AAC7B,EAAA,OAAO,EAAA;AAAA,IACL,iBAAA;AAAA,IACA,QAAA,IAAY;AAAA,GACd;AACF;AAEO,SAAS,0BAAA,GAAqC;AACnD,EAAA,OAAO,GAAG,uBAAuB,CAAA;AACnC;AAEO,SAAS,mCAAA,GAA8C;AAC5D,EAAA,OAAO,GAAG,iCAAiC,CAAA;AAC7C;AAEO,SAAS,0BAAA,GAAqC;AACnD,EAAA,OAAO,GAAG,uBAAuB,CAAA;AACnC;AAEO,SAAS,gCAAA,GAA2C;AACzD,EAAA,OAAO,GAAG,6BAA6B,CAAA;AACzC;;;ACtBO,SAAS,gBAAA,CAAiB,KAAA,GAA6B,EAAC,EAAW;AACxE,EAAA,OAAO,GAAG,WAAW,CAAA;AACvB;AAEO,SAAS,qBAAA,GAAgC;AAC9C,EAAA,OAAO,GAAG,iBAAiB,CAAA;AAC7B;AAEO,SAAS,oBAAA,CAAqB,WAAoB,KAAA,EAAe;AACtE,EAAA,OAAO,EAAA;AAAA,IACL,gBAAA;AAAA,IACA,QAAA,IAAY;AAAA,GACd;AACF;AAEO,SAAS,oBAAA,GAA+B;AAC7C,EAAA,OAAO,GAAG,gBAAgB,CAAA;AAC5B","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 buttonVariants = [\"primary\", \"secondary\", \"ghost\", \"danger\", \"success\", \"cta\", \"accent\"] as const;\nconst buttonSizes = [\"sm\", \"md\", \"lg\"] as const;\n\nexport type ButtonVariant = (typeof buttonVariants)[number];\nexport type ButtonSize = (typeof buttonSizes)[number];\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 interface ButtonRecipeOptions {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  fullWidth?: boolean;\n  loading?: boolean;\n  disabled?: 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    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    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 cardVariants = [\"elevated\", \"flat\", \"outline\", \"ghost\"] as const;\n\nexport type CardVariant = (typeof cardVariants)[number];\n\nconst CARD_VARIANTS = {\n  elevated: true,\n  flat: true,\n  outline: true,\n  ghost: true,\n} as const;\n\nexport interface CardRecipeOptions {\n  variant?: CardVariant;\n  interactive?: boolean; // hover/focus styles\n  padded?: boolean;      // apply default padding\n  fullHeight?: boolean;\n}\n\nexport function getCardClasses(opts: CardRecipeOptions = {}): string {\n  const {\n    variant: variantInput,\n    interactive = false,\n    padded = false,\n    fullHeight = 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  );\n}\n","import { cx } from \"../internal/cx\";\nimport { resolveOption } from \"../internal/resolve-option\";\n\nconst inputStates = [\"default\", \"error\", \"success\", \"disabled\"] as const;\nconst inputSizes = [\"sm\", \"md\", \"lg\"] as const;\n\nexport type InputState = (typeof inputStates)[number];\nexport type InputSize = (typeof inputSizes)[number];\n\nconst INPUT_STATES = {\n  default: true,\n  error: true,\n  success: true,\n  disabled: true,\n} as const;\n\nconst INPUT_SIZES = {\n  sm: true,\n  md: true,\n  lg: true,\n} as const;\n\nexport interface InputRecipeOptions {\n  state?: InputState;\n  size?: InputSize;\n  fullWidth?: boolean;\n}\n\nexport function getInputClasses(opts: InputRecipeOptions = {}): string {\n  const { state: stateInput, size: sizeInput, fullWidth = false } = 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    fullWidth && \"sp-input--full\",\n  );\n}\n","import { cx } from \"../internal/cx\";\nimport { resolveOption } from \"../internal/resolve-option\";\n\nconst badgeVariants = [\"primary\", \"secondary\", \"success\", \"warning\", \"danger\", \"neutral\", \"info\"] as const;\nconst badgeSizes = [\"sm\", \"md\", \"lg\"] as const;\n\nexport type BadgeVariant = (typeof badgeVariants)[number];\nexport type BadgeSize = (typeof badgeSizes)[number];\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 interface BadgeRecipeOptions {\n  variant?: BadgeVariant;\n  size?: BadgeSize;\n  interactive?: boolean;\n}\n\nexport function getBadgeClasses(opts: BadgeRecipeOptions = {}): string {\n  const { variant: variantInput, size: sizeInput, interactive } = 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  );\n}\n","import { cx } from \"../internal/cx\";\nimport { resolveOption } from \"../internal/resolve-option\";\n\nconst iconBoxVariants = [\"primary\", \"success\", \"warning\", \"danger\", \"info\"] as const;\nconst iconBoxSizes = [\"sm\", \"md\", \"lg\"] as const;\n\nexport type IconBoxVariant = (typeof iconBoxVariants)[number];\nexport type IconBoxSize = (typeof iconBoxSizes)[number];\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 interface IconBoxRecipeOptions {\n  variant?: IconBoxVariant;\n  size?: IconBoxSize;\n}\n\nexport function getIconBoxClasses(opts: IconBoxRecipeOptions = {}): string {\n  const { variant: variantInput, size: sizeInput } = 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(\"sp-iconbox\", variantClass, sizeClass);\n}\n","import { cx } from \"../internal/cx\";\n\nexport interface TestimonialRecipeOptions {\n  // Potential for variants later if needed\n}\n\nexport function getTestimonialClasses(_opts: TestimonialRecipeOptions = {}): string {\n  return cx(\"sp-testimonial\");\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\nexport interface PricingCardRecipeOptions {\n  featured?: boolean;\n}\n\nexport function getPricingCardClasses(opts: PricingCardRecipeOptions = {}): string {\n  const { featured = false } = opts;\n  return cx(\n    \"sp-pricing-card\",\n    featured && \"sp-pricing-card--featured\"\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\nexport interface RatingRecipeOptions {\n  // Potential for variants later if needed\n}\n\nexport function getRatingClasses(_opts: RatingRecipeOptions = {}): string {\n  return cx(\"sp-rating\");\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/tailwind/index.cjs

@@ -7,7 +7,14 @@ function createSpectreTailwindTheme(options) {
     ...options.overrides ?? {}
   };
   const t = mergedTokens;
-  const colors = t.colors ?? t.color ?? t.palette ?? {};
+  const colors = {
+    ...t.colors ?? t.color ?? t.palette ?? {},
+    surface: t.surface ?? {},
+    text: t.text ?? {},
+    buttons: t.buttons ?? {},
+    forms: t.forms ?? {},
+    component: t.component ?? {}
+  };
   const spacing = t.spacing ?? t.space ?? {};
   const borderRadius = t.radii ?? t.radius ?? {};
   const boxShadow = t.shadows ?? t.shadow ?? {};

package/dist/tailwind/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tailwind/theme.ts","../../src/tailwind/preset.ts"],"names":[],"mappings":";;;AAkBO,SAAS,2BACd,OAAA,EACsB;AACtB,EAAA,MAAM,YAAA,GAAe;AAAA,IACnB,GAAI,OAAA,CAAQ,MAAA,IAAW,EAAC;AAAA,IACxB,GAAI,OAAA,CAAQ,SAAA,IAAa;AAAC,GAC5B;AAIA,EAAA,MAAM,CAAA,GAAS,YAAA;AAEf,EAAA,MAAM,SAAU,CAAA,CAAE,MAAA,IAAU,EAAE,KAAA,IAAS,CAAA,CAAE,WAAW,EAAC;AACrD,EAAA,MAAM,OAAA,GAAW,CAAA,CAAE,OAAA,IAAW,CAAA,CAAE,SAAS,EAAC;AAC1C,EAAA,MAAM,YAAA,GAAgB,CAAA,CAAE,KAAA,IAAS,CAAA,CAAE,UAAU,EAAC;AAC9C,EAAA,MAAM,SAAA,GAAa,CAAA,CAAE,OAAA,IAAW,CAAA,CAAE,UAAU,EAAC;AAC7C,EAAA,MAAM,aAAc,CAAA,CAAE,UAAA,EAAY,QAAA,IAAY,CAAA,CAAE,SAAS,EAAC;AAC1D,EAAA,MAAM,WAAY,CAAA,CAAE,UAAA,EAAY,KAAA,IAAS,CAAA,CAAE,YAAY,EAAC;AAExD,EAAA,MAAM,KAAA,GAAuB;AAAA,IAC3B,MAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,OAAO,EAAE,KAAA,EAAM;AACjB;;;ACnCA,IAAM,aAAA,GAAgB,CAAC,KAAA,KACrB,OAAO,KAAA,KAAU,QAAA,IAAY,KAAA,KAAU,IAAA,IAAQ,CAAC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA;AAGrE,IAAM,SAAA,GAAY,CAChB,IAAA,EACA,SAAA,KACM;AACN,EAAA,IAAI,CAAC,WAAW,OAAO,IAAA;AAEvB,EAAA,MAAM,MAAA,GAAkC,EAAE,GAAG,IAAA,EAAK;AAElD,EAAA,KAAA,MAAW,CAAC,GAAA,EAAK,aAAa,KAAK,MAAA,CAAO,OAAA,CAAQ,SAAS,CAAA,EAAG;AAC5D,IAAA,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA;AAC5B,IAAA,IAAI,aAAA,CAAc,SAAS,CAAA,IAAK,aAAA,CAAc,aAAa,CAAA,EAAG;AAC5D,MAAA,MAAA,CAAO,GAAG,CAAA,GAAI,SAAA,CAAU,SAAA,EAAW,aAAa,CAAA;AAAA,IAClD,CAAA,MAAO;AACL,MAAA,MAAA,CAAO,GAAG,CAAA,GAAI,aAAA;AAAA,IAChB;AAAA,EACF;AAEA,EAAA,OAAO,MAAA;AACT,CAAA;AAEO,IAAM,2BAAA,GAA8B,CACzC,OAAA,KACmB;AACnB,EAAA,IAAI,CAAC,QAAQ,MAAA,EAAQ;AACnB,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,MAAM,EAAE,QAAO,GAAI,OAAA;AACnB,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,0BAAA,CAA2B,EAAE,QAAQ,CAAA;AACvD,EAAA,MAAM,WAAA,GAAc,SAAA;AAAA,IAClB,KAAA;AAAA,IACA,OAAA,CAAQ;AAAA,GACV;AAEA,EAAA,MAAM,UAAA,GAA6B;AAAA,IACjC,SAAS,EAAC;AAAA,IACV,KAAA,EAAO;AAAA;AAAA,GACT;AAEA,EAAA,OAAO,SAAA;AAAA,IACL,UAAA;AAAA,IACA,OAAA,CAAQ;AAAA,GACV;AACF","file":"index.cjs","sourcesContent":["import type { Config as TailwindConfig } from \"tailwindcss\";\nimport type { SpectreTokens } from \"../tokens\";\n\ntype TailwindTheme = NonNullable<TailwindConfig[\"theme\"]>;\n\nexport interface SpectreTailwindTheme {\n  theme: TailwindTheme;\n}\n\nexport interface CreateSpectreTailwindThemeOptions {\n  tokens: SpectreTokens;\n  overrides?: Partial<SpectreTokens>;\n}\n\n/**\n * Minimal, type-safe theme mapper.\n * Important: theme is NEVER undefined (fixes exactOptionalPropertyTypes + DTS).\n */\nexport function createSpectreTailwindTheme(\n  options: CreateSpectreTailwindThemeOptions\n): SpectreTailwindTheme {\n  const mergedTokens = {\n    ...(options.tokens ?? ({} as SpectreTokens)),\n    ...(options.overrides ?? {}),\n  } as SpectreTokens;\n\n  // We keep mapping shallow + permissive because token shapes will evolve.\n  // Tailwind accepts nested objects of strings for colors.\n  const t: any = mergedTokens;\n\n  const colors = (t.colors ?? t.color ?? t.palette ?? {}) as Record<string, any>;\n  const spacing = (t.spacing ?? t.space ?? {}) as Record<string, any>;\n  const borderRadius = (t.radii ?? t.radius ?? {}) as Record<string, any>;\n  const boxShadow = (t.shadows ?? t.shadow ?? {}) as Record<string, any>;\n  const fontFamily = (t.typography?.families ?? t.fonts ?? {}) as Record<string, any>;\n  const fontSize = (t.typography?.scale ?? t.fontSize ?? {}) as Record<string, any>;\n\n  const theme: TailwindTheme = {\n    colors: colors as any,\n    spacing: spacing as any,\n    borderRadius: borderRadius as any,\n    boxShadow: boxShadow as any,\n    fontFamily: fontFamily as any,\n    fontSize: fontSize as any,\n  };\n\n  return { theme };\n}\n","import type { Config as TailwindConfig } from \"tailwindcss\";\nimport type { SpectreTokens } from \"../tokens\";\nimport { createSpectreTailwindTheme } from \"./theme\";\n\ntype TailwindTheme = NonNullable<TailwindConfig[\"theme\"]>;\n\nexport interface CreateSpectreTailwindPresetOptions {\n  tokens: SpectreTokens;\n  themeOverrides?: TailwindTheme;\n  presetOverrides?: TailwindConfig;\n}\n\nconst isPlainObject = (value: unknown): value is Record<string, unknown> =>\n  typeof value === \"object\" && value !== null && !Array.isArray(value);\n\n// Deep-merge plain objects only; arrays and primitives replace by override.\nconst deepMerge = <T extends Record<string, unknown>>(\n  base: T,\n  overrides?: Record<string, unknown>\n): T => {\n  if (!overrides) return base;\n\n  const result: Record<string, unknown> = { ...base };\n\n  for (const [key, overrideValue] of Object.entries(overrides)) {\n    const baseValue = result[key];\n    if (isPlainObject(baseValue) && isPlainObject(overrideValue)) {\n      result[key] = deepMerge(baseValue, overrideValue);\n    } else {\n      result[key] = overrideValue;\n    }\n  }\n\n  return result as T;\n};\n\nexport const createSpectreTailwindPreset = (\n  options: CreateSpectreTailwindPresetOptions\n): TailwindConfig => {\n  if (!options.tokens) {\n    throw new Error(\n      \"[spectre-ui] createSpectreTailwindPreset requires tokens; pass { tokens } explicitly.\"\n    );\n  }\n  const { tokens } = options;\n  const { theme } = createSpectreTailwindTheme({ tokens });\n  const mergedTheme = deepMerge(\n    theme as Record<string, unknown>,\n    options.themeOverrides as Record<string, unknown> | undefined\n  );\n\n  const basePreset: TailwindConfig = {\n    content: [],\n    theme: mergedTheme, // theme is guaranteed non-undefined now\n  };\n\n  return deepMerge(\n    basePreset as Record<string, unknown>,\n    options.presetOverrides as Record<string, unknown> | undefined\n  ) as TailwindConfig;\n};\n"]}
+{"version":3,"sources":["../../src/tailwind/theme.ts","../../src/tailwind/preset.ts"],"names":[],"mappings":"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","file":"index.cjs","sourcesContent":["import type { Config as TailwindConfig } from \"tailwindcss\";\nimport type { SpectreTokens } from \"../tokens\";\n\ntype TailwindTheme = NonNullable<TailwindConfig[\"theme\"]>;\n\nexport interface SpectreTailwindTheme {\n  theme: TailwindTheme;\n}\n\nexport interface CreateSpectreTailwindThemeOptions {\n  tokens: SpectreTokens;\n  overrides?: Partial<SpectreTokens>;\n}\n\n/**\n * Minimal, type-safe theme mapper.\n * Important: theme is NEVER undefined (fixes exactOptionalPropertyTypes + DTS).\n */\nexport function createSpectreTailwindTheme(\n  options: CreateSpectreTailwindThemeOptions\n): SpectreTailwindTheme {\n  const mergedTokens = {\n    ...(options.tokens ?? ({} as SpectreTokens)),\n    ...(options.overrides ?? {}),\n  } as SpectreTokens;\n\n  // We keep mapping shallow + permissive because token shapes will evolve.\n  // Tailwind accepts nested objects of strings for colors.\n  const t: any = mergedTokens;\n\n  const colors = {\n    ...((t.colors ?? t.color ?? t.palette ?? {}) as Record<string, any>),\n    surface: t.surface ?? {},\n    text: t.text ?? {},\n    buttons: t.buttons ?? {},\n    forms: t.forms ?? {},\n    component: t.component ?? {},\n  };\n  const spacing = (t.spacing ?? t.space ?? {}) as Record<string, any>;\n  const borderRadius = (t.radii ?? t.radius ?? {}) as Record<string, any>;\n  const boxShadow = (t.shadows ?? t.shadow ?? {}) as Record<string, any>;\n  const fontFamily = (t.typography?.families ?? t.fonts ?? {}) as Record<string, any>;\n  const fontSize = (t.typography?.scale ?? t.fontSize ?? {}) as Record<string, any>;\n\n  const theme: TailwindTheme = {\n    colors: colors as any,\n    spacing: spacing as any,\n    borderRadius: borderRadius as any,\n    boxShadow: boxShadow as any,\n    fontFamily: fontFamily as any,\n    fontSize: fontSize as any,\n  };\n\n  return { theme };\n}\n","import type { Config as TailwindConfig } from \"tailwindcss\";\nimport type { SpectreTokens } from \"../tokens\";\nimport { createSpectreTailwindTheme } from \"./theme\";\n\ntype TailwindTheme = NonNullable<TailwindConfig[\"theme\"]>;\n\nexport interface CreateSpectreTailwindPresetOptions {\n  tokens: SpectreTokens;\n  themeOverrides?: TailwindTheme;\n  presetOverrides?: TailwindConfig;\n}\n\nconst isPlainObject = (value: unknown): value is Record<string, unknown> =>\n  typeof value === \"object\" && value !== null && !Array.isArray(value);\n\n// Deep-merge plain objects only; arrays and primitives replace by override.\nconst deepMerge = <T extends Record<string, unknown>>(\n  base: T,\n  overrides?: Record<string, unknown>\n): T => {\n  if (!overrides) return base;\n\n  const result: Record<string, unknown> = { ...base };\n\n  for (const [key, overrideValue] of Object.entries(overrides)) {\n    const baseValue = result[key];\n    if (isPlainObject(baseValue) && isPlainObject(overrideValue)) {\n      result[key] = deepMerge(baseValue, overrideValue);\n    } else {\n      result[key] = overrideValue;\n    }\n  }\n\n  return result as T;\n};\n\nexport const createSpectreTailwindPreset = (\n  options: CreateSpectreTailwindPresetOptions\n): TailwindConfig => {\n  if (!options.tokens) {\n    throw new Error(\n      \"[spectre-ui] createSpectreTailwindPreset requires tokens; pass { tokens } explicitly.\"\n    );\n  }\n  const { tokens } = options;\n  const { theme } = createSpectreTailwindTheme({ tokens });\n  const mergedTheme = deepMerge(\n    theme as Record<string, unknown>,\n    options.themeOverrides as Record<string, unknown> | undefined\n  );\n\n  const basePreset: TailwindConfig = {\n    content: [],\n    theme: mergedTheme, // theme is guaranteed non-undefined now\n  };\n\n  return deepMerge(\n    basePreset as Record<string, unknown>,\n    options.presetOverrides as Record<string, unknown> | undefined\n  ) as TailwindConfig;\n};\n"]}

package/dist/tailwind/index.js

@@ -5,7 +5,14 @@ function createSpectreTailwindTheme(options) {
     ...options.overrides ?? {}
   };
   const t = mergedTokens;
-  const colors = t.colors ?? t.color ?? t.palette ?? {};
+  const colors = {
+    ...t.colors ?? t.color ?? t.palette ?? {},
+    surface: t.surface ?? {},
+    text: t.text ?? {},
+    buttons: t.buttons ?? {},
+    forms: t.forms ?? {},
+    component: t.component ?? {}
+  };
   const spacing = t.spacing ?? t.space ?? {};
   const borderRadius = t.radii ?? t.radius ?? {};
   const boxShadow = t.shadows ?? t.shadow ?? {};

package/dist/tailwind/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tailwind/theme.ts","../../src/tailwind/preset.ts"],"names":[],"mappings":";AAkBO,SAAS,2BACd,OAAA,EACsB;AACtB,EAAA,MAAM,YAAA,GAAe;AAAA,IACnB,GAAI,OAAA,CAAQ,MAAA,IAAW,EAAC;AAAA,IACxB,GAAI,OAAA,CAAQ,SAAA,IAAa;AAAC,GAC5B;AAIA,EAAA,MAAM,CAAA,GAAS,YAAA;AAEf,EAAA,MAAM,SAAU,CAAA,CAAE,MAAA,IAAU,EAAE,KAAA,IAAS,CAAA,CAAE,WAAW,EAAC;AACrD,EAAA,MAAM,OAAA,GAAW,CAAA,CAAE,OAAA,IAAW,CAAA,CAAE,SAAS,EAAC;AAC1C,EAAA,MAAM,YAAA,GAAgB,CAAA,CAAE,KAAA,IAAS,CAAA,CAAE,UAAU,EAAC;AAC9C,EAAA,MAAM,SAAA,GAAa,CAAA,CAAE,OAAA,IAAW,CAAA,CAAE,UAAU,EAAC;AAC7C,EAAA,MAAM,aAAc,CAAA,CAAE,UAAA,EAAY,QAAA,IAAY,CAAA,CAAE,SAAS,EAAC;AAC1D,EAAA,MAAM,WAAY,CAAA,CAAE,UAAA,EAAY,KAAA,IAAS,CAAA,CAAE,YAAY,EAAC;AAExD,EAAA,MAAM,KAAA,GAAuB;AAAA,IAC3B,MAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,OAAO,EAAE,KAAA,EAAM;AACjB;;;ACnCA,IAAM,aAAA,GAAgB,CAAC,KAAA,KACrB,OAAO,KAAA,KAAU,QAAA,IAAY,KAAA,KAAU,IAAA,IAAQ,CAAC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA;AAGrE,IAAM,SAAA,GAAY,CAChB,IAAA,EACA,SAAA,KACM;AACN,EAAA,IAAI,CAAC,WAAW,OAAO,IAAA;AAEvB,EAAA,MAAM,MAAA,GAAkC,EAAE,GAAG,IAAA,EAAK;AAElD,EAAA,KAAA,MAAW,CAAC,GAAA,EAAK,aAAa,KAAK,MAAA,CAAO,OAAA,CAAQ,SAAS,CAAA,EAAG;AAC5D,IAAA,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA;AAC5B,IAAA,IAAI,aAAA,CAAc,SAAS,CAAA,IAAK,aAAA,CAAc,aAAa,CAAA,EAAG;AAC5D,MAAA,MAAA,CAAO,GAAG,CAAA,GAAI,SAAA,CAAU,SAAA,EAAW,aAAa,CAAA;AAAA,IAClD,CAAA,MAAO;AACL,MAAA,MAAA,CAAO,GAAG,CAAA,GAAI,aAAA;AAAA,IAChB;AAAA,EACF;AAEA,EAAA,OAAO,MAAA;AACT,CAAA;AAEO,IAAM,2BAAA,GAA8B,CACzC,OAAA,KACmB;AACnB,EAAA,IAAI,CAAC,QAAQ,MAAA,EAAQ;AACnB,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,MAAM,EAAE,QAAO,GAAI,OAAA;AACnB,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,0BAAA,CAA2B,EAAE,QAAQ,CAAA;AACvD,EAAA,MAAM,WAAA,GAAc,SAAA;AAAA,IAClB,KAAA;AAAA,IACA,OAAA,CAAQ;AAAA,GACV;AAEA,EAAA,MAAM,UAAA,GAA6B;AAAA,IACjC,SAAS,EAAC;AAAA,IACV,KAAA,EAAO;AAAA;AAAA,GACT;AAEA,EAAA,OAAO,SAAA;AAAA,IACL,UAAA;AAAA,IACA,OAAA,CAAQ;AAAA,GACV;AACF","file":"index.js","sourcesContent":["import type { Config as TailwindConfig } from \"tailwindcss\";\nimport type { SpectreTokens } from \"../tokens\";\n\ntype TailwindTheme = NonNullable<TailwindConfig[\"theme\"]>;\n\nexport interface SpectreTailwindTheme {\n  theme: TailwindTheme;\n}\n\nexport interface CreateSpectreTailwindThemeOptions {\n  tokens: SpectreTokens;\n  overrides?: Partial<SpectreTokens>;\n}\n\n/**\n * Minimal, type-safe theme mapper.\n * Important: theme is NEVER undefined (fixes exactOptionalPropertyTypes + DTS).\n */\nexport function createSpectreTailwindTheme(\n  options: CreateSpectreTailwindThemeOptions\n): SpectreTailwindTheme {\n  const mergedTokens = {\n    ...(options.tokens ?? ({} as SpectreTokens)),\n    ...(options.overrides ?? {}),\n  } as SpectreTokens;\n\n  // We keep mapping shallow + permissive because token shapes will evolve.\n  // Tailwind accepts nested objects of strings for colors.\n  const t: any = mergedTokens;\n\n  const colors = (t.colors ?? t.color ?? t.palette ?? {}) as Record<string, any>;\n  const spacing = (t.spacing ?? t.space ?? {}) as Record<string, any>;\n  const borderRadius = (t.radii ?? t.radius ?? {}) as Record<string, any>;\n  const boxShadow = (t.shadows ?? t.shadow ?? {}) as Record<string, any>;\n  const fontFamily = (t.typography?.families ?? t.fonts ?? {}) as Record<string, any>;\n  const fontSize = (t.typography?.scale ?? t.fontSize ?? {}) as Record<string, any>;\n\n  const theme: TailwindTheme = {\n    colors: colors as any,\n    spacing: spacing as any,\n    borderRadius: borderRadius as any,\n    boxShadow: boxShadow as any,\n    fontFamily: fontFamily as any,\n    fontSize: fontSize as any,\n  };\n\n  return { theme };\n}\n","import type { Config as TailwindConfig } from \"tailwindcss\";\nimport type { SpectreTokens } from \"../tokens\";\nimport { createSpectreTailwindTheme } from \"./theme\";\n\ntype TailwindTheme = NonNullable<TailwindConfig[\"theme\"]>;\n\nexport interface CreateSpectreTailwindPresetOptions {\n  tokens: SpectreTokens;\n  themeOverrides?: TailwindTheme;\n  presetOverrides?: TailwindConfig;\n}\n\nconst isPlainObject = (value: unknown): value is Record<string, unknown> =>\n  typeof value === \"object\" && value !== null && !Array.isArray(value);\n\n// Deep-merge plain objects only; arrays and primitives replace by override.\nconst deepMerge = <T extends Record<string, unknown>>(\n  base: T,\n  overrides?: Record<string, unknown>\n): T => {\n  if (!overrides) return base;\n\n  const result: Record<string, unknown> = { ...base };\n\n  for (const [key, overrideValue] of Object.entries(overrides)) {\n    const baseValue = result[key];\n    if (isPlainObject(baseValue) && isPlainObject(overrideValue)) {\n      result[key] = deepMerge(baseValue, overrideValue);\n    } else {\n      result[key] = overrideValue;\n    }\n  }\n\n  return result as T;\n};\n\nexport const createSpectreTailwindPreset = (\n  options: CreateSpectreTailwindPresetOptions\n): TailwindConfig => {\n  if (!options.tokens) {\n    throw new Error(\n      \"[spectre-ui] createSpectreTailwindPreset requires tokens; pass { tokens } explicitly.\"\n    );\n  }\n  const { tokens } = options;\n  const { theme } = createSpectreTailwindTheme({ tokens });\n  const mergedTheme = deepMerge(\n    theme as Record<string, unknown>,\n    options.themeOverrides as Record<string, unknown> | undefined\n  );\n\n  const basePreset: TailwindConfig = {\n    content: [],\n    theme: mergedTheme, // theme is guaranteed non-undefined now\n  };\n\n  return deepMerge(\n    basePreset as Record<string, unknown>,\n    options.presetOverrides as Record<string, unknown> | undefined\n  ) as TailwindConfig;\n};\n"]}
+{"version":3,"sources":["../../src/tailwind/theme.ts","../../src/tailwind/preset.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import type { Config as TailwindConfig } from \"tailwindcss\";\nimport type { SpectreTokens } from \"../tokens\";\n\ntype TailwindTheme = NonNullable<TailwindConfig[\"theme\"]>;\n\nexport interface SpectreTailwindTheme {\n  theme: TailwindTheme;\n}\n\nexport interface CreateSpectreTailwindThemeOptions {\n  tokens: SpectreTokens;\n  overrides?: Partial<SpectreTokens>;\n}\n\n/**\n * Minimal, type-safe theme mapper.\n * Important: theme is NEVER undefined (fixes exactOptionalPropertyTypes + DTS).\n */\nexport function createSpectreTailwindTheme(\n  options: CreateSpectreTailwindThemeOptions\n): SpectreTailwindTheme {\n  const mergedTokens = {\n    ...(options.tokens ?? ({} as SpectreTokens)),\n    ...(options.overrides ?? {}),\n  } as SpectreTokens;\n\n  // We keep mapping shallow + permissive because token shapes will evolve.\n  // Tailwind accepts nested objects of strings for colors.\n  const t: any = mergedTokens;\n\n  const colors = {\n    ...((t.colors ?? t.color ?? t.palette ?? {}) as Record<string, any>),\n    surface: t.surface ?? {},\n    text: t.text ?? {},\n    buttons: t.buttons ?? {},\n    forms: t.forms ?? {},\n    component: t.component ?? {},\n  };\n  const spacing = (t.spacing ?? t.space ?? {}) as Record<string, any>;\n  const borderRadius = (t.radii ?? t.radius ?? {}) as Record<string, any>;\n  const boxShadow = (t.shadows ?? t.shadow ?? {}) as Record<string, any>;\n  const fontFamily = (t.typography?.families ?? t.fonts ?? {}) as Record<string, any>;\n  const fontSize = (t.typography?.scale ?? t.fontSize ?? {}) as Record<string, any>;\n\n  const theme: TailwindTheme = {\n    colors: colors as any,\n    spacing: spacing as any,\n    borderRadius: borderRadius as any,\n    boxShadow: boxShadow as any,\n    fontFamily: fontFamily as any,\n    fontSize: fontSize as any,\n  };\n\n  return { theme };\n}\n","import type { Config as TailwindConfig } from \"tailwindcss\";\nimport type { SpectreTokens } from \"../tokens\";\nimport { createSpectreTailwindTheme } from \"./theme\";\n\ntype TailwindTheme = NonNullable<TailwindConfig[\"theme\"]>;\n\nexport interface CreateSpectreTailwindPresetOptions {\n  tokens: SpectreTokens;\n  themeOverrides?: TailwindTheme;\n  presetOverrides?: TailwindConfig;\n}\n\nconst isPlainObject = (value: unknown): value is Record<string, unknown> =>\n  typeof value === \"object\" && value !== null && !Array.isArray(value);\n\n// Deep-merge plain objects only; arrays and primitives replace by override.\nconst deepMerge = <T extends Record<string, unknown>>(\n  base: T,\n  overrides?: Record<string, unknown>\n): T => {\n  if (!overrides) return base;\n\n  const result: Record<string, unknown> = { ...base };\n\n  for (const [key, overrideValue] of Object.entries(overrides)) {\n    const baseValue = result[key];\n    if (isPlainObject(baseValue) && isPlainObject(overrideValue)) {\n      result[key] = deepMerge(baseValue, overrideValue);\n    } else {\n      result[key] = overrideValue;\n    }\n  }\n\n  return result as T;\n};\n\nexport const createSpectreTailwindPreset = (\n  options: CreateSpectreTailwindPresetOptions\n): TailwindConfig => {\n  if (!options.tokens) {\n    throw new Error(\n      \"[spectre-ui] createSpectreTailwindPreset requires tokens; pass { tokens } explicitly.\"\n    );\n  }\n  const { tokens } = options;\n  const { theme } = createSpectreTailwindTheme({ tokens });\n  const mergedTheme = deepMerge(\n    theme as Record<string, unknown>,\n    options.themeOverrides as Record<string, unknown> | undefined\n  );\n\n  const basePreset: TailwindConfig = {\n    content: [],\n    theme: mergedTheme, // theme is guaranteed non-undefined now\n  };\n\n  return deepMerge(\n    basePreset as Record<string, unknown>,\n    options.presetOverrides as Record<string, unknown> | undefined\n  ) as TailwindConfig;\n};\n"]}

package/dist/utilities.css

@@ -18,7 +18,7 @@
     margin-right: auto;
     padding-left: var(--sp-layout-container-padding-inline-md);
     padding-right: var(--sp-layout-container-padding-inline-md);
-    max-width: 72rem;
+    max-width: calc(var(--sp-space-96) * 12);
   }
 
   .sp-section {
@@ -33,4 +33,166 @@
   .sp-shadow-strong {
     box-shadow: var(--sp-shadow-lg);
   }
+
+  .sp-z-base {
+    z-index: var(--sp-z-index-base);
+  }
+
+  .sp-z-dropdown {
+    z-index: var(--sp-z-index-dropdown);
+  }
+
+  .sp-z-sticky {
+    z-index: var(--sp-z-index-sticky);
+  }
+
+  .sp-z-fixed {
+    z-index: var(--sp-z-index-fixed);
+  }
+
+  .sp-z-overlay {
+    z-index: var(--sp-z-index-overlay);
+  }
+
+  .sp-z-modal {
+    z-index: var(--sp-z-index-modal);
+  }
+
+  .sp-z-popover {
+    z-index: var(--sp-z-index-popover);
+  }
+
+  .sp-z-tooltip {
+    z-index: var(--sp-z-index-tooltip);
+  }
+
+  .sp-animate-fade-in {
+    animation: var(--sp-animation-fadein-keyframes) var(--sp-animation-fadein-duration) var(--sp-animation-fadein-easing);
+  }
+
+  .sp-animate-fade-out {
+    animation: var(--sp-animation-fadeout-keyframes) var(--sp-animation-fadeout-duration) var(--sp-animation-fadeout-easing);
+  }
+
+  .sp-animate-slide-up {
+    animation: var(--sp-animation-slideup-keyframes) var(--sp-animation-slideup-duration) var(--sp-animation-slideup-easing);
+  }
+
+  .sp-animate-slide-down {
+    animation: var(--sp-animation-slidedown-keyframes) var(--sp-animation-slidedown-duration) var(--sp-animation-slidedown-easing);
+  }
+
+  .sp-animate-scale-in {
+    animation: var(--sp-animation-scalein-keyframes) var(--sp-animation-scalein-duration) var(--sp-animation-scalein-easing);
+  }
+
+  .sp-animate-bounce {
+    animation: var(--sp-animation-bounce-keyframes) var(--sp-animation-bounce-duration) var(--sp-animation-bounce-easing);
+  }
+
+  .sp-animate-shake {
+    animation: var(--sp-animation-shake-keyframes) var(--sp-animation-shake-duration) var(--sp-animation-shake-easing);
+  }
+
+  .sp-animate-pulse {
+    animation: var(--sp-animation-pulse-keyframes) var(--sp-animation-pulse-duration) var(--sp-animation-pulse-easing);
+  }
+
+  @keyframes fade-in {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
+  }
+
+  @keyframes fade-out {
+    from {
+      opacity: 1;
+    }
+
+    to {
+      opacity: 0;
+    }
+  }
+
+  @keyframes slide-up {
+    from {
+      opacity: 0;
+      transform: translateY(var(--sp-space-8));
+    }
+
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes slide-down {
+    from {
+      opacity: 0;
+      transform: translateY(calc(var(--sp-space-8) * -1));
+    }
+
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes scale-in {
+    from {
+      opacity: 0;
+      transform: scale(0.95);
+    }
+
+    to {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  @keyframes bounce {
+
+    0%,
+    100% {
+      transform: translateY(0);
+    }
+
+    50% {
+      transform: translateY(calc(var(--sp-space-4) * -1.5));
+    }
+  }
+
+  @keyframes shake {
+
+    0%,
+    100% {
+      transform: translateX(0);
+    }
+
+    20%,
+    60% {
+      transform: translateX(calc(var(--sp-space-4) * -1.5));
+    }
+
+    40%,
+    80% {
+      transform: translateX(calc(var(--sp-space-4) * 1.5));
+    }
+  }
+
+  @keyframes pulse {
+
+    0%,
+    100% {
+      transform: scale(1);
+    }
+
+    50% {
+      transform: scale(1.04);
+    }
+  }
 }