@tempots/beatui 0.54.1 → 0.55.0

package/dist/types/beatui-i18n/default.d.ts

@@ -65,6 +65,13 @@ export declare const defaultMessages: {
         horizontalRule: string;
         linkUrlPlaceholder: string;
     };
+    pdfPageViewer: {
+        loading: string;
+        loadFailed: string;
+        invalidPdf: string;
+        pageOutOfRange: (page: number, total: number) => string;
+        renderFailed: string;
+    };
 };
 export declare const defaultLocale = "en";
 export type BeatUIMessages = typeof defaultMessages;

package/dist/types/beatui-i18n/locales/en.d.ts

@@ -65,5 +65,12 @@ declare const en: {
         horizontalRule: string;
         linkUrlPlaceholder: string;
     };
+    pdfPageViewer: {
+        loading: string;
+        loadFailed: string;
+        invalidPdf: string;
+        pageOutOfRange: (page: number, total: number) => string;
+        renderFailed: string;
+    };
 };
 export default en;

package/dist/types/beatui-i18n/translations.d.ts

@@ -65,4 +65,11 @@ export declare const BeatUII18n: import("@tempots/dom").Provider<import("@tempot
         horizontalRule: string;
         linkUrlPlaceholder: string;
     };
+    pdfPageViewer: {
+        loading: string;
+        loadFailed: string;
+        invalidPdf: string;
+        pageOutOfRange: (page: number, total: number) => string;
+        renderFailed: string;
+    };
 }>, object>;

package/dist/types/components/auth/social-login-button.d.ts

@@ -1,7 +1,7 @@
 import { Renderable, Value } from '@tempots/dom';
 import { SocialLoginButtonOptions, AuthProviderName } from './index';
 import { ControlSize } from '../theme';
-import { ThemeColorName } from '@/tokens';
+import { ThemeColorName } from '../../tokens';
 export declare function SocialLoginButton({ provider, onClick, size, name, icon, color, flow, labels, }: SocialLoginButtonOptions): Renderable;
 export type AuthProviderInfo = {
     provider: AuthProviderName;

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

@@ -1,6 +1,6 @@
 import { TNode, Value } from '@tempots/dom';
 import { ControlSize } from '../theme';
-import { ThemeColorName } from '@/tokens';
+import { ThemeColorName } from '../../tokens';
 import { AuthProviderInfo } from './social-login-button';
 export type AuthProviderName = 'google' | 'github' | 'apple' | 'facebook' | 'twitter' | 'x' | 'microsoft' | 'discord' | 'linkedin' | 'instagram' | 'tiktok' | 'snapchat' | 'reddit' | 'pinterest' | 'twitch' | 'steam' | 'epic' | 'playstation' | 'xbox' | 'whatsapp' | 'wechat' | 'amazon' | 'yahoo' | 'paypal';
 export type AuthMode = 'signin' | 'signup' | 'reset-password';
@@ -138,7 +138,7 @@ export interface SocialLoginButtonOptions {
     flow?: Value<'redirect' | 'popup' | undefined>;
     name: Value<string>;
     icon: Value<string>;
-    color: Value<ThemeColorName | 'black' | 'white'>;
+    color: Value<ThemeColorName>;
     labels?: {
         continueWithProvider?: Value<(provider: string) => string>;
     };
@@ -152,5 +152,5 @@ export interface PasswordStrengthIndicatorOptions {
 export interface ProviderInfo {
     name: string;
     icon: string;
-    color: ThemeColorName | 'black' | 'white';
+    color: ThemeColorName;
 }

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

@@ -1,15 +1,15 @@
 import { TNode, Value } from '@tempots/dom';
 import { ControlSize, ButtonVariant } from '../theme';
-import { ThemeColorName } from '@/tokens';
+import { ThemeColorName } from '../../tokens';
 import { ExtendedColor } from '../theme/style-utils';
-import { RadiusName } from '@/tokens/radius';
+import { RadiusName } from '../../tokens/radius';
 export interface ButtonOptions {
     type?: Value<'submit' | 'reset' | 'button'>;
     disabled?: Value<boolean>;
     loading?: Value<boolean>;
     variant?: Value<ButtonVariant>;
     size?: Value<ControlSize>;
-    color?: Value<ThemeColorName | 'black' | 'white'>;
+    color?: Value<ThemeColorName>;
     roundedness?: Value<RadiusName>;
     onClick?: () => void;
     fullWidth?: Value<boolean>;

package/dist/types/components/button/close-button.d.ts

@@ -1,13 +1,13 @@
 import { Renderable, TNode, Value } from '@tempots/dom';
 import { ControlSize } from '../theme';
-import { ThemeColorName } from '@/tokens';
-import { RadiusName } from '@/tokens/radius';
+import { ThemeColorName } from '../../tokens';
+import { RadiusName } from '../../tokens/radius';
 export type CloseButtonOptions = {
     size?: Value<ControlSize>;
     icon?: Value<string>;
     disabled?: Value<boolean>;
     roundedness?: Value<RadiusName>;
-    color?: Value<ThemeColorName | 'black' | 'white'>;
+    color?: Value<ThemeColorName>;
     onClick?: () => void;
     /** Optional localized label for screen readers; defaults to t.$.closeModal */
     label?: Value<string>;

package/dist/types/components/data/badge.d.ts

@@ -1,12 +1,12 @@
 import { TNode, Value } from '@tempots/dom';
 import { ControlSize, ButtonVariant } from '../theme';
-import { ThemeColorName } from '@/tokens';
+import { ThemeColorName } from '../../tokens';
 import { ExtendedColor } from '../theme/style-utils';
-import { RadiusName } from '@/tokens/radius';
+import { RadiusName } from '../../tokens/radius';
 export interface BadgeOptions {
     variant?: Value<ButtonVariant>;
     size?: Value<ControlSize>;
-    color?: Value<ThemeColorName | 'black' | 'white'>;
+    color?: Value<ThemeColorName>;
     roundedness?: Value<RadiusName>;
     circle?: Value<boolean>;
     fullWidth?: Value<boolean>;

package/dist/types/components/data/icon.d.ts

@@ -1,6 +1,6 @@
 import { TNode, Value } from '@tempots/dom';
 import { IconSize } from '../theme';
-import { ThemeColorName } from '@/tokens';
+import { ThemeColorName } from '../../tokens';
 import { ForegroundTone } from '../theme/style-utils';
 export declare const isIndexedDBAvailable: boolean;
 export declare function storeIconLocally(id: string, svgString: string): Promise<void>;

package/dist/types/components/form/input/appearance-selector.d.ts

@@ -1,4 +1,4 @@
-import { AppearancePreference } from '@/components/theme';
+import { AppearancePreference } from '../../theme';
 import { Value } from '@tempots/dom';
 export type AppearanceSelectorOptions = {
     value: Value<AppearancePreference>;

package/dist/types/components/form/input/create-temporal-input.d.ts

@@ -1,6 +1,6 @@
 import { Renderable } from '@tempots/dom';
 import { InputOptions } from './input-options';
-import type { BeatUITemporal } from '@/temporal';
+import type { BeatUITemporal } from '../../../temporal';
 /**
  * Configuration for creating a Temporal input component.
  */

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

@@ -1,3 +1,3 @@
 import { InputOptions } from './input-options';
-import { Duration } from '@/temporal';
+import { Duration } from '../../../temporal';
 export declare const DurationInput: (options: InputOptions<Duration>) => import("@tempots/dom").Renderable;

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

@@ -1,6 +1,6 @@
 import { TNode, Value } from '@tempots/dom';
 import { ControlSize } from '../../theme';
-import { ThemeColorName } from '@/tokens';
+import { ThemeColorName } from '../../../tokens';
 export declare function generateInputContainerInputClasses(baseContainer: boolean, size: ControlSize): string;
 export declare const InputContainer: ({ baseContainer, disabled, input, before, after, hasError, focusableSelector, growInput, size, }: {
     disabled?: Value<boolean>;

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

@@ -1,3 +1,3 @@
 import { InputOptions } from './input-options';
-import { Instant } from '@/temporal';
+import { Instant } from '../../../temporal';
 export declare const InstantInput: (options: InputOptions<Instant>) => import("@tempots/dom").Renderable;

package/dist/types/components/form/input/nullable-duration-input.d.ts

@@ -1,3 +1,3 @@
 import { InputOptions } from './input-options';
-import type { Duration } from '@/temporal/types';
+import type { Duration } from '../../../temporal/types';
 export declare const NullableDurationInput: (options: InputOptions<Duration | null>) => import("@tempots/dom").Renderable;

package/dist/types/components/form/input/nullable-instant-input.d.ts

@@ -1,3 +1,3 @@
 import { InputOptions } from './input-options';
-import { Instant } from '@/temporal';
+import { Instant } from '../../../temporal';
 export declare const NullableInstantInput: (options: InputOptions<Instant | null>) => import("@tempots/dom").Renderable;

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

@@ -1,3 +1,3 @@
 import { InputOptions } from './input-options';
-import { PlainMonthDay } from '@/temporal';
+import { PlainMonthDay } from '../../../temporal';
 export declare const NullablePlainMonthDayInput: (options: InputOptions<PlainMonthDay | null>) => import("@tempots/dom").Renderable;

package/dist/types/components/form/input/nullable-rating-input.d.ts

@@ -1,6 +1,6 @@
 import { Value } from '@tempots/dom';
 import { InputOptions } from './input-options';
-import { ThemeColorName } from '@/tokens';
+import { ThemeColorName } from '../../../tokens';
 import { ControlSize } from '../../theme/types';
 export type NullableRatingInputOptions = InputOptions<number | null> & {
     max?: Value<number>;

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

@@ -1,3 +1,3 @@
 import { InputOptions } from './input-options';
-import { ZonedDateTime } from '@/temporal';
+import { ZonedDateTime } from '../../../temporal';
 export declare const NullableZonedDateTimeInput: (options: InputOptions<ZonedDateTime | null>) => import("@tempots/dom").Renderable;

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

@@ -1,3 +1,3 @@
 import { InputOptions } from './input-options';
-import { PlainMonthDay } from '@/temporal';
+import { PlainMonthDay } from '../../../temporal';
 export declare const PlainMonthDayInput: (options: InputOptions<PlainMonthDay>) => import("@tempots/dom").Renderable;

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

@@ -1,6 +1,6 @@
 import { Value } from '@tempots/dom';
 import { InputOptions } from './input-options';
-import { ThemeColorName } from '@/tokens';
+import { ThemeColorName } from '../../../tokens';
 import { ControlSize } from '../../theme/types';
 type RatingInputOptions = InputOptions<number> & {
     max?: Value<number>;

package/dist/types/components/form/input/switch.d.ts

@@ -1,6 +1,6 @@
 import { Value, TNode } from '@tempots/dom';
 import { ControlSize } from '../../theme/types';
-import { ThemeColorName } from '@/tokens';
+import { ThemeColorName } from '../../../tokens';
 export type SwitchOptions = {
     value: Value<boolean>;
     onChange?: (value: boolean) => void;

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

@@ -1,3 +1,3 @@
 import { InputOptions } from './input-options';
-import { ZonedDateTime } from '@/temporal';
+import { ZonedDateTime } from '../../../temporal';
 export declare const ZonedDateTimeInput: (options: InputOptions<ZonedDateTime>) => import("@tempots/dom").Renderable;

package/dist/types/components/json-schema/validation/async-validation.d.ts

@@ -1,6 +1,6 @@
 import type { JSONSchema } from '../schema-context';
 import { Prop } from '@tempots/dom';
-import { ControllerValidation } from '@/components/form';
+import { ControllerValidation } from '../../form';
 /**
  * Async validation rule configuration
  */

package/dist/types/components/json-schema/validation/conditional-validation.d.ts

@@ -1,7 +1,7 @@
 import type { ValidateFunction } from 'ajv';
 import type { JSONSchema } from '../schema-context';
 import { type CrossFieldValidationRule } from './cross-field-validation';
-import type { ControllerValidation } from '@/components/form';
+import type { ControllerValidation } from '../../form';
 /**
  * Conditional validation configuration from x:ui
  */

package/dist/types/components/json-schema/validation/cross-field-validation.d.ts

@@ -1,5 +1,5 @@
 import type { JSONSchema } from '../schema-context';
-import { ControllerValidation } from '@/components/form';
+import { ControllerValidation } from '../../form';
 /**
  * Cross-field validation rule configuration
  */

package/dist/types/components/json-schema/widgets/string-controls.d.ts

@@ -1,4 +1,4 @@
-import { Controller, InputWrapperOptions } from '@/components/form';
+import { Controller, InputWrapperOptions } from '../../form';
 import { SchemaContext } from '../schema-context';
 import { Renderable } from '@tempots/dom';
 export declare function StringControl({ ctx, options, controller, }: {

package/dist/types/components/layout/action-card.d.ts

@@ -1,6 +1,6 @@
 import { TNode, Value } from '@tempots/dom';
 import { ControlSize, IconSize } from '../theme';
-import { ThemeColorName } from '@/tokens';
+import { ThemeColorName } from '../../tokens';
 export interface ActionCardOptions {
     icon: Value<string>;
     title: Value<string>;

package/dist/types/components/layout/card.d.ts

@@ -1,6 +1,6 @@
 import { TNode, Value } from '@tempots/dom';
 import { CardVariant, ControlSize } from '../theme';
-import { RadiusName } from '@/tokens/radius';
+import { RadiusName } from '../../tokens/radius';
 export interface CardOptions {
     variant?: Value<CardVariant>;
     size?: Value<ControlSize>;

package/dist/types/components/layout/sink.d.ts

@@ -1,6 +1,6 @@
 import { TNode, Value } from '@tempots/dom';
 import { SinkVariant, ControlSize } from '../theme';
-import { RadiusName } from '@/tokens/radius';
+import { RadiusName } from '../../tokens/radius';
 export interface SinkOptions {
     variant?: Value<SinkVariant>;
     size?: Value<ControlSize>;

package/dist/types/components/media/index.d.ts

@@ -1 +1,2 @@
 export * from './base-video-player';
+export * from './pdf-page-viewer';

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

@@ -0,0 +1,64 @@
+import { Value, type TNode } from '@tempots/dom';
+export interface PdfPageViewerOptions {
+    /** PDF source: URL string, Uint8Array, or ArrayBuffer */
+    source: Value<string | Uint8Array | ArrayBuffer>;
+    /** Page number to display (1-based, default: 1) */
+    page?: Value<number>;
+    /**
+     * How the PDF should fit in the available space:
+     * - 'none': Use explicit scale value (see scale option)
+     * - 'width': Fit to container width while maintaining aspect ratio
+     * - 'height': Fit to container height while maintaining aspect ratio
+     * - 'contain': Fit entire page in container (like CSS object-fit: contain)
+     * - 'cover': Fill container, may crop (like CSS object-fit: cover)
+     * Default: 'width'
+     */
+    fit?: Value<'none' | 'width' | 'height' | 'contain' | 'cover'>;
+    /**
+     * Explicit scale factor when fit='none'
+     * Ignored when fit is not 'none'
+     * Default: 1
+     */
+    scale?: Value<number>;
+    /**
+     * Rotation angle in degrees (0, 90, 180, 270)
+     * Default: 0
+     */
+    rotation?: Value<0 | 90 | 180 | 270>;
+    /**
+     * Rendering quality/pixel density multiplier
+     * Higher values produce sharper images but use more memory
+     * Default: 2 (retina quality)
+     */
+    quality?: Value<number>;
+    /**
+     * Enable text selection layer overlay
+     * Default: true
+     */
+    renderTextLayer?: Value<boolean>;
+    /**
+     * Enable annotation layer (forms, links, etc.)
+     * Default: false
+     */
+    renderAnnotationLayer?: Value<boolean>;
+    /**
+     * Callback when page changes
+     */
+    onPageChange?: (page: number) => void;
+    /**
+     * Callback when PDF loads successfully
+     */
+    onLoadComplete?: (info: {
+        numPages: number;
+    }) => void;
+}
+/**
+ * PdfPageViewer component that displays a single PDF page as a canvas element.
+ * Lazy loads pdf.js library only when mounted.
+ * Returns a canvas element directly - you can pass additional attributes as rest parameters.
+ * Automatically adapts to container size when scale is 'fit' or 'fill'.
+ *
+ * @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;

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

@@ -1,7 +1,7 @@
 import { Provider, Signal, TNode } from '@tempots/dom';
 import { NotificationOptions } from './notification';
-import { RadiusName, ThemeColorName } from '@/tokens';
-import { AnimationConfig } from '@/utils';
+import { RadiusName, ThemeColorName } from '../../tokens';
+import { AnimationConfig } from '../../utils';
 type NotificationEntry = {
     animation: AnimationConfig;
     children: TNode[];

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

@@ -1,6 +1,6 @@
 import { Renderable, TNode, Value } from '@tempots/dom';
-import { ThemeColorName } from '@/tokens/colors';
-import { RadiusName } from '@/tokens/radius';
+import { ThemeColorName } from '../../tokens/colors';
+import { RadiusName } from '../../tokens/radius';
 export type NotificationOptions = {
     loading?: Value<boolean>;
     withCloseButton?: Value<boolean>;

package/dist/types/components/monaco/monaco-editor-input.d.ts

@@ -1,7 +1,7 @@
 import { Renderable } from '@tempots/dom';
 import type { InputOptions } from '../form/input/input-options';
 import { Merge } from '@tempots/std';
-import { MonacoEditorSpecificOptions } from '@/monaco/types';
+import { MonacoEditorSpecificOptions } from '../../monaco/types';
 export type MonacoEditorInputOptions = Merge<InputOptions<string>, MonacoEditorSpecificOptions & {
     cssInjection?: 'link' | 'none';
 }>;

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

@@ -1,8 +1,8 @@
 import { TNode, Value } from '@tempots/dom';
 import type { NavigationOptions } from '@tempots/ui';
 import { ControlSize, ButtonVariant } from '../../theme';
-import { ThemeColorName } from '@/tokens';
-import { RadiusName } from '@/tokens/radius';
+import { ThemeColorName } from '../../../tokens';
+import { RadiusName } from '../../../tokens/radius';
 import { UrlMatchMode } from './navigation-link';
 export interface ButtonLinkOptions {
     href: Value<string>;
@@ -16,7 +16,7 @@ export interface ButtonLinkOptions {
     disableWhenActive?: Value<boolean>;
     variant?: Value<ButtonVariant>;
     size?: Value<ControlSize>;
-    color?: Value<ThemeColorName | 'black' | 'white'>;
+    color?: Value<ThemeColorName>;
     roundedness?: Value<RadiusName>;
     disabled?: Value<boolean>;
     fullWidth?: Value<boolean>;

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

@@ -1,6 +1,6 @@
 import { TNode, Value } from '@tempots/dom';
 import type { NavigationOptions } from '@tempots/ui';
-import { ThemeColorName } from '@/tokens';
+import { ThemeColorName } from '../../../tokens';
 export type LinkVariant = 'default' | 'plain' | 'hover';
 export interface LinkOptions {
     href: Value<string>;

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

@@ -1,6 +1,6 @@
 import { TNode, Value } from '@tempots/dom';
 import { ControlSize, ButtonVariant } from '../../theme';
-import { ThemeColorName } from '@/tokens';
+import { ThemeColorName } from '../../../tokens';
 export interface TabItem<T extends string> {
     /** Unique identifier for the tab */
     key: T;
@@ -26,7 +26,7 @@ export interface TabsOptions<T extends string> {
     /** Visual variant */
     variant?: Value<ButtonVariant>;
     /** Color used by certain variants (e.g., filled) */
-    color?: Value<ThemeColorName | 'black' | 'white'>;
+    color?: Value<ThemeColorName>;
     /** Whether tabs are disabled */
     disabled?: Value<boolean>;
     /** Orientation of the tabs */

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

@@ -1,5 +1,5 @@
 import { TNode, Value } from '@tempots/dom';
-import { ButtonOptions } from '@/components/button/button';
+import { ButtonOptions } from '../../button/button';
 export interface ToolbarOptions {
     ariaLabel?: Value<string>;
 }

package/dist/types/components/overlay/announcement-bar.d.ts

@@ -1,5 +1,5 @@
 import { TNode, Value, Renderable } from '@tempots/dom';
-import type { ThemeColorName } from '@/tokens';
+import type { ThemeColorName } from '../../tokens';
 export type AnnouncementBarOptions = {
     color?: Value<ThemeColorName>;
     icon?: Value<string | undefined>;

package/dist/types/components/overlay/ribbon.d.ts

@@ -1,5 +1,5 @@
 import { TNode, Value, Renderable } from '@tempots/dom';
-import type { ThemeColorName } from '@/tokens';
+import type { ThemeColorName } from '../../tokens';
 import { ExtendedColor } from '../theme/style-utils';
 export type RibbonCorner = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
 export type RibbonOptions = {

package/dist/types/components/theme/style-utils.d.ts

@@ -1,5 +1,5 @@
-import { ThemeColorName } from '@/tokens/colors';
-export type ExtendedColor = ThemeColorName | 'white' | 'black' | 'transparent';
+import { ThemeColorName } from '../../tokens/colors';
+export type ExtendedColor = ThemeColorName | 'transparent';
 export type Mode = 'light' | 'dark';
 export type BackgroundVariant = 'solid' | 'light' | 'soft' | 'lighter';
 export type ForegroundTone = 'solid' | 'soft';

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

@@ -1,4 +1,4 @@
-import { BackgroundColorName, ThemeColorName } from '@/tokens';
+import { BackgroundColorName, ThemeColorName } from '../../tokens';
 import { Signal } from '@tempots/dom';
 import { AppearanceType } from '@tempots/ui';
 export type ButtonVariant = 'filled' | 'light' | 'outline' | 'default' | 'text';

package/dist/types/pdfjs/lazy-loader.d.ts

@@ -0,0 +1,2 @@
+export declare function loadPDFJSCore(): Promise<any>;
+export declare function configurePDFJSWorker(workerSrc?: string): void;

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

@@ -3,9 +3,9 @@ export type ColorName = keyof typeof colors;
 export type ColorShade = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
 export declare const colorShades: ColorShade[];
 export type SemanticColorName = 'primary' | 'secondary' | 'base' | 'success' | 'warning' | 'danger' | 'info';
-export type ThemeColorName = ColorName | SemanticColorName;
+export type ThemeColorName = ColorName | SemanticColorName | 'black' | 'white';
 export declare const semanticColorNames: readonly ["primary", "secondary", "base", "success", "warning", "danger", "info"];
-export declare const themeColorNames: ("base" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "slate" | "gray" | "zinc" | "neutral" | "stone")[];
+export declare const themeColorNames: ThemeColorName[];
 export declare const semanticColors: Record<SemanticColorName, ColorName>;
 export type SemanticColorOverrides = Partial<Record<SemanticColorName, ThemeColorName>>;
 export declare function resolveSemanticColorMap(overrides?: SemanticColorOverrides): {
@@ -38,7 +38,7 @@ export declare const interactiveColors: {
     dark: Record<InteractiveColorName, [ThemeColorName, ColorShade]>;
 };
 export declare function normalizeColorName(color: ThemeColorName, overrides?: SemanticColorOverrides): ThemeColorName;
-export declare function getColorVarName(color: ThemeColorName, shade: ColorShade): `--color-${ThemeColorName}-${ColorShade}`;
+export declare function getColorVarName(color: ThemeColorName, shade: ColorShade): `--color-${ThemeColorName}-${ColorShade}` | '--color-white' | '--color-black';
 export declare function getColorVar(color: ThemeColorName, shade: ColorShade): string;
 export type BackgroundVariant = 'solid' | 'soft' | 'light' | 'lighter';
 export declare const backgroundConfig: {

package/dist/{ur-Cqh7AYnd.js → ur-8NSFWrMo.js}

@@ -1,5 +1,5 @@
-import { f as i } from "./translations-CaTkLRHu.js";
-const c = {
+import { f as r } from "./translations-Do71ycSR.js";
+const d = {
   loadingExtended: "لوڈ ہو رہا ہے، براہ کرم انتظار کریں",
   loadingShort: "لوڈ ہو رہا ہے...",
   locale: "زبان",
@@ -57,19 +57,19 @@ const c = {
   // inputs reset
   clearValue: "قدر صاف کریں",
   unknownType: "نامعلوم قسم",
-  filesInputInstructions: (e, l, t) => {
-    let n = e == null || e > 1 ? "منتخب کرنے کے لیے کلک کریں یا فائلیں یہاں گھسیٹیں" : "منتخب کرنے کے لیے کلک کریں یا فائل یہاں گھسیٹیں";
-    if (e || l) {
-      const o = [];
-      if (e != null && e > 1 && o.push(`زیادہ سے زیادہ ${e} فائلیں`), l && t) {
-        const r = i(l, {
-          units: t
+  filesInputInstructions: (e, o, n) => {
+    let t = e == null || e > 1 ? "منتخب کرنے کے لیے کلک کریں یا فائلیں یہاں گھسیٹیں" : "منتخب کرنے کے لیے کلک کریں یا فائل یہاں گھسیٹیں";
+    if (e || o) {
+      const l = [];
+      if (e != null && e > 1 && l.push(`زیادہ سے زیادہ ${e} فائلیں`), o && n) {
+        const i = r(o, {
+          units: n
         });
-        o.push(`ہر ایک زیادہ سے زیادہ ${r}`);
+        l.push(`ہر ایک زیادہ سے زیادہ ${i}`);
       }
-      o.length > 0 && (n += ` (${o.join("، ")})`);
+      l.length > 0 && (t += ` (${l.join("، ")})`);
     }
-    return n;
+    return t;
   },
   // prosemirror
   prosemirror: {
@@ -85,8 +85,16 @@ const c = {
     codeBlock: "Code Block",
     horizontalRule: "Horizontal Rule",
     linkUrlPlaceholder: "https://example.com"
+  },
+  // PDF Page Viewer
+  pdfPageViewer: {
+    loading: "Loading PDF...",
+    loadFailed: "Failed to load PDF",
+    invalidPdf: "Invalid PDF file",
+    pageOutOfRange: (e, o) => `Page ${e} is out of range (1-${o})`,
+    renderFailed: "Failed to render PDF page"
   }
 };
 export {
-  c as default
+  d as default
 };

package/dist/{ur-CZ5sgUP1.cjs → ur-D3nkqfyQ.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./translations-h_OJS1Ut.cjs"),a={loadingExtended:"لوڈ ہو رہا ہے، براہ کرم انتظار کریں",loadingShort:"لوڈ ہو رہا ہے...",locale:"زبان",iconDescription:"آئیکن",loadingIcon:"لوڈنگ آئیکن",failedToLoadIcon:"آئیکن لوڈ کرنے میں ناکام",editLabel:"ترمیم",selectOne:"ایک منتخب کریں",selectMany:"متعدد منتخب کریں",noResults:"کوئی نتیجہ نہیں",passwordPlaceholderText:"خفیہ پاس ورڈ",togglePasswordVisibility:"پاس ورڈ کی مرئیت تبدیل کریں",toggleMenu:"مینو ٹوگل کریں",toggleAside:"سائیڈ پینل ٹوگل کریں",mainNavigation:"بنیادی نیویگیشن",sidebar:"سائیڈ بار",closeDrawer:"دراز بند کریں",closeModal:"ماڈل بند کریں",confirm:"تصدیق",cancel:"منسوخ",addLabel:"شامل کریں",removeItem:"آئٹم ہٹائیں",currentLocale:"اردو",ar:"عربی",de:"جرمن",en:"انگریزی",es:"ہسپانوی",fr:"فرانسیسی",he:"عبرانی",hi:"ہندی",it:"اطالوی",ja:"جاپانی",ko:"کوریائی",nl:"ڈچ",pl:"پولش",pt:"پرتگالی",ru:"روسی",tr:"ترکی",vi:"ویتنامی",zh:"چینی",fa:"فارسی",ur:"اردو",emailPlaceholderText:"اپنا ای میل داخل کریں",incrementValue:"قدر اضافہ کریں",decrementValue:"قدر کم کریں",dropZoneInstructions:e=>e?"منتخب کرنے کے لیے کلک کریں یا فائلیں یہاں گھسیٹیں، یا فائل منتخب کرنے کے لیے Enter یا Space دبائیں":"فائلیں یہاں گھسیٹیں",fileSizeUnits:["بائٹس","KB","MB","GB","TB"],removeFile:"فائل حذف کریں",clearAllFiles:"تمام فائلیں صاف کریں",clearValue:"قدر صاف کریں",unknownType:"نامعلوم قسم",filesInputInstructions:(e,t,l)=>{let n=e==null||e>1?"منتخب کرنے کے لیے کلک کریں یا فائلیں یہاں گھسیٹیں":"منتخب کرنے کے لیے کلک کریں یا فائل یہاں گھسیٹیں";if(e||t){const o=[];if(e!=null&&e>1&&o.push(`زیادہ سے زیادہ ${e} فائلیں`),t&&l){const r=i.formatFileSize(t,{units:l});o.push(`ہر ایک زیادہ سے زیادہ ${r}`)}o.length>0&&(n+=` (${o.join("، ")})`)}return n},prosemirror:{bold:"Bold",italic:"Italic",code:"Code",link:"Link",removeLink:"Remove Link",heading:e=>`Heading ${e}`,bulletList:"Bullet List",orderedList:"Ordered List",blockquote:"Blockquote",codeBlock:"Code Block",horizontalRule:"Horizontal Rule",linkUrlPlaceholder:"https://example.com"}};exports.default=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./translations-t-neYabN.cjs"),a={loadingExtended:"لوڈ ہو رہا ہے، براہ کرم انتظار کریں",loadingShort:"لوڈ ہو رہا ہے...",locale:"زبان",iconDescription:"آئیکن",loadingIcon:"لوڈنگ آئیکن",failedToLoadIcon:"آئیکن لوڈ کرنے میں ناکام",editLabel:"ترمیم",selectOne:"ایک منتخب کریں",selectMany:"متعدد منتخب کریں",noResults:"کوئی نتیجہ نہیں",passwordPlaceholderText:"خفیہ پاس ورڈ",togglePasswordVisibility:"پاس ورڈ کی مرئیت تبدیل کریں",toggleMenu:"مینو ٹوگل کریں",toggleAside:"سائیڈ پینل ٹوگل کریں",mainNavigation:"بنیادی نیویگیشن",sidebar:"سائیڈ بار",closeDrawer:"دراز بند کریں",closeModal:"ماڈل بند کریں",confirm:"تصدیق",cancel:"منسوخ",addLabel:"شامل کریں",removeItem:"آئٹم ہٹائیں",currentLocale:"اردو",ar:"عربی",de:"جرمن",en:"انگریزی",es:"ہسپانوی",fr:"فرانسیسی",he:"عبرانی",hi:"ہندی",it:"اطالوی",ja:"جاپانی",ko:"کوریائی",nl:"ڈچ",pl:"پولش",pt:"پرتگالی",ru:"روسی",tr:"ترکی",vi:"ویتنامی",zh:"چینی",fa:"فارسی",ur:"اردو",emailPlaceholderText:"اپنا ای میل داخل کریں",incrementValue:"قدر اضافہ کریں",decrementValue:"قدر کم کریں",dropZoneInstructions:e=>e?"منتخب کرنے کے لیے کلک کریں یا فائلیں یہاں گھسیٹیں، یا فائل منتخب کرنے کے لیے Enter یا Space دبائیں":"فائلیں یہاں گھسیٹیں",fileSizeUnits:["بائٹس","KB","MB","GB","TB"],removeFile:"فائل حذف کریں",clearAllFiles:"تمام فائلیں صاف کریں",clearValue:"قدر صاف کریں",unknownType:"نامعلوم قسم",filesInputInstructions:(e,o,t)=>{let n=e==null||e>1?"منتخب کرنے کے لیے کلک کریں یا فائلیں یہاں گھسیٹیں":"منتخب کرنے کے لیے کلک کریں یا فائل یہاں گھسیٹیں";if(e||o){const l=[];if(e!=null&&e>1&&l.push(`زیادہ سے زیادہ ${e} فائلیں`),o&&t){const i=r.formatFileSize(o,{units:t});l.push(`ہر ایک زیادہ سے زیادہ ${i}`)}l.length>0&&(n+=` (${l.join("، ")})`)}return n},prosemirror:{bold:"Bold",italic:"Italic",code:"Code",link:"Link",removeLink:"Remove Link",heading:e=>`Heading ${e}`,bulletList:"Bullet List",orderedList:"Ordered List",blockquote:"Blockquote",codeBlock:"Code Block",horizontalRule:"Horizontal Rule",linkUrlPlaceholder:"https://example.com"},pdfPageViewer:{loading:"Loading PDF...",loadFailed:"Failed to load PDF",invalidPdf:"Invalid PDF file",pageOutOfRange:(e,o)=>`Page ${e} is out of range (1-${o})`,renderFailed:"Failed to render PDF page"}};exports.default=a;