@tempots/beatui 0.87.3 → 0.88.0

package/dist/types/components/lexical/toolbar/lexical-toolbar.d.ts

@@ -9,4 +9,4 @@ export interface LexicalToolbarOptions {
     readOnly?: Signal<boolean>;
     size?: Value<ControlSize>;
 }
-export declare function LexicalToolbar({ editor, stateUpdate, toolbar, readOnly, size, }: LexicalToolbarOptions): import("@tempots/dom").Renderable;
+export declare function LexicalToolbar({ editor, stateUpdate, toolbar, readOnly, size, }: LexicalToolbarOptions): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;

package/dist/types/components/lexical/toolbar/toolbar-helpers.d.ts

@@ -13,7 +13,7 @@ export declare function createToolbarHelpers(ed: Signal<LexicalEditor>, stateUpd
     textFormatActive: (fmt: TextFormatType) => Signal<boolean>;
     blockTypeActive: (type: string) => Signal<boolean>;
     listTypeActive: (listType: string) => Signal<boolean>;
-    headingActive: (level: number) => import("@tempots/dom").Computed<boolean>;
+    headingActive: (level: number) => import("@tempots/core").Computed<boolean>;
     linkActive: () => Signal<boolean>;
     dispatch: <T>(command: LexicalCommand<T>, payload: T) => () => void;
     toggleBlock: (type: string, create: () => ElementNode) => () => void;
@@ -29,4 +29,4 @@ export declare function createButtonFactory(readOnly: Signal<boolean>, size: Val
     onClick: () => void;
     label: Value<string>;
     icon: string;
-}) => import("@tempots/dom").Renderable;
+}) => import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;

package/dist/types/components/media/pdf-page-viewer.d.ts

@@ -64,5 +64,5 @@ export interface PdfPageViewerOptions {
  * @example
  * PdfPageViewer({ source: pdfUrl, page: 1 }, attr.class('my-canvas'))
  */
-export declare function PdfPageViewer({ source, page, fit, scale, rotation, quality, renderTextLayer, renderAnnotationLayer, onPageChange, onLoadComplete, }: PdfPageViewerOptions, ...children: TNode[]): import("@tempots/dom").Renderable;
+export declare function PdfPageViewer({ source, page, fit, scale, rotation, quality, renderTextLayer, renderAnnotationLayer, onPageChange, onLoadComplete, }: PdfPageViewerOptions, ...children: TNode[]): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;
 export {};

package/dist/types/components/misc/notification-provider.d.ts

@@ -159,7 +159,7 @@ export declare const NotificationService: NotificationServiceImpl;
  * )
  * ```
  */
-export declare const NotificationProvider: Provider<NotificationProviderValue, NotificationProviderOptions>;
+export declare const NotificationProvider: Provider<NotificationProviderValue>;
 /**
  * Renders the notification viewport container that displays active notifications.
  * Must be placed inside a tree that has a {@link NotificationProvider} ancestor.
@@ -184,5 +184,5 @@ export declare const NotificationProvider: Provider<NotificationProviderValue, N
  * )
  * ```
  */
-export declare function NotificationViewport(): import("@tempots/dom").Renderable;
+export declare function NotificationViewport(): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;
 export {};

package/dist/types/components/navigation/link/button-link.d.ts

@@ -22,4 +22,4 @@ export interface ButtonLinkOptions {
     fullWidth?: Value<boolean>;
     loading?: Value<boolean>;
 }
-export declare function ButtonLink({ href, viewTransition, state, scroll, replace, target, rel, matchMode, disableWhenActive, variant, size, color, roundedness, disabled, }: ButtonLinkOptions, ...children: TNode[]): import("@tempots/dom").Renderable;
+export declare function ButtonLink({ href, viewTransition, state, scroll, replace, target, rel, matchMode, disableWhenActive, variant, size, color, roundedness, disabled, }: ButtonLinkOptions, ...children: TNode[]): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;

package/dist/types/components/navigation/link/link.d.ts

@@ -117,4 +117,4 @@ export declare function generateLinkStyles(color: ThemeColorName): string;
  * )
  * ```
  */
-export declare function Link({ href, variant, color, colorDisabled, disabled, viewTransition, state, scroll, replace, target, rel, }: LinkOptions, ...children: TNode[]): import("@tempots/dom").Renderable;
+export declare function Link({ href, variant, color, colorDisabled, disabled, viewTransition, state, scroll, replace, target, rel, }: LinkOptions, ...children: TNode[]): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;

package/dist/types/components/navigation/link/navigation-link.d.ts

@@ -19,5 +19,5 @@ export interface NavigationLinkOptions extends Omit<LinkOptions, 'disabled'> {
 export declare function isUrlMatch(location: LocationData, targetHref: string, matchMode: UrlMatchMode): boolean;
 type LocationMatcher = string | RegExp | ((location: LocationData) => boolean);
 export declare function createLocationMatcher(href: Value<string>, matchMode: UrlMatchMode): Value<LocationMatcher>;
-export declare function NavigationLink({ href, matchMode, disableWhenActive, ...linkOptions }: NavigationLinkOptions, ...children: TNode[]): import("@tempots/dom").Renderable;
+export declare function NavigationLink({ href, matchMode, disableWhenActive, ...linkOptions }: NavigationLinkOptions, ...children: TNode[]): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;
 export {};

package/dist/types/components/navigation/pagination.d.ts

@@ -79,4 +79,4 @@ export declare function generatePaginationRange(current: number, total: number,
  * })
  * ```
  */
-export declare function Pagination({ currentPage, totalPages, onPageChange, siblings, showPrevNext, showFirstLast, size, justify, responsive, }: PaginationOptions): import("@tempots/dom").Renderable;
+export declare function Pagination({ currentPage, totalPages, onPageChange, siblings, showPrevNext, showFirstLast, size, justify, responsive, }: PaginationOptions): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;

package/dist/types/components/navigation/sidebar/sidebar.d.ts

@@ -36,7 +36,7 @@ export type SidebarContextValue = {
  * })
  * ```
  */
-export declare const SidebarContext: Provider<SidebarContextValue, object>;
+export declare const SidebarContext: Provider<SidebarContextValue>;
 /**
  * Sidebar navigation container that provides a vertical navigation panel with context
  * for child components.
@@ -64,4 +64,4 @@ export declare const SidebarContext: Provider<SidebarContextValue, object>;
  * )
  * ```
  */
-export declare function Sidebar({ backgroundMode }: SidebarOptions, ...children: TNode[]): import("@tempots/dom").Renderable;
+export declare function Sidebar({ backgroundMode }: SidebarOptions, ...children: TNode[]): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;

package/dist/types/components/navigation/toolbar/toolbar.d.ts

@@ -75,7 +75,7 @@ export interface ToolbarButtonOptions extends ButtonOptions {
  * )
  * ```
  */
-export declare function ToolbarButton(options: ButtonOptions, ...children: TNode[]): import("@tempots/dom").Renderable;
+export declare function ToolbarButton(options: ButtonOptions, ...children: TNode[]): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;
 /**
  * Configuration options for the {@link ToolbarGroup} component.
  */

package/dist/types/components/prosemirror/link-control.d.ts

@@ -50,4 +50,4 @@ export interface LinkDialogButtonProps {
  * })
  * ```
  */
-export declare function LinkControl({ stateUpdate, view, isReadOnly, label, linkUrlPlaceholder, size, }: LinkDialogButtonProps): import("@tempots/dom").Renderable<import("@tempots/dom").DOMContext>;
+export declare function LinkControl({ stateUpdate, view, isReadOnly, label, linkUrlPlaceholder, size, }: LinkDialogButtonProps): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;

package/dist/types/components/prosemirror/prosemirror-toolbar.d.ts

@@ -55,4 +55,4 @@ export interface ProseMirrorToolbarOptions {
  * })
  * ```
  */
-export declare function ProseMirrorToolbar({ view, stateUpdate, features, readOnly, size, }: ProseMirrorToolbarOptions): import("@tempots/dom").Renderable;
+export declare function ProseMirrorToolbar({ view, stateUpdate, features, readOnly, size, }: ProseMirrorToolbarOptions): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;

package/dist/types/components/prosemirror/utils.d.ts

@@ -78,7 +78,7 @@ export declare function getMarkByType(state: EditorState, markType: MarkType): M
  * })
  * ```
  */
-export declare function makeActiveMarkSignal(state: Signal<number>, view: Signal<EditorView>, markType: string): import("@tempots/dom").Computed<boolean>;
+export declare function makeActiveMarkSignal(state: Signal<number>, view: Signal<EditorView>, markType: string): import("@tempots/core").Computed<boolean>;
 /**
  * Checks whether a node of the given type is active at the current selection
  * position.
@@ -121,4 +121,4 @@ export declare function isNodeActive(state: EditorState, nodeType: NodeType, att
  * })
  * ```
  */
-export declare function makeActiveNodeSignal(state: Signal<number>, view: Signal<EditorView>, nodeTypeName: string, attrs?: Record<string, unknown>): import("@tempots/dom").Computed<boolean>;
+export declare function makeActiveNodeSignal(state: Signal<number>, view: Signal<EditorView>, nodeTypeName: string, attrs?: Record<string, unknown>): import("@tempots/core").Computed<boolean>;

package/dist/types/components/theme/theme.d.ts

@@ -27,7 +27,7 @@ export interface ThemeOptions {
  * )
  * ```
  */
-export declare const Theme: Provider<ThemeValue, ThemeOptions>;
+export declare const Theme: Provider<ThemeValue>;
 /**
  * Reactive node that applies the current theme appearance as a CSS class
  * (`'dark'` or `'light'`) on the `<html>` element via a Portal.
@@ -46,4 +46,4 @@ export declare const Theme: Provider<ThemeValue, ThemeOptions>;
  * )
  * ```
  */
-export declare const ThemeAppearance: () => import("@tempots/dom").Renderable;
+export declare const ThemeAppearance: () => import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;

package/dist/types/i18n/translate.d.ts

@@ -63,5 +63,5 @@ export declare function makeMessages<M extends object>({ locale, defaultLocale,
     /** Clean up all resources and event listeners */
     dispose: () => void;
     /** Translation functions that return reactive signals */
-    t: import("@tempots/dom").Prop<M>;
+    t: import("@tempots/core").Prop<M>;
 };

package/dist/types/tailwind/preset.d.ts

@@ -73,7 +73,7 @@ export interface BeatuiPresetOptions {
      */
     baseSpacing?: string;
     /**
-     * Override the base font size (`--base-font-size`). All font size and per-size
+     * Override the base font size (`--font-size-base`). All font size and per-size
      * line height values are computed from this variable. Defaults to `'1rem'`.
      *
      * @example

package/dist/types/tailwind/vite-plugin.d.ts

@@ -30,7 +30,7 @@ export interface BeatuiTailwindPluginOptions {
      */
     baseSpacing?: string;
     /**
-     * Override the base font size (`--base-font-size`). All font size and per-size
+     * Override the base font size (`--font-size-base`). All font size and per-size
      * line height values are computed from this variable. Defaults to `'1rem'`.
      */
     baseFontSize?: string;

package/dist/types/tokens/borders.d.ts

@@ -0,0 +1,104 @@
+/**
+ * Border and outline design tokens for BeatUI.
+ *
+ * Defines scales for border widths and outline widths used consistently
+ * across all interactive components.
+ *
+ * @module
+ */
+/**
+ * Border width scale mapping size names to CSS values.
+ *
+ * | Name    | Value  | Usage                                |
+ * |---------|--------|--------------------------------------|
+ * | none    | 0      | No border                            |
+ * | thin    | 1px    | Subtle separators, dividers          |
+ * | default | 1.5px  | Buttons, inputs, badges              |
+ * | medium  | 2px    | Focus rings, emphasis, tabs          |
+ * | thick   | 3px    | Modals, heavy emphasis               |
+ */
+export declare const borderWidth: {
+    readonly none: "0";
+    readonly thin: "1px";
+    readonly default: "1.5px";
+    readonly medium: "2px";
+    readonly thick: "3px";
+};
+/**
+ * Union type of all available border width names.
+ */
+export type BorderWidthName = keyof typeof borderWidth;
+/**
+ * Returns the CSS custom property name for a border width.
+ *
+ * @param size - The border width name
+ * @returns The CSS variable name (e.g., `'--border-width-default'`)
+ *
+ * @example
+ * ```ts
+ * getBorderWidthVarName('default') // '--border-width-default'
+ * ```
+ */
+export declare function getBorderWidthVarName(size: BorderWidthName): string;
+/**
+ * Returns a CSS `var()` expression referencing the border width custom property.
+ *
+ * @param size - The border width name
+ * @returns A CSS `var()` string (e.g., `'var(--border-width-default)'`)
+ *
+ * @example
+ * ```ts
+ * getBorderWidthVar('default') // 'var(--border-width-default)'
+ * ```
+ */
+export declare function getBorderWidthVar(size: BorderWidthName): string;
+/**
+ * Generates CSS custom property declarations for all border width tokens.
+ *
+ * @returns A record mapping CSS variable names to their border width values
+ *
+ * @example
+ * ```ts
+ * const vars = generateBorderWidthVariables()
+ * // vars['--border-width-default'] === '1.5px'
+ * ```
+ */
+export declare function generateBorderWidthVariables(): Record<string, string>;
+/**
+ * Outline width scale mapping size names to CSS values.
+ *
+ * | Name    | Value | Usage                            |
+ * |---------|-------|----------------------------------|
+ * | none    | 0     | No outline                       |
+ * | default | 1px   | Default input outline            |
+ * | focus   | 2px   | Focus state, error state         |
+ */
+export declare const outlineWidth: {
+    readonly none: "0";
+    readonly default: "1px";
+    readonly focus: "2px";
+};
+/**
+ * Union type of all available outline width names.
+ */
+export type OutlineWidthName = keyof typeof outlineWidth;
+/**
+ * Returns the CSS custom property name for an outline width.
+ *
+ * @param size - The outline width name
+ * @returns The CSS variable name (e.g., `'--outline-width-focus'`)
+ */
+export declare function getOutlineWidthVarName(size: OutlineWidthName): string;
+/**
+ * Returns a CSS `var()` expression referencing the outline width custom property.
+ *
+ * @param size - The outline width name
+ * @returns A CSS `var()` string (e.g., `'var(--outline-width-focus)'`)
+ */
+export declare function getOutlineWidthVar(size: OutlineWidthName): string;
+/**
+ * Generates CSS custom property declarations for all outline width tokens.
+ *
+ * @returns A record mapping CSS variable names to their outline width values
+ */
+export declare function generateOutlineWidthVariables(): Record<string, string>;

package/dist/types/tokens/controls.d.ts

@@ -0,0 +1,127 @@
+/**
+ * Control design tokens for BeatUI.
+ *
+ * Defines semantic tokens for interactive controls (buttons, inputs, badges, etc.)
+ * including heights, padding, gaps, and overlay sizing. All values are computed
+ * from the base spacing variable, enabling global scaling.
+ *
+ * @module
+ */
+/**
+ * Semantic control height scale. All values are multiples of `--spacing-base`,
+ * so changing the base spacing unit scales every control uniformly.
+ *
+ * | Name | Multiplier | Approx (at 0.25rem base) |
+ * |------|------------|--------------------------|
+ * | xs   | base * 7   | 28px                     |
+ * | sm   | base * 8   | 32px                     |
+ * | md   | base * 10  | 40px                     |
+ * | lg   | base * 12  | 48px                     |
+ * | xl   | base * 14  | 56px                     |
+ */
+export declare const controlHeight: {
+    readonly xs: "calc(var(--spacing-base) * 7)";
+    readonly sm: "calc(var(--spacing-base) * 8)";
+    readonly md: "calc(var(--spacing-base) * 10)";
+    readonly lg: "calc(var(--spacing-base) * 12)";
+    readonly xl: "calc(var(--spacing-base) * 14)";
+};
+export type ControlHeightName = keyof typeof controlHeight;
+export declare function getControlHeightVarName(size: ControlHeightName): string;
+export declare function getControlHeightVar(size: ControlHeightName): string;
+export declare function generateControlHeightVariables(): Record<string, string>;
+/**
+ * Semantic control block (vertical) padding scale.
+ *
+ * | Name | Token reference  | Approx |
+ * |------|------------------|--------|
+ * | xs   | --spacing-xs     | 2px    |
+ * | sm   | --spacing-sm     | 4px    |
+ * | md   | --spacing-md     | 8px    |
+ * | lg   | --spacing-mdh    | 12px   |
+ * | xl   | --spacing-lg     | 16px   |
+ */
+export declare const controlPaddingBlock: {
+    readonly xs: "var(--spacing-xs)";
+    readonly sm: "var(--spacing-sm)";
+    readonly md: "var(--spacing-md)";
+    readonly lg: "var(--spacing-mdh)";
+    readonly xl: "var(--spacing-lg)";
+};
+export type ControlPaddingBlockName = keyof typeof controlPaddingBlock;
+export declare function getControlPaddingBlockVarName(size: ControlPaddingBlockName): string;
+export declare function getControlPaddingBlockVar(size: ControlPaddingBlockName): string;
+/**
+ * Semantic control inline (horizontal) padding scale.
+ *
+ * | Name | Token reference  | Approx |
+ * |------|------------------|--------|
+ * | xs   | --spacing-md     | 8px    |
+ * | sm   | --spacing-mdh    | 12px   |
+ * | md   | --spacing-lg     | 16px   |
+ * | lg   | --spacing-lgh    | 20px   |
+ * | xl   | --spacing-xl     | 24px   |
+ */
+export declare const controlPaddingInline: {
+    readonly xs: "var(--spacing-md)";
+    readonly sm: "var(--spacing-mdh)";
+    readonly md: "var(--spacing-lg)";
+    readonly lg: "var(--spacing-lgh)";
+    readonly xl: "var(--spacing-xl)";
+};
+export type ControlPaddingInlineName = keyof typeof controlPaddingInline;
+export declare function getControlPaddingInlineVarName(size: ControlPaddingInlineName): string;
+export declare function getControlPaddingInlineVar(size: ControlPaddingInlineName): string;
+export declare function generateControlPaddingVariables(): Record<string, string>;
+/**
+ * Semantic control gap scale for spacing between icon and text, items, etc.
+ *
+ * | Name | Token reference  | Approx |
+ * |------|------------------|--------|
+ * | xs   | --spacing-xs     | 2px    |
+ * | sm   | --spacing-sm     | 4px    |
+ * | md   | --spacing-smh    | 6px    |
+ * | lg   | --spacing-md     | 8px    |
+ * | xl   | --spacing-mdh    | 12px   |
+ */
+export declare const controlGap: {
+    readonly xs: "var(--spacing-xs)";
+    readonly sm: "var(--spacing-sm)";
+    readonly md: "var(--spacing-smh)";
+    readonly lg: "var(--spacing-md)";
+    readonly xl: "var(--spacing-mdh)";
+};
+export type ControlGapName = keyof typeof controlGap;
+export declare function getControlGapVarName(size: ControlGapName): string;
+export declare function getControlGapVar(size: ControlGapName): string;
+export declare function generateControlGapVariables(): Record<string, string>;
+/**
+ * Semantic overlay/container width scale for modals, tooltips, menus, etc.
+ *
+ * | Name      | Value               | Approx |
+ * |-----------|---------------------|--------|
+ * | xs        | min(20rem, 90vw)    | ~320px |
+ * | sm        | min(25rem, 90vw)    | ~400px |
+ * | md        | min(37.5rem, 90vw)  | ~600px |
+ * | lg        | min(50rem, 90vw)    | ~800px |
+ * | xl        | min(62.5rem, 90vw)  | ~1000px|
+ * | min-width | 12rem               | ~192px |
+ */
+export declare const overlayWidth: {
+    readonly xs: "min(20rem, 90vw)";
+    readonly sm: "min(25rem, 90vw)";
+    readonly md: "min(37.5rem, 90vw)";
+    readonly lg: "min(50rem, 90vw)";
+    readonly xl: "min(62.5rem, 90vw)";
+    readonly 'min-width': "12rem";
+};
+export type OverlayWidthName = keyof typeof overlayWidth;
+export declare function getOverlayWidthVarName(size: OverlayWidthName): string;
+export declare function getOverlayWidthVar(size: OverlayWidthName): string;
+export declare function generateOverlayWidthVariables(): Record<string, string>;
+/**
+ * Generates CSS custom property declarations for all control and overlay tokens.
+ *
+ * @returns A record mapping CSS variable names to their values
+ */
+export declare function generateControlTokenVariables(): Record<string, string>;

package/dist/types/tokens/index.d.ts

@@ -1,6 +1,8 @@
 export * from './base-colors';
+export * from './borders';
 export * from './breakpoints';
 export * from './colors';
+export * from './controls';
 export * from './radius';
 export * from './spacing';
 export * from './shadows';

package/dist/types/tokens/radius.d.ts

@@ -11,23 +11,23 @@
  * Radius scale definitions mapping size names to CSS values.
  * Values are expressed as multiples of the base spacing variable.
  *
- * | Name | Value                        | Approx |
- * |------|------------------------------|--------|
- * | none | 0                            | 0      |
- * | xs   | base / 2                     | 2px    |
- * | sm   | base                         | 4px    |
- * | md   | base * 1.5                   | 6px    |
- * | lg   | base * 2                     | 8px    |
- * | xl   | base * 3                     | 12px   |
- * | full | 9999px                       | pill   |
+ * | Name | Value              | Approx |
+ * |------|--------------------|--------|
+ * | none | 0                  | 0      |
+ * | xs   | --spacing-xs       | 2px    |
+ * | sm   | --spacing-sm       | 4px    |
+ * | md   | --spacing-smh      | 6px    |
+ * | lg   | --spacing-md       | 8px    |
+ * | xl   | --spacing-mdh      | 12px   |
+ * | full | 9999px             | pill   |
  */
 export declare const radius: {
     readonly none: "0";
-    readonly xs: "calc(var(--spacing-base) / 2)";
-    readonly sm: "var(--spacing-base)";
-    readonly md: "calc(var(--spacing-base) * 1.5)";
-    readonly lg: "calc(var(--spacing-base) * 2)";
-    readonly xl: "calc(var(--spacing-base) * 3)";
+    readonly xs: "var(--spacing-xs)";
+    readonly sm: "var(--spacing-sm)";
+    readonly md: "var(--spacing-smh)";
+    readonly lg: "var(--spacing-md)";
+    readonly xl: "var(--spacing-mdh)";
     readonly full: "9999px";
 };
 /**

package/dist/types/tokens/typography.d.ts

@@ -15,8 +15,8 @@
 export declare const baseFontSize = "1rem";
 /**
  * Font size scale mapping size names to `[fontSize, { lineHeight }]` tuples.
- * Each entry provides a font size derived from `--base-font-size` via `calc()`
- * and its recommended line height. When `--base-font-size` is `1rem` (default),
+ * Each entry provides a font size derived from `--font-size-base` via `calc()`
+ * and its recommended line height. When `--font-size-base` is `1rem` (default),
  * computed values match the pixel sizes shown.
  *
  * | Name | Multiplier | Line Height      | Pixels (at 1rem base) |
@@ -33,49 +33,49 @@ export declare const baseFontSize = "1rem";
  * | 9xl  | 8          | 1 (unitless)     | 128px                 |
  */
 export declare const fontSize: {
-    readonly '3xs': readonly ["calc(var(--base-font-size) * 0.5)", {
-        readonly lineHeight: "calc(var(--base-font-size) * 0.75)";
+    readonly '3xs': readonly ["calc(var(--font-size-base) * 0.5)", {
+        readonly lineHeight: "calc(var(--font-size-base) * 0.75)";
     }];
-    readonly '2xs': readonly ["calc(var(--base-font-size) * 0.625)", {
-        readonly lineHeight: "calc(var(--base-font-size) * 0.75)";
+    readonly '2xs': readonly ["calc(var(--font-size-base) * 0.625)", {
+        readonly lineHeight: "calc(var(--font-size-base) * 0.75)";
     }];
-    readonly xs: readonly ["calc(var(--base-font-size) * 0.75)", {
-        readonly lineHeight: "var(--base-font-size)";
+    readonly xs: readonly ["calc(var(--font-size-base) * 0.75)", {
+        readonly lineHeight: "var(--font-size-base)";
     }];
-    readonly sm: readonly ["calc(var(--base-font-size) * 0.875)", {
-        readonly lineHeight: "calc(var(--base-font-size) * 1.25)";
+    readonly sm: readonly ["calc(var(--font-size-base) * 0.875)", {
+        readonly lineHeight: "calc(var(--font-size-base) * 1.25)";
     }];
-    readonly md: readonly ["var(--base-font-size)", {
-        readonly lineHeight: "calc(var(--base-font-size) * 1.5)";
+    readonly md: readonly ["var(--font-size-base)", {
+        readonly lineHeight: "calc(var(--font-size-base) * 1.5)";
     }];
-    readonly lg: readonly ["calc(var(--base-font-size) * 1.125)", {
-        readonly lineHeight: "calc(var(--base-font-size) * 1.75)";
+    readonly lg: readonly ["calc(var(--font-size-base) * 1.125)", {
+        readonly lineHeight: "calc(var(--font-size-base) * 1.75)";
     }];
-    readonly xl: readonly ["calc(var(--base-font-size) * 1.25)", {
-        readonly lineHeight: "calc(var(--base-font-size) * 1.75)";
+    readonly xl: readonly ["calc(var(--font-size-base) * 1.25)", {
+        readonly lineHeight: "calc(var(--font-size-base) * 1.75)";
     }];
-    readonly '2xl': readonly ["calc(var(--base-font-size) * 1.5)", {
-        readonly lineHeight: "calc(var(--base-font-size) * 2)";
+    readonly '2xl': readonly ["calc(var(--font-size-base) * 1.5)", {
+        readonly lineHeight: "calc(var(--font-size-base) * 2)";
     }];
-    readonly '3xl': readonly ["calc(var(--base-font-size) * 1.875)", {
-        readonly lineHeight: "calc(var(--base-font-size) * 2.25)";
+    readonly '3xl': readonly ["calc(var(--font-size-base) * 1.875)", {
+        readonly lineHeight: "calc(var(--font-size-base) * 2.25)";
     }];
-    readonly '4xl': readonly ["calc(var(--base-font-size) * 2.25)", {
-        readonly lineHeight: "calc(var(--base-font-size) * 2.5)";
+    readonly '4xl': readonly ["calc(var(--font-size-base) * 2.25)", {
+        readonly lineHeight: "calc(var(--font-size-base) * 2.5)";
     }];
-    readonly '5xl': readonly ["calc(var(--base-font-size) * 3)", {
+    readonly '5xl': readonly ["calc(var(--font-size-base) * 3)", {
         readonly lineHeight: "1";
     }];
-    readonly '6xl': readonly ["calc(var(--base-font-size) * 3.75)", {
+    readonly '6xl': readonly ["calc(var(--font-size-base) * 3.75)", {
         readonly lineHeight: "1";
     }];
-    readonly '7xl': readonly ["calc(var(--base-font-size) * 4.5)", {
+    readonly '7xl': readonly ["calc(var(--font-size-base) * 4.5)", {
         readonly lineHeight: "1";
     }];
-    readonly '8xl': readonly ["calc(var(--base-font-size) * 6)", {
+    readonly '8xl': readonly ["calc(var(--font-size-base) * 6)", {
         readonly lineHeight: "1";
     }];
-    readonly '9xl': readonly ["calc(var(--base-font-size) * 8)", {
+    readonly '9xl': readonly ["calc(var(--font-size-base) * 8)", {
         readonly lineHeight: "1";
     }];
 };
@@ -251,13 +251,13 @@ export declare function getFontSizeVar(size: FontSize): string;
 /**
  * Returns the CSS custom property name for the base font size.
  *
- * @returns The CSS variable name `'--base-font-size'`
+ * @returns The CSS variable name `'--font-size-base'`
  */
 export declare function getBaseFontSizeVarName(): string;
 /**
  * Returns a CSS `var()` expression referencing the base font size custom property.
  *
- * @returns A CSS `var()` string `'var(--base-font-size)'`
+ * @returns A CSS `var()` string `'var(--font-size-base)'`
  */
 export declare function getBaseFontSizeVar(): string;
 /**
@@ -354,9 +354,9 @@ export declare function getSemanticFontVar(name: SemanticFontName): string;
  * @example
  * ```ts
  * const vars = generateTypographyVariables()
- * // vars['--base-font-size'] === '1rem'
- * // vars['--font-size-md'] === 'var(--base-font-size)'
- * // vars['--font-size-md-lh'] === 'calc(var(--base-font-size) * 1.5)'
+ * // vars['--font-size-base'] === '1rem'
+ * // vars['--font-size-md'] === 'var(--font-size-base)'
+ * // vars['--font-size-md-lh'] === 'calc(var(--font-size-base) * 1.5)'
  * // vars['--font-weight-bold'] === '700'
  * ```
  */
@@ -386,7 +386,7 @@ export declare function generateFontFamilyOverrideVariables(overrides?: FontFami
  * ```ts
  * const vars = generateSemanticFontVariables({ heading: 'var(--font-family-serif)' })
  * // vars['--font-heading'] === 'var(--font-family-serif)'
- * // vars['--default-font-family'] === 'var(--font-body)'
+ * // vars['--font-family-default'] === 'var(--font-body)'
  * ```
  */
 export declare function generateSemanticFontVariables(overrides?: SemanticFontOverrides): Record<string, string>;

package/dist/types/utils/delay-signal.d.ts

@@ -1,2 +1,2 @@
 import { Signal } from '@tempots/dom';
-export declare function delaySignal<T>(signal: Signal<T>, delay?: number, predicate?: (v: T) => boolean): import("@tempots/dom").Prop<T>;
+export declare function delaySignal<T>(signal: Signal<T>, delay?: number, predicate?: (v: T) => boolean): import("@tempots/core").Prop<T>;