@tempots/beatui 0.39.0 → 0.41.0

package/dist/types/components/form/controller/color-controller.d.ts

@@ -63,7 +63,7 @@ export declare function createColorController(controller: Controller<string>): C
 /**
  * Helper function to create color input options from a ColorController
  * @param controller - The ColorController instance
- * @returns Input options compatible with ColorInput component
+ * @returns Input options compatible with ColorSwatchInput component
  */
 export declare function colorInputOptionsFromController(controller: ColorController): {
     id: string;

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

@@ -1,9 +1,6 @@
-import { Value } from '@tempots/dom';
+import { Renderable, Value } from '@tempots/dom';
 import { InputOptions } from './input-options';
 export type ColorInputOptions = InputOptions<string> & {
-    displayValue?: Value<boolean>;
     size?: Value<number>;
-    withAlpha?: Value<boolean>;
-    colorTextFormat?: Value<'hex' | 'rgb' | 'hsl' | 'hwb' | 'oklch'>;
 };
-export declare const ColorInput: (options: ColorInputOptions) => import("@tempots/dom").Renderable;
+export declare function ColorInput(options: ColorInputOptions): Renderable;

package/dist/types/components/form/input/color-swatch-input.d.ts

@@ -0,0 +1,9 @@
+import { Value } from '@tempots/dom';
+import { InputOptions } from './input-options';
+export type ColorSwatchInputOptions = InputOptions<string> & {
+    displayValue?: Value<boolean>;
+    size?: Value<number>;
+    withAlpha?: Value<boolean>;
+    colorTextFormat?: Value<'hex' | 'rgb' | 'hsl' | 'hwb' | 'oklch'>;
+};
+export declare const ColorSwatchInput: (options: ColorSwatchInputOptions) => import("@tempots/dom").Renderable;

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

@@ -3,6 +3,7 @@ export * from './base64-input';
 export * from './base64s-input';
 export * from './checkbox-input';
 export * from './color-input';
+export * from './color-swatch-input';
 export * from './dropdown-input';
 export * from './dropdown-base';
 export * from './combobox-input';

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

@@ -1,5 +1,7 @@
 import { TNode, Value } from '@tempots/dom';
 import { ControlSize } from '../../theme';
+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>;
     input: TNode;
@@ -11,3 +13,8 @@ export declare const InputContainer: ({ baseContainer, disabled, input, before,
     baseContainer?: Value<boolean>;
     size?: Value<ControlSize>;
 }, ...children: TNode[]) => import("@tempots/dom").Renderable;
+export declare function InputIcon({ icon, size, color, }: {
+    icon: Value<string>;
+    size?: Value<ControlSize>;
+    color?: Value<ThemeColorName>;
+}): import("@tempots/dom").Renderable;

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

@@ -1,9 +1,9 @@
 import { Provider, Signal, TNode } from '@tempots/dom';
 import { NotificationOptions } from './notification';
 import { RadiusName, ThemeColorName } from '@/tokens';
-import { ToggleAnimation } from '@/utils';
+import { AnimationConfig } from '@/utils';
 type NotificationEntry = {
-    animation: ToggleAnimation;
+    animation: AnimationConfig;
     children: TNode[];
     loading: Signal<boolean>;
     withCloseButton: Signal<boolean>;
@@ -17,7 +17,7 @@ type NotificationEntry = {
     delayedClose?: Promise<void>;
 };
 export type ShowNotificationOptions = NotificationOptions & {
-    animation?: ToggleAnimation;
+    animation?: AnimationConfig;
     dismissAfter?: number | Promise<void>;
 };
 export type NotificationShowFn = (options: ShowNotificationOptions, ...children: TNode[]) => void;

package/dist/types/utils/{color-validation.d.ts → color.d.ts}

@@ -62,3 +62,16 @@ export declare function hexToRgb(hex: string): {
  * @returns contrast ratio or null if invalid colors
  */
 export declare function getContrastRatio(color1: string, color2: string): number | null;
+export declare function parseAnyColor(v: string): [number, number, number, number];
+export declare function toRgbaString(r: number, g: number, b: number, a: number): string;
+export declare function mulberry32(seed: number): () => number;
+export declare function hslToRgb(h: number, s: number, l: number): [number, number, number];
+export declare function hwbToRgb(h: number, w: number, bl: number): [number, number, number];
+export declare function rgbToHsl(r: number, g: number, b: number): [number, number, number];
+export declare function rgbToHwb(r: number, g: number, b: number): [number, number, number];
+export declare function srgbToLinear(u: number): number;
+export declare function linearToSrgb(u: number): number;
+export declare function oklchToRgb(L: number, C: number, hDeg: number): [number, number, number];
+export declare function rgbToOklch(r: number, g: number, b: number): [number, number, number];
+export declare function formatColor(r: number, g: number, b: number, a: number, fmt: 'hex' | 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hwb' | 'oklch', alphaEnabled?: boolean): string;
+export declare function resolveEffectiveFormat(fmt: 'hex' | 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hwb' | 'oklch', alphaEnabled: boolean): 'hex' | 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hwb' | 'oklch';

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

@@ -1,4 +1,4 @@
-export * from './color-validation';
+export * from './color';
 export * from './delay-signal';
 export * from './focus-trap';
 export * from './format-file-size';

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

@@ -64,14 +64,27 @@ export declare function useAnimatedElementToggle({ initialStatus, element, }?: A
     listenOnClosed: (fn: () => void) => void;
     setElement: (value: HTMLElement) => void;
 };
-export type ToggleAnimation = '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 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<ToggleAnimation>;
+    animation?: Value<AnimationConfig>;
     status: Signal<ToggleStatus>;
-}): import("@tempots/dom").Renderable;
+}): import("@tempots/dom").Renderable<import("@tempots/dom").DOMContext>;
 export declare function AnimatedToggle({ initialStatus, animation, }: {
     initialStatus?: ToggleStatus;
-    animation?: Value<ToggleAnimation>;
+    animation?: Value<AnimationConfig>;
 }, render: (options: {
     status: Signal<ToggleStatus>;
     open: () => void;

package/dist/{ur-Bgq_2yjr.cjs → ur-BjuXyU8Z.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./translations-DJR65Jii.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-C21osktO.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-Bo6bjEBS.js → ur-BsXnPgxd.js}

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