@phcdevworks/spectre-ui 0.0.5 → 0.2.0

package/dist/index.js

@@ -1,11 +1,12 @@
-import { tokens } from '@phcdevworks/spectre-tokens';
-export { tokens as spectreTokens } from '@phcdevworks/spectre-tokens';
+export { default as spectreTokens } from '@phcdevworks/spectre-tokens';
 
 // src/css-constants.ts
-var spectreBaseStylesPath = "@phcdevworks/spectre-ui/dist/base.css";
-var spectreComponentsStylesPath = "@phcdevworks/spectre-ui/dist/components.css";
-var spectreUtilitiesStylesPath = "@phcdevworks/spectre-ui/dist/utilities.css";
+var spectreBaseStylesPath = "@phcdevworks/spectre-ui/base.css";
+var spectreComponentsStylesPath = "@phcdevworks/spectre-ui/components.css";
+var spectreUtilitiesStylesPath = "@phcdevworks/spectre-ui/utilities.css";
+var spectreIndexStylesPath = "@phcdevworks/spectre-ui/index.css";
 var spectreStyles = {
+  index: spectreIndexStylesPath,
   base: spectreBaseStylesPath,
   components: spectreComponentsStylesPath,
   utilities: spectreUtilitiesStylesPath
@@ -13,134 +14,344 @@ var spectreStyles = {
 
 // src/tailwind/theme.ts
 function createSpectreTailwindTheme(options) {
-  const { tokens, overrides } = options;
   const mergedTokens = {
-    ...tokens,
-    ...overrides
+    ...options.tokens ?? {},
+    ...options.overrides ?? {}
   };
-  const colors = {
-    page: mergedTokens.surface?.page,
-    card: mergedTokens.surface?.card,
-    input: mergedTokens.surface?.input,
-    text: {
-      page: mergedTokens.text?.onPage?.default,
-      "page-muted": mergedTokens.text?.onPage?.muted,
-      surface: mergedTokens.text?.onSurface?.default,
-      "surface-muted": mergedTokens.text?.onSurface?.muted
-    },
-    primary: mergedTokens.buttons?.primary?.bg ?? mergedTokens.colors?.primary
-  };
-  const spacing = mergedTokens.spacing ?? {};
-  const borderRadius = mergedTokens.radii ?? {};
-  const boxShadow = mergedTokens.shadows ?? {};
-  const fontFamily = mergedTokens.typography?.families ?? {};
-  const theme2 = {
+  const t = mergedTokens;
+  const colors = t.colors ?? t.color ?? t.palette ?? {};
+  const spacing = t.spacing ?? t.space ?? {};
+  const borderRadius = t.radii ?? t.radius ?? {};
+  const boxShadow = t.shadows ?? t.shadow ?? {};
+  const fontFamily = t.typography?.families ?? t.fonts ?? {};
+  const fontSize = t.typography?.scale ?? t.fontSize ?? {};
+  const theme = {
     colors,
     spacing,
     borderRadius,
     boxShadow,
-    fontFamily
+    fontFamily,
+    fontSize
   };
-  return { theme: theme2 };
+  return { theme };
 }
 
 // src/tailwind/preset.ts
-var { theme } = createSpectreTailwindTheme({ tokens: tokens });
-var spectrePreset = {
-  content: [],
-  theme: theme ?? {}
-  // ensure theme is never undefined
+var isPlainObject = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+var deepMerge = (base, overrides) => {
+  if (!overrides) return base;
+  const result = { ...base };
+  for (const [key, overrideValue] of Object.entries(overrides)) {
+    const baseValue = result[key];
+    if (isPlainObject(baseValue) && isPlainObject(overrideValue)) {
+      result[key] = deepMerge(baseValue, overrideValue);
+    } else {
+      result[key] = overrideValue;
+    }
+  }
+  return result;
+};
+var cachedTokens = null;
+var getRequire = () => {
+  try {
+    return Function("return typeof require !== 'undefined' ? require : null")();
+  } catch {
+    return null;
+  }
+};
+var resolveTokens = (tokens) => {
+  if (tokens) return tokens;
+  if (cachedTokens) return cachedTokens;
+  const req = getRequire();
+  if (!req) {
+    throw new Error(
+      "[spectre-ui] Unable to load spectre tokens; pass tokens to createSpectreTailwindPreset."
+    );
+  }
+  const mod = req("../tokens");
+  cachedTokens = mod.spectreTokens;
+  return cachedTokens;
 };
+var createSpectreTailwindPreset = (options = {}) => {
+  const tokens = resolveTokens(options.tokens);
+  const { theme } = createSpectreTailwindTheme({ tokens });
+  const mergedTheme = deepMerge(
+    theme,
+    options.themeOverrides
+  );
+  const basePreset = {
+    content: [],
+    theme: mergedTheme
+    // theme is guaranteed non-undefined now
+  };
+  return deepMerge(
+    basePreset,
+    options.presetOverrides
+  );
+};
+var spectrePreset = createSpectreTailwindPreset();
+
+// src/internal/cx.ts
+function cx(...parts) {
+  const seen = /* @__PURE__ */ new Set();
+  const classes = [];
+  for (const part of parts) {
+    if (!part) continue;
+    const trimmed = part.trim();
+    if (!trimmed) continue;
+    if (!/\s/.test(trimmed)) {
+      if (!seen.has(trimmed)) {
+        seen.add(trimmed);
+        classes.push(trimmed);
+      }
+      continue;
+    }
+    for (const token of trimmed.split(/\s+/)) {
+      if (!token || seen.has(token)) continue;
+      seen.add(token);
+      classes.push(token);
+    }
+  }
+  return classes.join(" ");
+}
+
+// src/internal/resolve-option.ts
+var hasOwn = (value, key) => Object.prototype.hasOwnProperty.call(value, key);
+var isAllowedValue = (value, allowed) => Array.isArray(allowed) ? allowed.includes(value) : hasOwn(allowed, value);
+function resolveOption(config) {
+  const { name, value, allowed, fallback } = config;
+  if (value === void 0) return fallback;
+  if (isAllowedValue(value, allowed)) return value;
+  if (process.env.NODE_ENV !== "production") {
+    throw new Error(`[spectre-ui] Unknown ${name}: ${value}`);
+  }
+  return fallback;
+}
 
 // src/recipes/button.ts
+var BUTTON_VARIANTS = {
+  primary: true,
+  secondary: true,
+  ghost: true,
+  danger: true,
+  success: true
+};
+var BUTTON_SIZES = {
+  sm: true,
+  md: true,
+  lg: true
+};
 function getButtonClasses(opts = {}) {
   const {
-    variant = "primary",
-    size = "md",
-    tone = "default",
+    variant: variantInput,
+    size: sizeInput,
     fullWidth = false,
     loading = false,
     disabled = false,
     iconOnly = false
   } = opts;
-  const classes = [];
-  classes.push("sp-btn");
+  const variant = resolveOption({
+    name: "button variant",
+    value: variantInput,
+    allowed: BUTTON_VARIANTS,
+    fallback: "primary"
+  });
+  const size = resolveOption({
+    name: "button size",
+    value: sizeInput,
+    allowed: BUTTON_SIZES,
+    fallback: "md"
+  });
   const variantMap = {
     primary: "sp-btn--primary",
     secondary: "sp-btn--secondary",
     ghost: "sp-btn--ghost",
-    danger: "sp-btn--danger"
+    danger: "sp-btn--danger",
+    success: "sp-btn--success"
   };
-  classes.push(variantMap[variant]);
+  const variantClass = variantMap[variant];
   const sizeMap = {
     sm: "sp-btn--sm",
     md: "sp-btn--md",
     lg: "sp-btn--lg"
   };
-  classes.push(sizeMap[size]);
-  if (tone !== "default") {
-    const toneMap = {
-      success: "sp-btn--tone-success",
-      warning: "sp-btn--tone-warning",
-      danger: "sp-btn--tone-danger"
-    };
-    classes.push(toneMap[tone]);
-  }
-  if (fullWidth) classes.push("sp-btn--full");
-  if (loading) classes.push("sp-btn--loading");
-  if (disabled) classes.push("sp-btn--disabled");
-  if (iconOnly) classes.push("sp-btn--icon");
-  return classes.filter(Boolean).join(" ").trim();
+  const sizeClass = sizeMap[size];
+  return cx(
+    "sp-btn",
+    variantClass,
+    sizeClass,
+    fullWidth && "sp-btn--full",
+    loading && "sp-btn--loading",
+    disabled && "sp-btn--disabled",
+    iconOnly && "sp-btn--icon"
+  );
 }
 
 // src/recipes/card.ts
+var CARD_VARIANTS = {
+  elevated: true,
+  flat: true,
+  outline: true,
+  ghost: true
+};
 function getCardClasses(opts = {}) {
   const {
-    variant = "elevated",
+    variant: variantInput,
     interactive = false,
     padded = false,
     fullHeight = false
   } = opts;
-  const classes = [];
-  classes.push("sp-card");
+  const variant = resolveOption({
+    name: "card variant",
+    value: variantInput,
+    allowed: CARD_VARIANTS,
+    fallback: "elevated"
+  });
   const variantMap = {
     elevated: "sp-card--elevated",
+    flat: "sp-card--flat",
     outline: "sp-card--outline",
     ghost: "sp-card--ghost"
   };
-  classes.push(variantMap[variant]);
-  if (interactive) classes.push("sp-card--interactive");
-  if (padded) classes.push("sp-card--padded");
-  if (fullHeight) classes.push("sp-card--full");
-  return classes.filter(Boolean).join(" ").trim();
+  const variantClass = variantMap[variant];
+  return cx(
+    "sp-card",
+    variantClass,
+    interactive && "sp-card--interactive",
+    padded && "sp-card--padded",
+    fullHeight && "sp-card--full"
+  );
 }
 
 // src/recipes/input.ts
+var INPUT_STATES = {
+  default: true,
+  error: true,
+  success: true,
+  disabled: true
+};
+var INPUT_SIZES = {
+  sm: true,
+  md: true,
+  lg: true
+};
 function getInputClasses(opts = {}) {
-  const {
-    state = "default",
-    size = "md",
-    fullWidth = false
-  } = opts;
-  const classes = [];
-  classes.push("sp-input");
-  if (state === "error") {
-    classes.push("sp-input--error");
-  } else if (state === "success") {
-    classes.push("sp-input--success");
-  }
+  const { state: stateInput, size: sizeInput, fullWidth = false } = opts;
+  const state = resolveOption({
+    name: "input state",
+    value: stateInput,
+    allowed: INPUT_STATES,
+    fallback: "default"
+  });
+  const size = resolveOption({
+    name: "input size",
+    value: sizeInput,
+    allowed: INPUT_SIZES,
+    fallback: "md"
+  });
   const sizeMap = {
     sm: "sp-input--sm",
     md: "sp-input--md",
     lg: "sp-input--lg"
   };
-  classes.push(sizeMap[size]);
-  if (fullWidth) {
-    classes.push("sp-input--full");
-  }
-  return classes.filter(Boolean).join(" ").trim();
+  const sizeClass = sizeMap[size];
+  return cx(
+    "sp-input",
+    sizeClass,
+    state === "error" && "sp-input--error",
+    state === "success" && "sp-input--success",
+    // Visual state only; actual disabled attribute is handled by adapters.
+    state === "disabled" && "sp-input--disabled",
+    fullWidth && "sp-input--full"
+  );
+}
+
+// src/recipes/badge.ts
+var BADGE_VARIANTS = {
+  primary: true,
+  success: true,
+  warning: true,
+  danger: true
+};
+var BADGE_SIZES = {
+  sm: true,
+  md: true,
+  lg: true
+};
+function getBadgeClasses(opts = {}) {
+  const { variant: variantInput, size: sizeInput } = opts;
+  const variant = resolveOption({
+    name: "badge variant",
+    value: variantInput,
+    allowed: BADGE_VARIANTS,
+    fallback: "primary"
+  });
+  const size = resolveOption({
+    name: "badge size",
+    value: sizeInput,
+    allowed: BADGE_SIZES,
+    fallback: "md"
+  });
+  const variantMap = {
+    primary: "sp-badge--primary",
+    success: "sp-badge--success",
+    warning: "sp-badge--warning",
+    danger: "sp-badge--danger"
+  };
+  const variantClass = variantMap[variant];
+  const sizeMap = {
+    sm: "sp-badge--sm",
+    md: "sp-badge--md",
+    lg: "sp-badge--lg"
+  };
+  const sizeClass = sizeMap[size];
+  return cx("sp-badge", variantClass, sizeClass);
+}
+
+// src/recipes/iconbox.ts
+var ICONBOX_VARIANTS = {
+  primary: true,
+  success: true,
+  warning: true,
+  danger: true,
+  info: true
+};
+var ICONBOX_SIZES = {
+  sm: true,
+  md: true,
+  lg: true
+};
+function getIconBoxClasses(opts = {}) {
+  const { variant: variantInput, size: sizeInput } = opts;
+  const variant = resolveOption({
+    name: "icon box variant",
+    value: variantInput,
+    allowed: ICONBOX_VARIANTS,
+    fallback: "primary"
+  });
+  const size = resolveOption({
+    name: "icon box size",
+    value: sizeInput,
+    allowed: ICONBOX_SIZES,
+    fallback: "md"
+  });
+  const variantMap = {
+    primary: "sp-iconbox--primary",
+    success: "sp-iconbox--success",
+    warning: "sp-iconbox--warning",
+    danger: "sp-iconbox--danger",
+    info: "sp-iconbox--info"
+  };
+  const variantClass = variantMap[variant];
+  const sizeMap = {
+    sm: "sp-iconbox--sm",
+    md: "sp-iconbox--md",
+    lg: "sp-iconbox--lg"
+  };
+  const sizeClass = sizeMap[size];
+  return cx("sp-iconbox", variantClass, sizeClass);
 }
 
-export { createSpectreTailwindTheme, getButtonClasses, getCardClasses, getInputClasses, spectreBaseStylesPath, spectreComponentsStylesPath, spectrePreset, spectreStyles, spectreUtilitiesStylesPath };
+export { createSpectreTailwindTheme, getBadgeClasses, getButtonClasses, getCardClasses, getIconBoxClasses, getInputClasses, spectreBaseStylesPath, spectreComponentsStylesPath, spectrePreset, 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/tailwind/theme.ts","../src/tailwind/preset.ts","../src/recipes/button.ts","../src/recipes/card.ts","../src/recipes/input.ts"],"names":["theme","spectreTokens"],"mappings":"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","file":"index.js","sourcesContent":["export const spectreBaseStylesPath = \"@phcdevworks/spectre-ui/dist/base.css\";\nexport const spectreComponentsStylesPath = \"@phcdevworks/spectre-ui/dist/components.css\";\nexport const spectreUtilitiesStylesPath = \"@phcdevworks/spectre-ui/dist/utilities.css\";\n\nexport const spectreStyles = {\n  base: spectreBaseStylesPath,\n  components: spectreComponentsStylesPath,\n  utilities: spectreUtilitiesStylesPath,\n};\n","import type { Config as TailwindConfig } from \"tailwindcss\";\nimport type { SpectreTokens } from \"../tokens\";\n\nexport interface SpectreTailwindTheme {\n  theme: TailwindConfig[\"theme\"];\n}\n\nexport interface CreateSpectreTailwindThemeOptions {\n  tokens: SpectreTokens;\n  overrides?: Partial<SpectreTokens>;\n}\n\nexport function createSpectreTailwindTheme(\n  options: CreateSpectreTailwindThemeOptions,\n): SpectreTailwindTheme {\n  const { tokens, overrides } = options;\n\n  // Shallow merge overrides into tokens\n  const mergedTokens: SpectreTokens = {\n    ...(tokens as SpectreTokens),\n    ...(overrides as Partial<SpectreTokens> | undefined),\n  };\n\n  // Minimal, semantic color mapping\n  const colors: Record<string, unknown> = {\n    page: mergedTokens.surface?.page,\n    card: mergedTokens.surface?.card,\n    input: mergedTokens.surface?.input,\n    text: {\n      page: mergedTokens.text?.onPage?.default,\n      \"page-muted\": mergedTokens.text?.onPage?.muted,\n      surface: mergedTokens.text?.onSurface?.default,\n      \"surface-muted\": mergedTokens.text?.onSurface?.muted,\n    },\n    primary:\n      (mergedTokens as any).buttons?.primary?.bg ??\n      (mergedTokens as any).colors?.primary,\n  };\n\n  const spacing: Record<string, unknown> =\n    (mergedTokens as any).spacing ?? {};\n\n  const borderRadius: Record<string, unknown> =\n    (mergedTokens as any).radii ?? {};\n\n  const boxShadow: Record<string, unknown> =\n    (mergedTokens as any).shadows ?? {};\n\n  const fontFamily: Record<string, unknown> =\n    (mergedTokens as any).typography?.families ?? {};\n\n  const theme: TailwindConfig[\"theme\"] = {\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  };\n\n  return { theme };\n}\n","import type { Config as TailwindConfig } from \"tailwindcss\";\nimport { spectreTokens } from \"../tokens\";\nimport { createSpectreTailwindTheme } from \"./theme\";\n\nconst { theme } = createSpectreTailwindTheme({ tokens: spectreTokens });\n\nexport const spectrePreset: TailwindConfig = {\n  content: [],\n  theme: theme ?? {}, // ensure theme is never undefined\n};\n\nexport default spectrePreset;\n","export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger';\nexport type ButtonSize = 'sm' | 'md' | 'lg';\nexport type ButtonTone = 'default' | 'success' | 'warning' | 'danger';\n\nexport interface ButtonRecipeOptions {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  tone?: ButtonTone;\n  fullWidth?: boolean;\n  loading?: boolean;\n  disabled?: boolean;\n  iconOnly?: boolean;\n}\n\n/**\n * Generate Spectre button classes.\n *\n * Rules:\n * - Base: \"sp-btn\"\n * - Variant: \"sp-btn--primary\" / \"sp-btn--secondary\" / \"sp-btn--ghost\" / \"sp-btn--danger\"\n *   - default variant is \"primary\"\n * - Size: \"sp-btn--sm\" / \"sp-btn--md\" / \"sp-btn--lg\"\n *   - default size is \"md\"\n * - Tone: \"sp-btn--tone-success\" / \"sp-btn--tone-warning\" / \"sp-btn--tone-danger\"\n *   - default tone is \"default\" (no tone class)\n * - fullWidth: add \"sp-btn--full\"\n * - loading: add \"sp-btn--loading\"\n * - disabled: add \"sp-btn--disabled\"\n * - iconOnly: add \"sp-btn--icon\"\n *\n * Must return a single space-joined, trimmed class string.\n */\nexport function getButtonClasses(opts: ButtonRecipeOptions = {}): string {\n  const {\n    variant = 'primary',\n    size = 'md',\n    tone = 'default',\n    fullWidth = false,\n    loading = false,\n    disabled = false,\n    iconOnly = false,\n  } = opts;\n\n  const classes: string[] = [];\n\n  // Base\n  classes.push('sp-btn');\n\n  // Variant\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  };\n  classes.push(variantMap[variant]);\n\n  // Size\n  const sizeMap: Record<ButtonSize, string> = {\n    sm: 'sp-btn--sm',\n    md: 'sp-btn--md',\n    lg: 'sp-btn--lg',\n  };\n  classes.push(sizeMap[size]);\n\n  // Tone (optional)\n  if (tone !== 'default') {\n    const toneMap: Record<Exclude<ButtonTone, 'default'>, string> = {\n      success: 'sp-btn--tone-success',\n      warning: 'sp-btn--tone-warning',\n      danger: 'sp-btn--tone-danger',\n    };\n    classes.push(toneMap[tone as Exclude<ButtonTone, 'default'>]);\n  }\n\n  // Flags\n  if (fullWidth) classes.push('sp-btn--full');\n  if (loading) classes.push('sp-btn--loading');\n  if (disabled) classes.push('sp-btn--disabled');\n  if (iconOnly) classes.push('sp-btn--icon');\n\n  // Final class string\n  return classes.filter(Boolean).join(' ').trim();\n}\n","export type CardVariant = 'elevated' | 'outline' | 'ghost';\n\nexport interface CardRecipeOptions {\n  variant?: CardVariant;\n  interactive?: boolean; // hover/focus styles\n  padded?: boolean; // apply default padding\n  fullHeight?: boolean;\n}\n\n/**\n * Generate Spectre card classes.\n *\n * Rules:\n * - Base class: \"sp-card\"\n * - Variant (default: elevated):\n *   - \"sp-card--elevated\"\n *   - \"sp-card--outline\"\n *   - \"sp-card--ghost\"\n * - interactive: add \"sp-card--interactive\"\n * - padded: add \"sp-card--padded\"\n * - fullHeight: add \"sp-card--full\"\n */\nexport function getCardClasses(opts: CardRecipeOptions = {}): string {\n  const {\n    variant = 'elevated',\n    interactive = false,\n    padded = false,\n    fullHeight = false,\n  } = opts;\n\n  const classes: string[] = [];\n\n  // Base\n  classes.push('sp-card');\n\n  // Variant\n  const variantMap: Record<CardVariant, string> = {\n    elevated: 'sp-card--elevated',\n    outline: 'sp-card--outline',\n    ghost: 'sp-card--ghost',\n  };\n  classes.push(variantMap[variant]);\n\n  // Flags\n  if (interactive) classes.push('sp-card--interactive');\n  if (padded) classes.push('sp-card--padded');\n  if (fullHeight) classes.push('sp-card--full');\n\n  return classes.filter(Boolean).join(' ').trim();\n}\n","export type InputState = 'default' | 'error' | 'success';\nexport type InputSize = 'sm' | 'md' | 'lg';\n\nexport interface InputRecipeOptions {\n  state?: InputState;\n  size?: InputSize;\n  fullWidth?: boolean;\n}\n\n/**\n * Generate Spectre input classes.\n *\n * Rules:\n * - Base class: \"sp-input\"\n * - State:\n *   - \"default\" => no state modifier\n *   - \"error\"   => \"sp-input--error\"\n *   - \"success\" => \"sp-input--success\"\n * - Size (default: md):\n *   - \"sp-input--sm\"\n *   - \"sp-input--md\"\n *   - \"sp-input--lg\"\n * - fullWidth: add \"sp-input--full\"\n */\nexport function getInputClasses(opts: InputRecipeOptions = {}): string {\n  const {\n    state = 'default',\n    size = 'md',\n    fullWidth = false,\n  } = opts;\n\n  const classes: string[] = [];\n\n  // Base\n  classes.push('sp-input');\n\n  // State\n  if (state === 'error') {\n    classes.push('sp-input--error');\n  } else if (state === 'success') {\n    classes.push('sp-input--success');\n  }\n\n  // Size\n  const sizeMap: Record<InputSize, string> = {\n    sm: 'sp-input--sm',\n    md: 'sp-input--md',\n    lg: 'sp-input--lg',\n  };\n  classes.push(sizeMap[size]);\n\n  // Flags\n  if (fullWidth) {\n    classes.push('sp-input--full');\n  }\n\n  return classes.filter(Boolean).join(' ').trim();\n}\n"]}
+{"version":3,"sources":["../src/css-constants.ts","../src/tailwind/theme.ts","../src/tailwind/preset.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","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\nlet cachedTokens: SpectreTokens | null = null;\n\nconst getRequire = (): ((id: string) => unknown) | null => {\n  try {\n    // eslint-disable-next-line no-new-func\n    return Function(\"return typeof require !== 'undefined' ? require : null\")() as\n      | ((id: string) => unknown)\n      | null;\n  } catch {\n    return null;\n  }\n};\n\nconst resolveTokens = (tokens?: SpectreTokens): SpectreTokens => {\n  if (tokens) return tokens;\n  if (cachedTokens) return cachedTokens;\n\n  const req = getRequire();\n  if (!req) {\n    throw new Error(\n      \"[spectre-ui] Unable to load spectre tokens; pass tokens to createSpectreTailwindPreset.\"\n    );\n  }\n\n  const mod = req(\"../tokens\") as { spectreTokens: SpectreTokens };\n  cachedTokens = mod.spectreTokens;\n  return cachedTokens;\n};\n\nexport const createSpectreTailwindPreset = (\n  options: CreateSpectreTailwindPresetOptions = {}\n): TailwindConfig => {\n  const tokens = resolveTokens(options.tokens);\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\nexport const spectrePreset: TailwindConfig = createSpectreTailwindPreset();\n\nexport const spectreTailwindPreset: TailwindConfig = spectrePreset;\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"]}

package/dist/utilities.css

@@ -2,28 +2,28 @@
   .sp-stack {
     display: flex;
     flex-direction: column;
-    gap: var(--sp-space-md, 1rem);
+    gap: var(--sp-layout-stack-gap-md, var(--sp-space-md, 1rem));
   }
 
   .sp-hstack {
     display: flex;
     flex-direction: row;
     align-items: center;
-    gap: var(--sp-space-md, 1rem);
+    gap: var(--sp-layout-stack-gap-md, var(--sp-space-md, 1rem));
   }
 
   .sp-container {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
-    padding-left: var(--sp-space-md, 1rem);
-    padding-right: var(--sp-space-md, 1rem);
+    padding-left: var(--sp-layout-container-padding-inline-md, var(--sp-space-md, 1rem));
+    padding-right: var(--sp-layout-container-padding-inline-md, var(--sp-space-md, 1rem));
     max-width: var(--sp-container-max-width, 72rem);
   }
 
   .sp-section {
-    padding-top: var(--sp-space-2xl, 3rem);
-    padding-bottom: var(--sp-space-2xl, 3rem);
+    padding-top: var(--sp-layout-section-padding-md, var(--sp-space-2xl, 3rem));
+    padding-bottom: var(--sp-layout-section-padding-md, var(--sp-space-2xl, 3rem));
   }
 
   .sp-shadow-soft {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phcdevworks/spectre-ui",
-  "version": "0.0.5",
+  "version": "0.2.0",
   "description": "Framework-agnostic UI layer for the Spectre design system. Provides base CSS, component classes, utilities, and a Tailwind preset powered by @phcdevworks/spectre-tokens.",
   "keywords": [
     "phcdevworks",
@@ -71,7 +71,7 @@
     "tailwindcss": "^3.4.0 || ^4.0.0"
   },
   "dependencies": {
-    "@phcdevworks/spectre-tokens": "^0.0.4"
+    "@phcdevworks/spectre-tokens": "^0.2.0"
   },
   "devDependencies": {
     "autoprefixer": "^10.4.20",
@@ -79,6 +79,6 @@
     "tailwindcss": "^3.4.15",
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
-    "vitest": "^2.1.4"
+    "vitest": "^4.0.15"
   }
 }