fiboui 2.8.4 → 2.9.0

package/dist/theme.d.ts

@@ -1,2 +1,149 @@
-export { FiboThemeProvider, useFiboTheme, materialTheme, cupertinoTheme, webTheme, noirTheme, FIBO_THEMES, resolveTheme, copyWithTheme, extendTheme, themeToCssVars, themeToInlineStyle, themeToCssRule, themeClassName } from './index.js';
-export type { FiboThemeProviderProps, FiboThemePreset, ThemeInput, FiboThemePatch, FiboTheme, ThemeColors, ThemeTypography } from './index.js';
+// Generated by dts-bundle-generator v9.5.1
+
+import { CSSProperties, ReactNode } from 'react';
+
+type FiboThemeName = "material" | "cupertino" | "web" | "noir";
+interface TextStyle {
+	fontSize?: string | number;
+	fontWeight?: string | number;
+	fontFamily?: string;
+	color?: string;
+	lineHeight?: string | number;
+	letterSpacing?: string | number;
+}
+export interface ThemeColors {
+	primary: string;
+	primaryVariant?: string;
+	primaryContainer?: string;
+	onPrimaryContainer?: string;
+	secondary: string;
+	secondaryVariant?: string;
+	secondaryContainer?: string;
+	onSecondaryContainer?: string;
+	tertiary?: string;
+	onTertiary?: string;
+	tertiaryContainer?: string;
+	onTertiaryContainer?: string;
+	background: string;
+	surface: string;
+	surfaceVariant?: string;
+	onSurfaceVariant?: string;
+	error: string;
+	errorContainer?: string;
+	onErrorContainer?: string;
+	success?: string;
+	warning?: string;
+	info?: string;
+	onPrimary: string;
+	onSecondary: string;
+	onBackground: string;
+	onSurface: string;
+	onError: string;
+	/** Borders / hairlines — maps to `--fibo-outline`. */
+	outline?: string;
+	outlineVariant?: string;
+	/** Maps to `--fibo-surface-container-low` (M3 card surfaces). */
+	surfaceContainerLow?: string;
+}
+export interface ThemeTypography {
+	h1: TextStyle;
+	h2: TextStyle;
+	h3: TextStyle;
+	h4: TextStyle;
+	h5: TextStyle;
+	h6: TextStyle;
+	body: TextStyle;
+	caption: TextStyle;
+	label: TextStyle;
+}
+interface ThemeSpacing {
+	xs: string;
+	sm: string;
+	md: string;
+	lg: string;
+	xl: string;
+}
+interface ThemeBorderRadius {
+	/** Maps to `--fibo-radius-xs` when set (CSS sheets already define it). */
+	xs?: string;
+	sm: string;
+	md: string;
+	lg: string;
+	/** Maps to `--fibo-radius-xl` when set (CSS sheets already define it). */
+	xl?: string;
+	full: string;
+}
+interface ThemeShadows {
+	sm: string;
+	md: string;
+	lg: string;
+}
+export interface FiboTheme {
+	name: FiboThemeName;
+	colors: ThemeColors;
+	typography: ThemeTypography;
+	spacing: ThemeSpacing;
+	borderRadius: ThemeBorderRadius;
+	shadows: ThemeShadows;
+	fontFamily: string;
+}
+/** Built-in presets. `noir` is the dark editorial theme (site / dense apps). */
+export declare const FIBO_THEMES: {
+	readonly material: FiboTheme;
+	readonly cupertino: FiboTheme;
+	readonly web: FiboTheme;
+	readonly noir: FiboTheme;
+};
+export type FiboThemePreset = keyof typeof FIBO_THEMES;
+export type ThemeInput = FiboTheme | FiboThemePreset;
+export declare function resolveTheme(input: ThemeInput): FiboTheme;
+export type FiboThemePatch = {
+	name?: string;
+	colors?: Partial<ThemeColors>;
+	typography?: Partial<Record<keyof ThemeTypography, Partial<TextStyle>>>;
+	spacing?: Partial<ThemeSpacing>;
+	borderRadius?: Partial<ThemeBorderRadius>;
+	shadows?: Partial<ThemeShadows>;
+	fontFamily?: string;
+};
+/** Flutter-style copyWith / SwiftUI environment override. */
+export declare function copyWithTheme(base: FiboTheme, patch: FiboThemePatch): FiboTheme;
+/** Alias — SwiftUI/Flutter mental model. */
+export declare const extendTheme: typeof copyWithTheme;
+/** Flat CSS custom properties for a theme (inline style or :root block). */
+export declare function themeToCssVars(theme: FiboTheme): Record<string, string>;
+/** Inline style object safe for React (CSSProperties + custom props). */
+export declare function themeToInlineStyle(theme: FiboTheme): CSSProperties;
+/** CSS rule body for `.fibo-theme-{name}` — SSR-safe, no useEffect. */
+export declare function themeToCssRule(theme: FiboTheme): string;
+export declare function themeClassName(theme: FiboTheme): string;
+interface FiboThemeContextValue {
+	theme: FiboTheme;
+	themeName: string;
+	setTheme: (input: ThemeInput) => void;
+}
+export interface FiboThemeProviderProps {
+	/** Preset name (`"noir"`) or full `FiboTheme` / `extendTheme(...)`. */
+	theme?: ThemeInput;
+	children: ReactNode;
+	/** Extra class on the theme root. */
+	className?: string;
+	/** Merge into the theme root style (after theme vars). */
+	style?: CSSProperties;
+}
+/**
+ * Theme environment (Flutter Theme / SwiftUI Environment).
+ * SSR-safe: class + CSS vars on first paint — no documentElement useEffect.
+ */
+export declare function FiboThemeProvider({ theme: themeProp, children, className, style, }: FiboThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useFiboTheme(): FiboThemeContextValue;
+export declare const materialTheme: FiboTheme;
+export declare const cupertinoTheme: FiboTheme;
+export declare const webTheme: FiboTheme;
+/**
+ * Obsidian editorial dark — Fibonacci site / dense dashboards.
+ * Apply fluently: `Column().theme("noir")` or `FiboThemeProvider({ theme: "noir" })`.
+ */
+export declare const noirTheme: FiboTheme;
+
+export {};

package/dist/theme.js

@@ -1,4 +1,4 @@
-import { aP as s, aJ as m, aR as h, aM as T, aS as o, aL as t, aO as r, aQ as i, aW as l, aV as n, aT as b, aU as p, aK as u, aN as C } from "./client-DOrZXJAN.js";
+import { aW as s, aQ as m, aY as h, aT as T, aZ as o, aS as t, aV as r, aX as i, b1 as l, b0 as b, a_ as n, a$ as p, aR as u, aU as C } from "./client-3NdKI2xE.js";
 export {
   s as FIBO_THEMES,
   m as FiboThemeProvider,
@@ -9,8 +9,8 @@ export {
   r as noirTheme,
   i as resolveTheme,
   l as themeClassName,
-  n as themeToCssRule,
-  b as themeToCssVars,
+  b as themeToCssRule,
+  n as themeToCssVars,
   p as themeToInlineStyle,
   u as useFiboTheme,
   C as webTheme

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fiboui",
-  "version": "2.8.4",
+  "version": "2.9.0",
   "description": "Flutter/SwiftUI-inspired React UI — fluent builders, signals, and themes. https://fiboui.vercel.app",
   "type": "module",
   "main": "./dist/index.js",
@@ -60,7 +60,7 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc --noEmit && vite build && vite build --config vite.server.config.ts && npm run build:dts && tsc --project tsconfig.cli.json",
-    "build:dts": "dts-bundle-generator --no-check --export-referenced-types false --external-imports=@metagptx/css-to-tailwind --external-imports=react --external-imports=react-dom --external-imports=leaflet -o dist/index.d.ts src/index.ts",
+    "build:dts": "node scripts/build-dts.mjs",
     "type-check": "tsc --noEmit",
     "test": "vitest run",
     "test:ssr-e2e": "npm run build && npm --prefix examples/ssr-fixtures install && npm --prefix examples/ssr-fixtures run test:e2e",
@@ -73,7 +73,8 @@
     "prepublishOnly": "bash scripts/secret-scan.sh --pack",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
-    "docs:preview": "vitepress preview docs"
+    "docs:preview": "vitepress preview docs",
+    "pack:local": "pnpm exec vite build && npm run build:dts && mkdir -p .pack && npm pack --pack-destination .pack && node -e \"const v=require('./package.json').version; console.log('packed .pack/fiboui-'+v+'.tgz')\""
   },
   "keywords": [
     "react",
@@ -112,6 +113,7 @@
     "@vitejs/plugin-react": "^4.2.0",
     "@vitest/coverage-v8": "^3.2.7",
     "autoprefixer": "^10.4.16",
+    "csstype": "3.2.3",
     "dts-bundle-generator": "^9.5.1",
     "eslint": "^9.39.5",
     "jsdom": "^26.1.0",