@tachui/modifiers 0.8.20 → 0.8.22

package/dist/preload/basic.js

@@ -1,255 +1,263 @@
-import { bm as e, co as o, c1 as i, c3 as r, A as n, a9 as t, a8 as d, b$ as c, aj as l, bW as b, ay as f, aA as u, ak as M, cv as g, ck as p, t as h, F as x, be as m, bc as y, av as T, a6 as C, ci as v, b9 as S, a0 as B, cM as w, O as H, b4 as P, aS as O, bi as L, aR as k, b3 as I, aL as G, aZ as z, a$ as D, a_ as K, b7 as R, aP as F, aN as A, aO as W, aQ as E, a4 as V, C as U, cB as X, P as Y, c4 as j, S as q, aC as Z, cX as J, cm as N, d3 as Q, T as _, bO as $, a2 as aa, Z as sa, x as ea, bg as oa, c6 as ia, g as ra, h as na, bn as ta, cp as da, ct as ca, cr as la, cs as ba, cu as fa, c2 as ua, q as Ma, ab as ga, ac as pa, aa as ha, ce as xa, b as ma, c0 as ya, c5 as Ta, ae as Ca, al as va, ao as Sa, as as Ba, aq as wa, ap as Ha, an as Pa, am as Oa, ar as La, at as ka, az as Ia, aB as Ga, l as za, au as Da, cg as Ka, bX as Ra, bY as Fa, bZ as Aa, cy as Wa, b_ as Ea, bQ as Va, $ as Ua, cw as Xa, cx as Ya, cl as ja, cA as qa, bp as Za, bN as Ja, bT as Na, bh as Qa, bo as _a, u as $a, e as as, d as ss, m as es, a as os, c as is, n as rs, f as ns, o as ts, bf as ds, bd as cs, E as ls, Y as bs, K as fs, L as us, ax as Ms, aw as gs, v as ps, i as hs, ai as xs, ad as ms, c_ as ys, bq as Ts, a7 as Cs, c9 as vs, c8 as Ss, cj as Bs, j as ws, ba as Hs, bb as Ps, w as Os, Q as Ls, cb as ks, ca as Is, a1 as Gs, N as zs, cN as Ds, cP as Ks, cU as Rs, cS as Fs, cQ as As, cW as Ws, cR as Es, cO as Vs, cT as Us, cV as Xs, d1 as Ys, c$ as js, d2 as qs, d0 as Zs, ah as Js, p as Ns, b6 as Qs, bu as _s, bD as $s, aY as ae, bA as se, bj as ee, bl as oe, bk as ie, bE as re, bF as ne, aX as te, bz as de, b5 as ce, bt as le, aM as be, bC as fe, b0 as ue, bw as Me, b2 as ge, bx as pe, b1 as he, by as xe, b8 as me, aV as ye, aT as Te, aU as Ce, aW as ve, bG as Se, bv as Be, bH as we, bL as He, bM as Pe, bs as Oe, bK as Le, bJ as ke, bI as Ie, bB as Ge, bU as ze, bV as De, W as Ke, a5 as Re, bS as Fe, bR as Ae, D as We, aF as Ee, aG as Ve, aH as Ue, cC as Xe, cE as Ye, cJ as je, cH as qe, cF as Ze, cL as Je, cG as Ne, cD as Qe, cI as _e, cK as $e, z as ao, c7 as so, cc as eo, af as oo, r as io, y as ro, cq as no, k as to, s as co, aD as lo, aE as bo, aI as fo, aJ as uo, aK as Mo, br as go, cY as po, ch as ho, ag as xo, _ as mo, cn as yo, H as To, X as Co, J as vo, U as So, I as Bo, cz as wo, cf as Ho, d4 as Po, G as Oo, cd as Lo, bP as ko, V as Io, cZ as Go, a3 as zo, R as Do, B as Ko } from "../modifiers-basic-CsxLd0CR.js";
-import { createModifierBuilder as Fo } from "@tachui/core/modifiers";
+import { bu as e, cw as o, c9 as i, cb as r, A as n, am as t, aa as d, a9 as c, a8 as l, c7 as b, al as f, ar as u, c2 as M, aG as g, aI as p, ap as m, as as h, cD as x, cs as y, t as B, F as C, bm as T, bk as v, aD as S, a6 as w, cq as H, bh as P, a0 as O, cU as k, O as L, bc as I, a_ as G, bq as z, aZ as D, bb as K, aT as R, b5 as F, b7 as A, b6 as W, bf as E, aX as V, aV as U, aW as X, aY as Y, a4 as j, C as q, cJ as Z, P as J, cc as N, S as Q, aK as _, d3 as $, cu as aa, db as sa, T as ea, bW as oa, a2 as ia, Z as ra, x as na, bo as ta, ce as da, g as ca, h as la, bv as ba, cx as fa, cB as ua, cz as Ma, cA as ga, cC as pa, ca as ma, q as ha, ac as xa, ao as ya, ae as Ba, ab as Ca, ad as Ta, cm as va, b as Sa, c8 as wa, cd as Ha, an as Pa, ag as Oa, at as ka, aw as La, aA as Ia, ay as Ga, ax as za, av as Da, au as Ka, az as Ra, aB as Fa, aH as Aa, aJ as Wa, l as Ea, aq as Va, aC as Ua, co as Xa, c3 as Ya, c4 as ja, c5 as qa, cG as Za, c6 as Ja, bY as Na, $ as Qa, cE as _a, cF as $a, ct as as, cI as ss, bx as es, bV as os, b$ as is, bp as rs, bw as ns, u as ts, e as ds, d as cs, m as ls, a as bs, c as fs, n as us, f as Ms, o as gs, bn as ps, bl as ms, E as hs, Y as xs, K as ys, L as Bs, aF as Cs, aE as Ts, v as vs, i as Ss, ak as ws, af as Hs, d6 as Ps, by as Os, a7 as ks, ch as Ls, cg as Is, cr as Gs, j as zs, bi as Ds, bj as Ks, w as Rs, Q as Fs, cj as As, ci as Ws, a1 as Es, N as Vs, cV as Us, cX as Xs, d0 as Ys, c_ as js, cY as qs, d2 as Zs, cZ as Js, cW as Ns, c$ as Qs, d1 as _s, d9 as $s, d7 as ae, da as se, d8 as ee, aj as oe, p as ie, be as re, bC as ne, bL as te, b4 as de, bI as ce, br as le, bt as be, bs as fe, bM as ue, bN as Me, b3 as ge, bH as pe, bd as me, bB as he, aU as xe, bK as ye, b8 as Be, bE as Ce, ba as Te, bF as ve, b9 as Se, bG as we, bg as He, b1 as Pe, a$ as Oe, b0 as ke, b2 as Le, bO as Ie, bD as Ge, bP as ze, bT as De, bU as Ke, bA as Re, bS as Fe, bR as Ae, bQ as We, bJ as Ee, c0 as Ve, c1 as Ue, W as Xe, a5 as Ye, b_ as je, bZ as qe, D as Ze, aN as Je, aO as Ne, aP as Qe, cK as _e, cM as $e, cR as ao, cP as so, cN as eo, cT as oo, cO as io, cL as ro, cQ as no, cS as to, z as co, cf as lo, ck as bo, ah as fo, r as uo, y as Mo, cy as go, k as po, s as mo, aL as ho, aM as xo, aQ as yo, aR as Bo, aS as Co, bz as To, d4 as vo, cp as So, ai as wo, _ as Ho, cv as Po, H as Oo, X as ko, J as Lo, U as Io, I as Go, cH as zo, cn as Do, dc as Ko, G as Ro, cl as Fo, bX as Ao, V as Wo, d5 as Eo, a3 as Vo, R as Uo, B as Xo } from "../modifiers-basic-Cs3mAr8i.js";
+import { createModifierBuilder as jo } from "@tachui/core/modifiers";
 export {
   e as AllowsHitTestingModifier,
   o as AriaModifier,
   i as AsHTMLModifier,
   r as AsHTMLValidator,
   n as AspectRatioModifier,
-  t as BackgroundClipModifier,
-  d as BackgroundModifier,
-  c as BasicSanitizer,
-  l as BorderModifier,
-  b as CSSModifier,
-  f as ClipShapeModifier,
-  u as ClippedModifier,
-  M as CornerRadiusModifier,
-  g as CustomPropertiesModifier,
-  p as DataModifier,
-  h as FixedSizeModifier,
-  x as FlexboxModifier,
-  m as FocusableModifier,
-  y as FocusedModifier,
-  T as ForegroundModifier,
-  C as HyphensModifier,
-  v as IdModifier,
-  S as KeyboardShortcutModifier,
-  B as LineClampModifier,
-  w as MarginModifier,
-  H as OffsetModifier,
-  P as OnBlurModifier,
-  O as OnContextMenuModifier,
-  L as OnContinuousHoverModifier,
-  k as OnDoubleClickModifier,
-  I as OnFocusModifier,
-  G as OnHoverModifier,
-  z as OnKeyDownModifier,
-  D as OnKeyPressModifier,
-  K as OnKeyUpModifier,
-  R as OnLongPressGestureModifier,
-  F as OnMouseDownModifier,
-  A as OnMouseEnterModifier,
-  W as OnMouseLeaveModifier,
-  E as OnMouseUpModifier,
-  V as OverflowWrapModifier,
-  U as OverlayModifier,
-  X as PaddingModifier,
-  Y as PositionModifier,
-  j as PseudoElementModifier,
-  q as ScaleEffectModifier,
-  Z as ScrollModifier,
-  J as SizeModifier,
-  N as TabIndexModifier,
-  Q as TransitionModifier,
-  _ as TypographyModifier,
-  $ as UtilityModifier,
-  aa as WordBreakModifier,
-  sa as ZIndexModifier,
-  ea as absolutePosition,
-  oa as activatable,
-  ia as after,
-  ra as alignItems,
-  na as alignSelf,
-  ta as allowsHitTesting,
-  da as aria,
-  ca as ariaDescribedBy,
-  la as ariaLabel,
-  ba as ariaLive,
-  fa as ariaModal,
-  ua as asHTML,
-  Ma as aspectRatio,
-  ga as background,
-  pa as backgroundClip,
-  ha as backgroundColor,
-  xa as badge,
-  ma as basicModifierRegistrations,
-  ya as basicSanitize,
-  Ta as before,
-  Ca as blueGradientText,
-  va as border,
-  Sa as borderBottom,
-  Ba as borderHorizontal,
-  wa as borderLeading,
-  Ha as borderLeft,
-  Pa as borderRight,
-  Oa as borderTop,
-  La as borderTrailing,
-  ka as borderVertical,
-  Ia as clipShape,
-  Ga as clipped,
-  za as columnGap,
-  Da as cornerRadius,
-  Ka as cornerRibbon,
-  Fo as createModifierBuilder,
-  Ra as css,
-  Fa as cssProperty,
-  Aa as cssVariable,
-  Wa as cssVariables,
-  Ea as cssVendor,
-  Va as cursor,
-  Ua as custom,
-  Xa as customProperties,
-  Ya as customProperty,
-  ja as data,
-  qa as designTokens,
-  Za as disableHitTesting,
-  Ja as disabled,
-  Na as display,
-  Qa as editable,
-  _a as enableHitTesting,
-  $a as fixedSize,
-  as as flex,
-  ss as flexBasis,
-  es as flexDirection,
-  os as flexGrow,
-  is as flexShrink,
-  rs as flexWrap,
-  ns as flexbox,
-  ts as flexboxPresets,
-  ds as focusable,
-  cs as focused,
-  ls as font,
-  bs as fontFamily,
-  fs as fontSize,
-  us as fontWeight,
-  Ms as foreground,
-  gs as foregroundColor,
-  ps as frame,
-  hs as gap,
-  xs as goldGradientText,
-  ms as gradientText,
-  ys as height,
-  Ts as highPriorityGesture,
-  Cs as hyphens,
-  vs as iconAfter,
-  Ss as iconBefore,
-  Bs as id,
-  ws as justifyContent,
-  Hs as keyboardShortcut,
-  Ps as keyboardShortcutBuilder,
-  Os as layoutPriority,
-  Ls as letterSpacing,
-  ks as lineAfter,
-  Is as lineBefore,
-  Gs as lineClamp,
-  zs as lineHeight,
-  Ds as margin,
-  Ks as marginBottom,
-  Rs as marginHorizontal,
-  Fs as marginLeading,
-  As as marginLeft,
-  Ws as marginPresets,
-  Es as marginRight,
-  Vs as marginTop,
-  Us as marginTrailing,
-  Xs as marginVertical,
-  Ys as maxHeight,
-  js as maxWidth,
-  qs as minHeight,
-  Zs as minWidth,
-  Js as oceanGradientText,
-  Ns as offset,
-  Qs as onBlur,
-  _s as onBlurInteraction,
-  $s as onChange,
-  ae as onContextMenu,
-  se as onContextMenuInteraction,
-  ee as onContinuousHover,
-  oe as onContinuousHoverGlobal,
-  ie as onContinuousHoverLocal,
-  re as onCopy,
-  ne as onCut,
-  te as onDoubleClick,
-  de as onDoubleClickInteraction,
-  ce as onFocus,
-  le as onFocusInteraction,
-  be as onHover,
-  fe as onInput,
-  ue as onKeyDown,
-  Me as onKeyDownInteraction,
-  ge as onKeyPress,
-  pe as onKeyPressInteraction,
-  he as onKeyUp,
-  xe as onKeyUpInteraction,
-  me as onLongPressGesture,
-  ye as onMouseDown,
-  Te as onMouseEnter,
-  Ce as onMouseLeave,
-  ve as onMouseUp,
-  Se as onPaste,
-  Be as onScroll,
-  we as onSelect,
-  He as onSwipeLeft,
-  Pe as onSwipeRight,
-  Oe as onTap,
-  Le as onTouchEnd,
-  ke as onTouchMove,
-  Ie as onTouchStart,
-  Ge as onWheel,
-  ze as outline,
-  De as outlineOffset,
-  Ke as overflow,
-  Re as overflowWrap,
-  Fe as overflowX,
-  Ae as overflowY,
-  We as overlay,
-  Ee as overscrollBehavior,
-  Ve as overscrollBehaviorX,
-  Ue as overscrollBehaviorY,
-  Xe as padding,
-  Ye as paddingBottom,
-  je as paddingHorizontal,
-  qe as paddingLeading,
-  Ze as paddingLeft,
-  Je as paddingPresets,
-  Ne as paddingRight,
-  Qe as paddingTop,
-  _e as paddingTrailing,
-  $e as paddingVertical,
-  ao as position,
-  so as pseudoElements,
-  eo as quotes,
-  oo as rainbowGradientText,
-  io as registerBasicModifiers,
-  ro as resizable,
-  no as role,
-  to as rowGap,
-  co as scaleEffect,
-  lo as scroll,
-  bo as scrollBehavior,
-  fo as scrollMargin,
-  uo as scrollPadding,
-  Mo as scrollSnap,
-  go as simultaneousGesture,
-  po as size,
-  ho as spinner,
-  xo as sunsetGradientText,
-  mo as system,
-  yo as tabIndex,
-  To as textAlign,
-  Co as textCase,
-  vo as textDecoration,
-  So as textOverflow,
-  Bo as textTransform,
-  wo as themeColors,
-  Ho as tooltip,
-  Po as transition,
-  Oo as typography,
-  Lo as underline,
-  ko as utility,
-  Io as whiteSpace,
-  Go as width,
-  zo as wordBreak,
-  Do as wordSpacing,
-  Ko as zIndex
+  t as BackgroundBlendModeModifier,
+  d as BackgroundClipModifier,
+  c as BackgroundImageModifier,
+  l as BackgroundModifier,
+  b as BasicSanitizer,
+  f as BlendModeModifier,
+  u as BorderModifier,
+  M as CSSModifier,
+  g as ClipShapeModifier,
+  p as ClippedModifier,
+  m as CompositingGroupModifier,
+  h as CornerRadiusModifier,
+  x as CustomPropertiesModifier,
+  y as DataModifier,
+  B as FixedSizeModifier,
+  C as FlexboxModifier,
+  T as FocusableModifier,
+  v as FocusedModifier,
+  S as ForegroundModifier,
+  w as HyphensModifier,
+  H as IdModifier,
+  P as KeyboardShortcutModifier,
+  O as LineClampModifier,
+  k as MarginModifier,
+  L as OffsetModifier,
+  I as OnBlurModifier,
+  G as OnContextMenuModifier,
+  z as OnContinuousHoverModifier,
+  D as OnDoubleClickModifier,
+  K as OnFocusModifier,
+  R as OnHoverModifier,
+  F as OnKeyDownModifier,
+  A as OnKeyPressModifier,
+  W as OnKeyUpModifier,
+  E as OnLongPressGestureModifier,
+  V as OnMouseDownModifier,
+  U as OnMouseEnterModifier,
+  X as OnMouseLeaveModifier,
+  Y as OnMouseUpModifier,
+  j as OverflowWrapModifier,
+  q as OverlayModifier,
+  Z as PaddingModifier,
+  J as PositionModifier,
+  N as PseudoElementModifier,
+  Q as ScaleEffectModifier,
+  _ as ScrollModifier,
+  $ as SizeModifier,
+  aa as TabIndexModifier,
+  sa as TransitionModifier,
+  ea as TypographyModifier,
+  oa as UtilityModifier,
+  ia as WordBreakModifier,
+  ra as ZIndexModifier,
+  na as absolutePosition,
+  ta as activatable,
+  da as after,
+  ca as alignItems,
+  la as alignSelf,
+  ba as allowsHitTesting,
+  fa as aria,
+  ua as ariaDescribedBy,
+  Ma as ariaLabel,
+  ga as ariaLive,
+  pa as ariaModal,
+  ma as asHTML,
+  ha as aspectRatio,
+  xa as background,
+  ya as backgroundBlendMode,
+  Ba as backgroundClip,
+  Ca as backgroundColor,
+  Ta as backgroundImage,
+  va as badge,
+  Sa as basicModifierRegistrations,
+  wa as basicSanitize,
+  Ha as before,
+  Pa as blendMode,
+  Oa as blueGradientText,
+  ka as border,
+  La as borderBottom,
+  Ia as borderHorizontal,
+  Ga as borderLeading,
+  za as borderLeft,
+  Da as borderRight,
+  Ka as borderTop,
+  Ra as borderTrailing,
+  Fa as borderVertical,
+  Aa as clipShape,
+  Wa as clipped,
+  Ea as columnGap,
+  Va as compositingGroup,
+  Ua as cornerRadius,
+  Xa as cornerRibbon,
+  jo as createModifierBuilder,
+  Ya as css,
+  ja as cssProperty,
+  qa as cssVariable,
+  Za as cssVariables,
+  Ja as cssVendor,
+  Na as cursor,
+  Qa as custom,
+  _a as customProperties,
+  $a as customProperty,
+  as as data,
+  ss as designTokens,
+  es as disableHitTesting,
+  os as disabled,
+  is as display,
+  rs as editable,
+  ns as enableHitTesting,
+  ts as fixedSize,
+  ds as flex,
+  cs as flexBasis,
+  ls as flexDirection,
+  bs as flexGrow,
+  fs as flexShrink,
+  us as flexWrap,
+  Ms as flexbox,
+  gs as flexboxPresets,
+  ps as focusable,
+  ms as focused,
+  hs as font,
+  xs as fontFamily,
+  ys as fontSize,
+  Bs as fontWeight,
+  Cs as foreground,
+  Ts as foregroundColor,
+  vs as frame,
+  Ss as gap,
+  ws as goldGradientText,
+  Hs as gradientText,
+  Ps as height,
+  Os as highPriorityGesture,
+  ks as hyphens,
+  Ls as iconAfter,
+  Is as iconBefore,
+  Gs as id,
+  zs as justifyContent,
+  Ds as keyboardShortcut,
+  Ks as keyboardShortcutBuilder,
+  Rs as layoutPriority,
+  Fs as letterSpacing,
+  As as lineAfter,
+  Ws as lineBefore,
+  Es as lineClamp,
+  Vs as lineHeight,
+  Us as margin,
+  Xs as marginBottom,
+  Ys as marginHorizontal,
+  js as marginLeading,
+  qs as marginLeft,
+  Zs as marginPresets,
+  Js as marginRight,
+  Ns as marginTop,
+  Qs as marginTrailing,
+  _s as marginVertical,
+  $s as maxHeight,
+  ae as maxWidth,
+  se as minHeight,
+  ee as minWidth,
+  oe as oceanGradientText,
+  ie as offset,
+  re as onBlur,
+  ne as onBlurInteraction,
+  te as onChange,
+  de as onContextMenu,
+  ce as onContextMenuInteraction,
+  le as onContinuousHover,
+  be as onContinuousHoverGlobal,
+  fe as onContinuousHoverLocal,
+  ue as onCopy,
+  Me as onCut,
+  ge as onDoubleClick,
+  pe as onDoubleClickInteraction,
+  me as onFocus,
+  he as onFocusInteraction,
+  xe as onHover,
+  ye as onInput,
+  Be as onKeyDown,
+  Ce as onKeyDownInteraction,
+  Te as onKeyPress,
+  ve as onKeyPressInteraction,
+  Se as onKeyUp,
+  we as onKeyUpInteraction,
+  He as onLongPressGesture,
+  Pe as onMouseDown,
+  Oe as onMouseEnter,
+  ke as onMouseLeave,
+  Le as onMouseUp,
+  Ie as onPaste,
+  Ge as onScroll,
+  ze as onSelect,
+  De as onSwipeLeft,
+  Ke as onSwipeRight,
+  Re as onTap,
+  Fe as onTouchEnd,
+  Ae as onTouchMove,
+  We as onTouchStart,
+  Ee as onWheel,
+  Ve as outline,
+  Ue as outlineOffset,
+  Xe as overflow,
+  Ye as overflowWrap,
+  je as overflowX,
+  qe as overflowY,
+  Ze as overlay,
+  Je as overscrollBehavior,
+  Ne as overscrollBehaviorX,
+  Qe as overscrollBehaviorY,
+  _e as padding,
+  $e as paddingBottom,
+  ao as paddingHorizontal,
+  so as paddingLeading,
+  eo as paddingLeft,
+  oo as paddingPresets,
+  io as paddingRight,
+  ro as paddingTop,
+  no as paddingTrailing,
+  to as paddingVertical,
+  co as position,
+  lo as pseudoElements,
+  bo as quotes,
+  fo as rainbowGradientText,
+  uo as registerBasicModifiers,
+  Mo as resizable,
+  go as role,
+  po as rowGap,
+  mo as scaleEffect,
+  ho as scroll,
+  xo as scrollBehavior,
+  yo as scrollMargin,
+  Bo as scrollPadding,
+  Co as scrollSnap,
+  To as simultaneousGesture,
+  vo as size,
+  So as spinner,
+  wo as sunsetGradientText,
+  Ho as system,
+  Po as tabIndex,
+  Oo as textAlign,
+  ko as textCase,
+  Lo as textDecoration,
+  Io as textOverflow,
+  Go as textTransform,
+  zo as themeColors,
+  Do as tooltip,
+  Ko as transition,
+  Ro as typography,
+  Fo as underline,
+  Ao as utility,
+  Wo as whiteSpace,
+  Eo as width,
+  Vo as wordBreak,
+  Uo as wordSpacing,
+  Xo as zIndex
 };

package/dist/types.d.ts

@@ -6,7 +6,7 @@
  */
 import type { Signal } from '@tachui/types/reactive';
 import type { ComponentInstance, ComponentProps, DOMNode } from '@tachui/types/runtime';
-import type { TextAlign } from '@tachui/types/modifiers';
+import type { TextAlign, BlendMode, BackgroundImageOptions } from '@tachui/types/modifiers';
 import type { OverlayAlignment, OverlayOffset, OverlaySide } from './layout/overlay';
 export type { DOMNode } from '@tachui/types/runtime';
 export type Dimension = number | string | 'infinity';
@@ -376,6 +376,10 @@ export interface ModifierBuilder<T extends ComponentInstance = ComponentInstance
     foregroundColor(color: ColorValue): ModifierBuilder<T>;
     backgroundColor(color: ColorValue): ModifierBuilder<T>;
     background(value: StatefulBackgroundValue | Signal<string>): ModifierBuilder<T>;
+    backgroundImage(source: ImageAssetProxy | string, options?: BackgroundImageOptions): ModifierBuilder<T>;
+    blendMode(mode: BlendMode): ModifierBuilder<T>;
+    backgroundBlendMode(mode: BlendMode): ModifierBuilder<T>;
+    compositingGroup(): ModifierBuilder<T>;
     font(options: AppearanceModifierProps['font']): ModifierBuilder<T>;
     font(size: number | string): ModifierBuilder<T>;
     fontWeight(weight: NonNullable<AppearanceModifierProps['font']>['weight']): ModifierBuilder<T>;