@tempots/beatui 0.87.2 → 0.87.4

package/dist/types/components/form/input/nullable-plain-year-month-input.d.ts

@@ -17,19 +17,19 @@
  * ```
  */
 export declare const NullablePlainYearMonthInput: (options: {
-    autocomplete?: import("@tempots/dom").Value<string> | undefined;
-    autofocus?: import("@tempots/dom").Value<boolean> | undefined;
-    class?: import("@tempots/dom").Value<string> | undefined;
+    autocomplete?: import("@tempots/core").Value<string> | undefined;
+    autofocus?: import("@tempots/core").Value<boolean> | undefined;
+    class?: import("@tempots/core").Value<string> | undefined;
     classes?: import("./input-options").InputClasses | undefined;
-    disabled?: import("@tempots/dom").Value<boolean> | undefined;
-    hasError?: import("@tempots/dom").Value<boolean> | undefined;
-    name?: import("@tempots/dom").Value<string> | undefined;
-    placeholder?: import("@tempots/dom").Value<string> | undefined;
-    id?: import("@tempots/dom").Value<string> | undefined;
-    required?: import("@tempots/dom").Value<boolean> | undefined;
-    tabIndex?: import("@tempots/dom").Value<number> | undefined;
-    size?: import("@tempots/dom").Value<import("../../theme").ControlSize> | undefined;
-    value: import("@tempots/dom").Value<import("@js-temporal/polyfill").Temporal.PlainYearMonth | null>;
+    disabled?: import("@tempots/core").Value<boolean> | undefined;
+    hasError?: import("@tempots/core").Value<boolean> | undefined;
+    name?: import("@tempots/core").Value<string> | undefined;
+    placeholder?: import("@tempots/core").Value<string> | undefined;
+    id?: import("@tempots/core").Value<string> | undefined;
+    required?: import("@tempots/core").Value<boolean> | undefined;
+    tabIndex?: import("@tempots/core").Value<number> | undefined;
+    size?: import("@tempots/core").Value<import("../../theme").ControlSize> | undefined;
+    value: import("@tempots/core").Value<import("@js-temporal/polyfill").Temporal.PlainYearMonth | null>;
     before?: import("@tempots/dom").TNode;
     after?: import("@tempots/dom").TNode;
     onChange?: ((value: import("@js-temporal/polyfill").Temporal.PlainYearMonth | null) => void) | undefined;

package/dist/types/components/form/input/password-input.d.ts

@@ -38,4 +38,4 @@ import { InputOptions } from './input-options';
  * })
  * ```
  */
-export declare const PasswordInput: (options: InputOptions<string>) => import("@tempots/dom").Renderable;
+export declare const PasswordInput: (options: InputOptions<string>) => import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;

package/dist/types/components/form/input/plain-date-input.d.ts

@@ -16,19 +16,19 @@
  * ```
  */
 export declare const PlainDateInput: (options: {
-    autocomplete?: import("@tempots/dom").Value<string> | undefined;
-    autofocus?: import("@tempots/dom").Value<boolean> | undefined;
-    class?: import("@tempots/dom").Value<string> | undefined;
+    autocomplete?: import("@tempots/core").Value<string> | undefined;
+    autofocus?: import("@tempots/core").Value<boolean> | undefined;
+    class?: import("@tempots/core").Value<string> | undefined;
     classes?: import("./input-options").InputClasses | undefined;
-    disabled?: import("@tempots/dom").Value<boolean> | undefined;
-    hasError?: import("@tempots/dom").Value<boolean> | undefined;
-    name?: import("@tempots/dom").Value<string> | undefined;
-    placeholder?: import("@tempots/dom").Value<string> | undefined;
-    id?: import("@tempots/dom").Value<string> | undefined;
-    required?: import("@tempots/dom").Value<boolean> | undefined;
-    tabIndex?: import("@tempots/dom").Value<number> | undefined;
-    size?: import("@tempots/dom").Value<import("../../theme").ControlSize> | undefined;
-    value: import("@tempots/dom").Value<import("@js-temporal/polyfill").Temporal.PlainDate>;
+    disabled?: import("@tempots/core").Value<boolean> | undefined;
+    hasError?: import("@tempots/core").Value<boolean> | undefined;
+    name?: import("@tempots/core").Value<string> | undefined;
+    placeholder?: import("@tempots/core").Value<string> | undefined;
+    id?: import("@tempots/core").Value<string> | undefined;
+    required?: import("@tempots/core").Value<boolean> | undefined;
+    tabIndex?: import("@tempots/core").Value<number> | undefined;
+    size?: import("@tempots/core").Value<import("../../theme").ControlSize> | undefined;
+    value: import("@tempots/core").Value<import("@js-temporal/polyfill").Temporal.PlainDate>;
     before?: import("@tempots/dom").TNode;
     after?: import("@tempots/dom").TNode;
     onChange?: ((value: import("@js-temporal/polyfill").Temporal.PlainDate) => void) | undefined;

package/dist/types/components/form/input/plain-date-time-input.d.ts

@@ -16,19 +16,19 @@
  * ```
  */
 export declare const PlainDateTimeInput: (options: {
-    autocomplete?: import("@tempots/dom").Value<string> | undefined;
-    autofocus?: import("@tempots/dom").Value<boolean> | undefined;
-    class?: import("@tempots/dom").Value<string> | undefined;
+    autocomplete?: import("@tempots/core").Value<string> | undefined;
+    autofocus?: import("@tempots/core").Value<boolean> | undefined;
+    class?: import("@tempots/core").Value<string> | undefined;
     classes?: import("./input-options").InputClasses | undefined;
-    disabled?: import("@tempots/dom").Value<boolean> | undefined;
-    hasError?: import("@tempots/dom").Value<boolean> | undefined;
-    name?: import("@tempots/dom").Value<string> | undefined;
-    placeholder?: import("@tempots/dom").Value<string> | undefined;
-    id?: import("@tempots/dom").Value<string> | undefined;
-    required?: import("@tempots/dom").Value<boolean> | undefined;
-    tabIndex?: import("@tempots/dom").Value<number> | undefined;
-    size?: import("@tempots/dom").Value<import("../../theme").ControlSize> | undefined;
-    value: import("@tempots/dom").Value<import("@js-temporal/polyfill").Temporal.PlainDateTime>;
+    disabled?: import("@tempots/core").Value<boolean> | undefined;
+    hasError?: import("@tempots/core").Value<boolean> | undefined;
+    name?: import("@tempots/core").Value<string> | undefined;
+    placeholder?: import("@tempots/core").Value<string> | undefined;
+    id?: import("@tempots/core").Value<string> | undefined;
+    required?: import("@tempots/core").Value<boolean> | undefined;
+    tabIndex?: import("@tempots/core").Value<number> | undefined;
+    size?: import("@tempots/core").Value<import("../../theme").ControlSize> | undefined;
+    value: import("@tempots/core").Value<import("@js-temporal/polyfill").Temporal.PlainDateTime>;
     before?: import("@tempots/dom").TNode;
     after?: import("@tempots/dom").TNode;
     onChange?: ((value: import("@js-temporal/polyfill").Temporal.PlainDateTime) => void) | undefined;

package/dist/types/components/form/input/plain-time-input.d.ts

@@ -16,19 +16,19 @@
  * ```
  */
 export declare const PlainTimeInput: (options: {
-    autocomplete?: import("@tempots/dom").Value<string> | undefined;
-    autofocus?: import("@tempots/dom").Value<boolean> | undefined;
-    class?: import("@tempots/dom").Value<string> | undefined;
+    autocomplete?: import("@tempots/core").Value<string> | undefined;
+    autofocus?: import("@tempots/core").Value<boolean> | undefined;
+    class?: import("@tempots/core").Value<string> | undefined;
     classes?: import("./input-options").InputClasses | undefined;
-    disabled?: import("@tempots/dom").Value<boolean> | undefined;
-    hasError?: import("@tempots/dom").Value<boolean> | undefined;
-    name?: import("@tempots/dom").Value<string> | undefined;
-    placeholder?: import("@tempots/dom").Value<string> | undefined;
-    id?: import("@tempots/dom").Value<string> | undefined;
-    required?: import("@tempots/dom").Value<boolean> | undefined;
-    tabIndex?: import("@tempots/dom").Value<number> | undefined;
-    size?: import("@tempots/dom").Value<import("../../theme").ControlSize> | undefined;
-    value: import("@tempots/dom").Value<import("@js-temporal/polyfill").Temporal.PlainTime>;
+    disabled?: import("@tempots/core").Value<boolean> | undefined;
+    hasError?: import("@tempots/core").Value<boolean> | undefined;
+    name?: import("@tempots/core").Value<string> | undefined;
+    placeholder?: import("@tempots/core").Value<string> | undefined;
+    id?: import("@tempots/core").Value<string> | undefined;
+    required?: import("@tempots/core").Value<boolean> | undefined;
+    tabIndex?: import("@tempots/core").Value<number> | undefined;
+    size?: import("@tempots/core").Value<import("../../theme").ControlSize> | undefined;
+    value: import("@tempots/core").Value<import("@js-temporal/polyfill").Temporal.PlainTime>;
     before?: import("@tempots/dom").TNode;
     after?: import("@tempots/dom").TNode;
     onChange?: ((value: import("@js-temporal/polyfill").Temporal.PlainTime) => void) | undefined;

package/dist/types/components/form/input/plain-year-month-input.d.ts

@@ -16,19 +16,19 @@
  * ```
  */
 export declare const PlainYearMonthInput: (options: {
-    autocomplete?: import("@tempots/dom").Value<string> | undefined;
-    autofocus?: import("@tempots/dom").Value<boolean> | undefined;
-    class?: import("@tempots/dom").Value<string> | undefined;
+    autocomplete?: import("@tempots/core").Value<string> | undefined;
+    autofocus?: import("@tempots/core").Value<boolean> | undefined;
+    class?: import("@tempots/core").Value<string> | undefined;
     classes?: import("./input-options").InputClasses | undefined;
-    disabled?: import("@tempots/dom").Value<boolean> | undefined;
-    hasError?: import("@tempots/dom").Value<boolean> | undefined;
-    name?: import("@tempots/dom").Value<string> | undefined;
-    placeholder?: import("@tempots/dom").Value<string> | undefined;
-    id?: import("@tempots/dom").Value<string> | undefined;
-    required?: import("@tempots/dom").Value<boolean> | undefined;
-    tabIndex?: import("@tempots/dom").Value<number> | undefined;
-    size?: import("@tempots/dom").Value<import("../../theme").ControlSize> | undefined;
-    value: import("@tempots/dom").Value<import("@js-temporal/polyfill").Temporal.PlainYearMonth>;
+    disabled?: import("@tempots/core").Value<boolean> | undefined;
+    hasError?: import("@tempots/core").Value<boolean> | undefined;
+    name?: import("@tempots/core").Value<string> | undefined;
+    placeholder?: import("@tempots/core").Value<string> | undefined;
+    id?: import("@tempots/core").Value<string> | undefined;
+    required?: import("@tempots/core").Value<boolean> | undefined;
+    tabIndex?: import("@tempots/core").Value<number> | undefined;
+    size?: import("@tempots/core").Value<import("../../theme").ControlSize> | undefined;
+    value: import("@tempots/core").Value<import("@js-temporal/polyfill").Temporal.PlainYearMonth>;
     before?: import("@tempots/dom").TNode;
     after?: import("@tempots/dom").TNode;
     onChange?: ((value: import("@js-temporal/polyfill").Temporal.PlainYearMonth) => void) | undefined;

package/dist/types/components/form/input/select-tags-input.d.ts

@@ -1,4 +1,4 @@
-import { Value } from '@tempots/dom';
+import { TNode, Value } from '@tempots/dom';
 import { InputOptions } from './input-options';
 import { DropdownOption } from './option';
 import { BaseControllerOptions, ControllerOptions } from '../control';
@@ -44,7 +44,7 @@ export declare function Chips<T>(opts: {
     equality: (a: T, b: T) => boolean;
     disabled?: Value<boolean>;
     onRemove: (v: T) => void;
-}): import("@tempots/dom").Renderable;
+}): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;
 /**
  * A multi-select tag input with a click-to-open dropdown menu.
  *
@@ -78,7 +78,7 @@ export declare function SelectTagsInput<T>(options: SelectTagsOptions<T>): impor
  * @param options - Base controller options for the select tags control.
  * @returns A renderable form control component.
  */
-export declare function BaseSelectTagsControl<T>(options: BaseControllerOptions<T[], SelectTagsOptions<T>>): any;
+export declare function BaseSelectTagsControl<T>(options: BaseControllerOptions<T[], SelectTagsOptions<T>>): TNode;
 /**
  * A full form control wrapper for {@link SelectTagsInput} with label, error, and description support.
  *

package/dist/types/components/form/use-form.d.ts

@@ -84,7 +84,7 @@ export declare function useController<T>({ initialValue, onChange, validate, equ
  * @param value - The controller to connect
  * @returns A Fragment with attribute bindings
  */
-export declare function connectCommonAttributes<T>(value: Controller<T>): import("@tempots/dom").Renderable<import("@tempots/dom").DOMContext>;
+export declare function connectCommonAttributes<T>(value: Controller<T>): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;
 /**
  * Connects a string controller to a text input element with value binding and event handlers.
  * This is a lower-level utility; most users should use Control/BaseControl instead.
@@ -95,7 +95,7 @@ export declare function connectCommonAttributes<T>(value: Controller<T>): import
  */
 export declare function connectStringInput(value: Controller<string>, { triggerOn, }?: {
     triggerOn?: 'change' | 'input';
-}): import("@tempots/dom").Renderable<import("@tempots/dom").DOMContext>;
+}): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;
 /**
  * Connects a number controller to a number input element with value binding and event handlers.
  * This is a lower-level utility; most users should use Control/BaseControl instead.
@@ -106,7 +106,7 @@ export declare function connectStringInput(value: Controller<string>, { triggerO
  */
 export declare function connectNumberInput(value: Controller<number>, { triggerOn, }?: {
     triggerOn?: 'change' | 'input';
-}): import("@tempots/dom").Renderable<import("@tempots/dom").DOMContext>;
+}): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;
 /**
  * Converts a Standard Schema v1 validation result into a ControllerValidation.
  * Used internally to integrate Standard Schema validators (including Zod) with the form system.

package/dist/types/components/i18n/locale-direction.d.ts

@@ -21,4 +21,4 @@
  * ))
  * ```
  */
-export declare const LocaleDirection: () => import("@tempots/dom").Renderable;
+export declare const LocaleDirection: () => import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;

package/dist/types/components/i18n/locale-selector.d.ts

@@ -54,4 +54,4 @@ export type LocaleSelectorOptions = {
  * })
  * ```
  */
-export declare function LocaleSelector({ locales, onChange, updateLocale, }: LocaleSelectorOptions): import("@tempots/dom").Renderable;
+export declare function LocaleSelector({ locales, onChange, updateLocale, }: LocaleSelectorOptions): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;

package/dist/types/components/i18n/locale.d.ts

@@ -33,4 +33,4 @@ export type LocaleValue = {
  * Use(Locale, ({ locale, setLocale }) => html.div(locale))
  * ```
  */
-export declare const Locale: Provider<LocaleValue, object>;
+export declare const Locale: Provider<LocaleValue>;

package/dist/types/components/i18n/make-i18nprovider.d.ts

@@ -15,7 +15,7 @@ import { Provider, Signal } from '@tempots/dom';
  * @param config.providerName - Optional name for the provider mark, used for debugging
  * @default config.providerName `'I18nProvider'`
  *
- * @returns A `Provider<Signal<M>, object>` that provides a reactive signal of the current messages
+ * @returns A `Provider<Signal<M>>` that provides a reactive signal of the current messages
  *
  * @example
  * ```typescript
@@ -46,4 +46,4 @@ export declare function makeI18nProvider<M extends object>({ defaultLocale, defa
     localeLoader: (locale: string) => Promise<M>;
     /** Optional name for the provider mark, used for debugging. @default 'I18nProvider' */
     providerName?: string;
-}): Provider<Signal<M>, object>;
+}): Provider<Signal<M>>;

package/dist/types/components/layout/app-shell.d.ts

@@ -115,4 +115,4 @@ export interface AppShellOptions {
  * })
  * ```
  */
-export declare function AppShell({ smallBreakpoint, mediumBreakpoint, ...options }: AppShellOptions): import("@tempots/dom").Renderable;
+export declare function AppShell({ smallBreakpoint, mediumBreakpoint, ...options }: AppShellOptions): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;

package/dist/types/components/lexical/code/language-selector.d.ts

@@ -10,4 +10,4 @@ export interface LanguageSelectorOptions {
  * Language selector that appears when a code block is selected.
  * Allows changing the programming language for syntax highlighting.
  */
-export declare function LanguageSelector({ editor, stateUpdate, readOnly, languages, }: LanguageSelectorOptions): import("@tempots/dom").Renderable;
+export declare function LanguageSelector({ editor, stateUpdate, readOnly, languages, }: LanguageSelectorOptions): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;

package/dist/types/components/lexical/floating/block-handle.d.ts

@@ -13,4 +13,4 @@ export interface BlockHandleOptions {
     readOnly?: Signal<boolean>;
     commands?: BlockCommand[];
 }
-export declare function BlockHandle({ editor, stateUpdate, readOnly, commands, }: BlockHandleOptions): import("@tempots/dom").Renderable;
+export declare function BlockHandle({ editor, stateUpdate, readOnly, commands, }: BlockHandleOptions): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;

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

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

package/dist/types/components/lexical/floating/slash-command-palette.d.ts

@@ -17,4 +17,4 @@ export interface SlashCommandPaletteOptions {
  * Default slash commands for the editor
  */
 export declare const DEFAULT_SLASH_COMMANDS: SlashCommandDefinition[];
-export declare function SlashCommandPalette({ commands, isVisible, filterText, position, onSelect, onDismiss, }: SlashCommandPaletteOptions): import("@tempots/dom").Renderable;
+export declare function SlashCommandPalette({ commands, isVisible, filterText, position, onSelect, onDismiss, }: SlashCommandPaletteOptions): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;

package/dist/types/components/lexical/table/table-controls.d.ts

@@ -9,4 +9,4 @@ export interface TableControlsOptions {
  * Table context menu that appears when a table cell is selected.
  * Provides operations like insert/delete rows/columns.
  */
-export declare function TableControls({ editor, stateUpdate, readOnly, }: TableControlsOptions): import("@tempots/dom").Renderable;
+export declare function TableControls({ editor, stateUpdate, readOnly, }: TableControlsOptions): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;

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/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>;

package/dist/types/utils/use-animated-toggle.d.ts

@@ -11,13 +11,13 @@ export declare function useAnimatedToggle({ initialStatus, openedAfter, closedAf
     close: () => void;
     toggle: () => void;
     setOpen: (v: boolean) => void;
-    display: import("@tempots/dom").Computed<boolean>;
-    isClosed: import("@tempots/dom").Computed<boolean>;
-    isStartOpening: import("@tempots/dom").Computed<boolean>;
-    isOpening: import("@tempots/dom").Computed<boolean>;
-    isOpened: import("@tempots/dom").Computed<boolean>;
-    isClosing: import("@tempots/dom").Computed<boolean>;
-    isStartClosing: import("@tempots/dom").Computed<boolean>;
+    display: import("@tempots/core").Computed<boolean>;
+    isClosed: import("@tempots/core").Computed<boolean>;
+    isStartOpening: import("@tempots/core").Computed<boolean>;
+    isOpening: import("@tempots/core").Computed<boolean>;
+    isOpened: import("@tempots/core").Computed<boolean>;
+    isClosing: import("@tempots/core").Computed<boolean>;
+    isStartClosing: import("@tempots/core").Computed<boolean>;
     dispose: () => void;
     listenOnClosed: (fn: () => void) => void;
 };
@@ -33,13 +33,13 @@ export declare function useTimedToggle({ initialStatus, duration, openDuration,
     close: () => void;
     toggle: () => void;
     setOpen: (v: boolean) => void;
-    display: import("@tempots/dom").Computed<boolean>;
-    isClosed: import("@tempots/dom").Computed<boolean>;
-    isStartOpening: import("@tempots/dom").Computed<boolean>;
-    isOpening: import("@tempots/dom").Computed<boolean>;
-    isOpened: import("@tempots/dom").Computed<boolean>;
-    isClosing: import("@tempots/dom").Computed<boolean>;
-    isStartClosing: import("@tempots/dom").Computed<boolean>;
+    display: import("@tempots/core").Computed<boolean>;
+    isClosed: import("@tempots/core").Computed<boolean>;
+    isStartOpening: import("@tempots/core").Computed<boolean>;
+    isOpening: import("@tempots/core").Computed<boolean>;
+    isOpened: import("@tempots/core").Computed<boolean>;
+    isClosing: import("@tempots/core").Computed<boolean>;
+    isStartClosing: import("@tempots/core").Computed<boolean>;
     dispose: () => void;
     listenOnClosed: (fn: () => void) => void;
 };
@@ -53,13 +53,13 @@ export declare function useAnimatedElementToggle({ initialStatus, element, }?: A
     close: () => void;
     toggle: () => void;
     setOpen: (v: boolean) => void;
-    display: import("@tempots/dom").Computed<boolean>;
-    isClosed: import("@tempots/dom").Computed<boolean>;
-    isStartOpening: import("@tempots/dom").Computed<boolean>;
-    isOpening: import("@tempots/dom").Computed<boolean>;
-    isOpened: import("@tempots/dom").Computed<boolean>;
-    isClosing: import("@tempots/dom").Computed<boolean>;
-    isStartClosing: import("@tempots/dom").Computed<boolean>;
+    display: import("@tempots/core").Computed<boolean>;
+    isClosed: import("@tempots/core").Computed<boolean>;
+    isStartOpening: import("@tempots/core").Computed<boolean>;
+    isOpening: import("@tempots/core").Computed<boolean>;
+    isOpened: import("@tempots/core").Computed<boolean>;
+    isClosing: import("@tempots/core").Computed<boolean>;
+    isStartClosing: import("@tempots/core").Computed<boolean>;
     dispose: () => void;
     listenOnClosed: (fn: () => void) => void;
     setElement: (value: HTMLElement) => void;
@@ -81,7 +81,7 @@ export type AnimationConfig = {
 export declare function AnimatedToggleClass({ animation, status, }: {
     animation?: Value<AnimationConfig>;
     status: Signal<ToggleStatus>;
-}): import("@tempots/dom").Renderable<import("@tempots/dom").DOMContext>;
+}): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;
 export declare function AnimatedToggle({ initialStatus, animation, }: {
     initialStatus?: ToggleStatus;
     animation?: Value<AnimationConfig>;

package/dist/{ur-DkIYJxsF.js → ur-Lr1p8f9y.js}

@@ -1,4 +1,4 @@
-import { f as i } from "./translations-BGblCUBj.js";
+import { f as i } from "./translations-BLlzvZgw.js";
 const d = {
   loadingExtended: "لوڈ ہو رہا ہے، براہ کرم انتظار کریں",
   loadingShort: "لوڈ ہو رہا ہے...",

package/dist/{use-animated-toggle-89fKlXxy.js → use-animated-toggle-C7PTmnZi.js}

@@ -1,11 +1,11 @@
-import { prop as x, computedOf as g, Fragment as v, attr as w, WithElement as E, Value as m, OnDispose as T } from "@tempots/dom";
+import { WithElement as v, Fragment as E, OnDispose as T, computedOf as g, attr as x, Value as m, prop as w } from "@tempots/dom";
 import { g as f, I as A } from "./timer-Rd2sKnvH.js";
 function b({
   initialStatus: n = "closed",
   openedAfter: t,
   closedAfter: i
 }) {
-  const e = x(n), o = () => {
+  const e = w(n), o = () => {
     e.set("start-opening");
   }, l = () => {
     e.set("start-closing");
@@ -142,9 +142,9 @@ function j({
     const l = h(e, o), u = D(l).map((c) => `bc-animated-toggle--${c}`).join(" ");
     return u ? `bc-animated-toggle ${u} bc-animated-toggle--${o}` : `bc-animated-toggle bc-animated-toggle--${o}`;
   });
-  return v(
-    w.class(i),
-    E((e) => {
+  return E(
+    x.class(i),
+    v((e) => {
       let o = [];
       function l(c) {
         for (const r of o)
@@ -174,12 +174,12 @@ function V({
   initialStatus: n = "closed",
   animation: t
 }, i) {
-  return E((e) => {
+  return v((e) => {
     const { setElement: o, dispose: l, ...a } = B({
       initialStatus: n,
       element: e
     });
-    return o(e), v(
+    return o(e), E(
       j({ status: a.status, animation: t }),
       T(l),
       i(a)