@tempots/beatui 0.38.0 → 0.40.0

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

@@ -0,0 +1,47 @@
+import { Provider, Signal, TNode } from '@tempots/dom';
+import { NotificationOptions } from './notification';
+import { RadiusName, ThemeColorName } from '@/tokens';
+import { AnimationConfig } from '@/utils';
+type NotificationEntry = {
+    animation: AnimationConfig;
+    children: TNode[];
+    loading: Signal<boolean>;
+    withCloseButton: Signal<boolean>;
+    withBorder: Signal<boolean>;
+    color: Signal<ThemeColorName>;
+    radius: Signal<RadiusName>;
+    title: TNode;
+    icon: Signal<string | undefined>;
+    class: Signal<string | undefined>;
+    listenRequestClose: (fn: () => void) => void;
+    delayedClose?: Promise<void>;
+};
+export type ShowNotificationOptions = NotificationOptions & {
+    animation?: AnimationConfig;
+    dismissAfter?: number | Promise<void>;
+};
+export type NotificationShowFn = (options: ShowNotificationOptions, ...children: TNode[]) => void;
+export type NotificationViewportPosition = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
+export type NotificationProviderOptions = {
+    position?: NotificationViewportPosition;
+};
+export type NotificationProviderValue = {
+    show: NotificationShowFn;
+    clear: () => void;
+    position: NotificationViewportPosition;
+    listenOnShow: (fn: (entry: NotificationEntry) => void) => () => void;
+    activeNotifications: Signal<number>;
+};
+type NotificationServiceHandle = Pick<NotificationProviderValue, 'show' | 'clear'>;
+declare class NotificationServiceImpl {
+    private handles;
+    attach(handle: NotificationServiceHandle): () => void;
+    private detach;
+    private get current();
+    show(options: ShowNotificationOptions, ...children: TNode[]): void;
+    clear(): void;
+}
+export declare const NotificationService: NotificationServiceImpl;
+export declare const NotificationProvider: Provider<NotificationProviderValue, NotificationProviderOptions>;
+export declare function NotificationViewport(): import("@tempots/dom").Renderable;
+export {};

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

@@ -0,0 +1,17 @@
+import { Renderable, TNode, Value } from '@tempots/dom';
+import { ThemeColorName } from '@/tokens/colors';
+import { RadiusName } from '@/tokens/radius';
+export type NotificationOptions = {
+    loading?: Value<boolean>;
+    withCloseButton?: Value<boolean>;
+    withBorder?: Value<boolean>;
+    color?: Value<ThemeColorName>;
+    radius?: Value<RadiusName>;
+    title?: TNode;
+    icon?: Value<string | undefined>;
+    onClose?: () => void;
+    class?: Value<string | undefined>;
+};
+export declare function generateNotificationClasses(withBorder: boolean, hasIcon: boolean, hasCloseButton: boolean, loading: boolean, extra?: string): string;
+export declare function generateNotificationStyles(color: ThemeColorName, radius: RadiusName): string;
+export declare function Notification({ loading, withCloseButton, withBorder, color, radius, title, icon, onClose, class: cls, }?: NotificationOptions, ...children: TNode[]): Renderable;

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

@@ -0,0 +1,111 @@
+import { Renderable, Value } from '@tempots/dom';
+/**
+ * OpenGraph meta tag options for social media sharing and SEO.
+ * All properties are optional and support reactive Values.
+ */
+export type OpenGraphOptions = {
+    /** The title of your object as it should appear within the graph */
+    title?: Value<string>;
+    /** The type of your object, e.g., "website", "article", "video.movie" */
+    type?: Value<string>;
+    /** The canonical URL of your object that will be used as its permanent ID in the graph */
+    url?: Value<string>;
+    /** An image URL which should represent your object within the graph */
+    image?: Value<string>;
+    /** A one to two sentence description of your object */
+    description?: Value<string>;
+    /** The name of the overall site */
+    siteName?: Value<string>;
+    /** The locale these tags are marked up in. Format: language_TERRITORY (default: en_US) */
+    locale?: Value<string>;
+    /** An array of other locales this page is available in */
+    localeAlternate?: Value<string[]>;
+    /** A description of what is in the image (not a caption) */
+    imageAlt?: Value<string>;
+    /** The width of the image in pixels */
+    imageWidth?: Value<number>;
+    /** The height of the image in pixels */
+    imageHeight?: Value<number>;
+    /** The MIME type of the image */
+    imageType?: Value<string>;
+    /** An array of additional image URLs */
+    images?: Value<string[]>;
+    /** A URL to a video file that complements this object */
+    video?: Value<string>;
+    /** The MIME type of the video */
+    videoType?: Value<string>;
+    /** The width of the video in pixels */
+    videoWidth?: Value<number>;
+    /** The height of the video in pixels */
+    videoHeight?: Value<number>;
+    /** A URL to a video file that complements this object (secure URL) */
+    videoSecureUrl?: Value<string>;
+    /** A URL to an audio file to accompany this object */
+    audio?: Value<string>;
+    /** The MIME type of the audio */
+    audioType?: Value<string>;
+    /** A URL to an audio file to accompany this object (secure URL) */
+    audioSecureUrl?: Value<string>;
+    /** When the article was first published (ISO 8601) */
+    publishedTime?: Value<string>;
+    /** When the article was last changed (ISO 8601) */
+    modifiedTime?: Value<string>;
+    /** When the article is out of date after (ISO 8601) */
+    expirationTime?: Value<string>;
+    /** Writers of the article */
+    author?: Value<string | string[]>;
+    /** A high-level section name */
+    section?: Value<string>;
+    /** Tag words associated with this article */
+    tags?: Value<string[]>;
+    /** A person's first name */
+    firstName?: Value<string>;
+    /** A person's last name */
+    lastName?: Value<string>;
+    /** A person's username */
+    username?: Value<string>;
+    /** A person's gender */
+    gender?: Value<string>;
+    /** The card type: "summary", "summary_large_image", "app", or "player" */
+    twitterCard?: Value<string>;
+    /** @username of website */
+    twitterSite?: Value<string>;
+    /** @username of content creator */
+    twitterCreator?: Value<string>;
+    /** Title for Twitter (falls back to og:title if not provided) */
+    twitterTitle?: Value<string>;
+    /** Description for Twitter (falls back to og:description if not provided) */
+    twitterDescription?: Value<string>;
+    /** Image URL for Twitter (falls back to og:image if not provided) */
+    twitterImage?: Value<string>;
+    /** Alt text for Twitter image */
+    twitterImageAlt?: Value<string>;
+    /** Canonical URL for SEO */
+    canonical?: Value<string>;
+    /** Robots meta tag */
+    robots?: Value<string>;
+    /** Keywords for SEO */
+    keywords?: Value<string>;
+    /** Author meta tag */
+    metaAuthor?: Value<string>;
+};
+/**
+ * OpenGraph component that injects OpenGraph and Twitter Card meta tags into <head> via Portal.
+ * Supports comprehensive social media metadata for optimal sharing on platforms like Facebook,
+ * Twitter, LinkedIn, and more.
+ *
+ * @example
+ * ```typescript
+ * OpenGraph({
+ *   title: 'My Awesome Page',
+ *   description: 'This is a description of my page',
+ *   image: 'https://example.com/image.jpg',
+ *   url: 'https://example.com/page',
+ *   type: 'article',
+ *   siteName: 'My Site',
+ *   twitterCard: 'summary_large_image',
+ *   twitterSite: '@mysite',
+ * })
+ * ```
+ */
+export declare const OpenGraph: (options: OpenGraphOptions) => Renderable;

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

@@ -19,5 +19,7 @@ export interface ButtonLinkOptions {
     color?: Value<ThemeColorName | 'black' | 'white'>;
     roundedness?: Value<RadiusName>;
     disabled?: Value<boolean>;
+    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;

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

@@ -3,7 +3,7 @@ import { OverlayEffect } from '../theme';
 export interface LightboxOptions {
     /** Whether clicking outside/Escape closes the lightbox (default: true) */
     dismissable?: Value<boolean>;
-    /** Whether to show the close button in the top-right corner (default: true) */
+    /** Whether to show the close button in the top-end corner (default: true) */
     showCloseButton?: Value<boolean>;
     /** Overlay effect (default: 'opaque') */
     overlayEffect?: Value<OverlayEffect>;

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

@@ -13,8 +13,8 @@ export interface ModalOptions {
     overlayEffect?: Value<OverlayEffect>;
     /** Container for the overlay: 'body' (default) or 'element' (current element) */
     container?: 'body' | 'element';
-    /** Position of the modal: 'center' (default), 'top', 'bottom', 'left', 'right', 'top-left', 'top-right', 'bottom-left', 'bottom-right' */
-    position?: Value<'center' | 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'>;
+    /** Position of the modal: 'center' (default), 'top', 'bottom', 'left', 'right', 'top-start', 'top-end', 'bottom-start', 'bottom-end' */
+    position?: Value<'center' | 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'>;
 }
 export interface ModalContentOptions {
     /** Optional header content - if provided, overrides title */

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

@@ -1,7 +1,7 @@
 import { TNode, Value, Renderable } from '@tempots/dom';
 import type { ThemeColorName } from '@/tokens';
 import { ExtendedColor } from '../theme/style-utils';
-export type RibbonCorner = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export type RibbonCorner = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
 export type RibbonOptions = {
     /** Background/text color theme (defaults to 'primary') */
     color?: Value<ThemeColorName | ExtendedColor>;
@@ -15,7 +15,7 @@ export type RibbonOptions = {
     width?: Value<number | string>;
     /** Rotation angle in degrees. Default: 45 */
     angle?: Value<number>;
-    /** Corner position. Default: 'top-right' */
+    /** Corner position. Default: 'top-end' */
     corner?: Value<RibbonCorner>;
 };
 /**

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

@@ -1,7 +1,7 @@
-import { Value, type Signal } from '@tempots/dom';
+import { TNode, Value, type Signal } from '@tempots/dom';
 export type ToggleStatus = 'closed' | 'start-opening' | 'opening' | 'opened' | 'closing' | 'start-closing';
 export type AnimatedToggleOptions = {
-    initialStatus?: Exclude<ToggleStatus, 'start-opening'>;
+    initialStatus?: ToggleStatus;
     openedAfter: (cb: () => void) => () => void;
     closedAfter: (cb: () => void) => () => void;
 };
@@ -19,10 +19,10 @@ export declare function useAnimatedToggle({ initialStatus, openedAfter, closedAf
     isClosing: import("@tempots/dom").Computed<boolean>;
     isStartClosing: import("@tempots/dom").Computed<boolean>;
     dispose: () => void;
-    onClosed: (fn: () => void) => () => void;
+    listenOnClosed: (fn: () => void) => void;
 };
 export type TimedToggleOptions = {
-    initialStatus?: Exclude<ToggleStatus, 'start-opening'>;
+    initialStatus?: ToggleStatus;
     openDuration?: number;
     closeDuration?: number;
     duration?: number;
@@ -41,10 +41,10 @@ export declare function useTimedToggle({ initialStatus, duration, openDuration,
     isClosing: import("@tempots/dom").Computed<boolean>;
     isStartClosing: import("@tempots/dom").Computed<boolean>;
     dispose: () => void;
-    onClosed: (fn: () => void) => () => void;
+    listenOnClosed: (fn: () => void) => void;
 };
 export type AnimatedElementToggleOptions = {
-    initialStatus?: Exclude<ToggleStatus, 'start-opening'>;
+    initialStatus?: ToggleStatus;
     element?: HTMLElement;
 };
 export declare function useAnimatedElementToggle({ initialStatus, element, }?: AnimatedElementToggleOptions): {
@@ -61,8 +61,42 @@ export declare function useAnimatedElementToggle({ initialStatus, element, }?: A
     isClosing: import("@tempots/dom").Computed<boolean>;
     isStartClosing: import("@tempots/dom").Computed<boolean>;
     dispose: () => void;
-    onClosed: (fn: () => void) => () => void;
+    listenOnClosed: (fn: () => void) => void;
     setElement: (value: HTMLElement) => void;
 };
-export type Animation = 'none' | 'slide-right' | 'slide-left' | 'slide-up' | 'slide-down' | 'fade' | 'fade-slide-right' | 'fade-slide-left' | 'fade-slide-up' | 'fade-slide-down' | 'scale' | 'scale-fade' | 'flyout-top' | 'flyout-bottom' | 'flyout-left' | 'flyout-right';
-export declare function AnimatedToggleClass(animation: Value<Animation>, status: Signal<ToggleStatus>): import("@tempots/dom").Renderable;
+export type SlideDirection = 'up' | 'down' | 'left' | 'right';
+export type TransformOrigin = 'center' | 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export type ComposableAnimation = {
+    fade?: boolean;
+    slide?: SlideDirection;
+    scale?: boolean | number;
+    transformOrigin?: TransformOrigin;
+    duration?: number;
+    easing?: string;
+};
+export type AnimationConfig = {
+    enter?: ComposableAnimation;
+    exit?: ComposableAnimation;
+} | ComposableAnimation;
+export declare function AnimatedToggleClass({ animation, status, }: {
+    animation?: Value<AnimationConfig>;
+    status: Signal<ToggleStatus>;
+}): import("@tempots/dom").Renderable<import("@tempots/dom").DOMContext>;
+export declare function AnimatedToggle({ initialStatus, animation, }: {
+    initialStatus?: ToggleStatus;
+    animation?: Value<AnimationConfig>;
+}, render: (options: {
+    status: Signal<ToggleStatus>;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    setOpen: (v: boolean) => void;
+    display: Signal<boolean>;
+    isClosed: Signal<boolean>;
+    isStartOpening: Signal<boolean>;
+    isOpening: Signal<boolean>;
+    isOpened: Signal<boolean>;
+    isClosing: Signal<boolean>;
+    isStartClosing: Signal<boolean>;
+    listenOnClosed: (fn: () => void) => void;
+}) => TNode): import("@tempots/dom").Renderable;

package/dist/{ur-B3CiO8KH.cjs → ur-BjiNs3SL.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./translations-DQxg-W9w.cjs"),c={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 i=r.formatFileSize(t,{units:l});o.push(`ہر ایک زیادہ سے زیادہ ${i}`)}o.length>0&&(n+=` (${o.join("، ")})`)}else if(t&&l){const o=r.formatFileSize(t,{units:l});n+=` (زیادہ سے زیادہ ${o})`}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=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./translations-Dw1oO6Dh.cjs"),c={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 i=r.formatFileSize(t,{units:l});o.push(`ہر ایک زیادہ سے زیادہ ${i}`)}o.length>0&&(n+=` (${o.join("، ")})`)}else if(t&&l){const o=r.formatFileSize(t,{units:l});n+=` (زیادہ سے زیادہ ${o})`}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=c;

package/dist/{ur-o3rog5MJ.js → ur-bxBR_9Z-.js}

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