@tachui/core 0.7.0-alpha1

package/dist/modifiers/flexbox.js

@@ -0,0 +1,56 @@
+import { BaseModifier as r } from "./base.js";
+var a = Object.defineProperty, u = (t, e, i) => e in t ? a(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, o = (t, e, i) => u(t, typeof e != "symbol" ? e + "" : e, i);
+class n extends r {
+  // Priority 60 for flexbox layout
+  constructor(e) {
+    const i = {};
+    for (const [f, l] of Object.entries(e))
+      typeof l == "function" && "peek" in l ? i[f] = l.peek() : i[f] = l;
+    super(i), o(this, "type", "flexbox"), o(this, "priority", 60);
+  }
+  apply(e, i) {
+    if (!i.element) return;
+    const f = this.computeFlexboxStyles(this.properties);
+    this.applyStyles(i.element, f);
+  }
+  computeFlexboxStyles(e) {
+    const i = {};
+    return e.flexGrow !== void 0 && (i.flexGrow = e.flexGrow.toString()), e.flexShrink !== void 0 && (i.flexShrink = e.flexShrink.toString()), e.flexBasis !== void 0 && (i.flexBasis = this.toCSSValue(e.flexBasis)), e.flex !== void 0 && (i.flex = e.flex), e.justifyContent !== void 0 && (i.justifyContent = e.justifyContent), e.alignItems !== void 0 && (i.alignItems = e.alignItems), e.alignSelf !== void 0 && (i.alignSelf = e.alignSelf), e.flexDirection !== void 0 && (i.flexDirection = e.flexDirection), e.flexWrap !== void 0 && (i.flexWrap = e.flexWrap), e.alignContent !== void 0 && (i.alignContent = e.alignContent), e.gap !== void 0 && (i.gap = this.toCSSValue(e.gap)), e.rowGap !== void 0 && (i.rowGap = this.toCSSValue(e.rowGap)), e.columnGap !== void 0 && (i.columnGap = this.toCSSValue(e.columnGap)), i;
+  }
+}
+function c(t) {
+  return new n(t);
+}
+function d(t) {
+  return new n({ flexGrow: t });
+}
+function s(t) {
+  return new n({ flexShrink: t });
+}
+function S(t) {
+  return new n({ justifyContent: t });
+}
+function g(t) {
+  return new n({ alignItems: t });
+}
+function v(t) {
+  return new n({ gap: t });
+}
+function m(t) {
+  return new n({ flexDirection: t });
+}
+function w(t) {
+  return new n({ flexWrap: t });
+}
+export {
+  n as FlexboxModifier,
+  g as alignItems,
+  m as flexDirection,
+  d as flexGrow,
+  s as flexShrink,
+  w as flexWrap,
+  c as flexbox,
+  v as gap,
+  S as justifyContent
+};
+//# sourceMappingURL=flexbox.js.map

package/dist/modifiers/flexbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flexbox.js","sources":["../../src/modifiers/flexbox.ts"],"sourcesContent":["/**\n * Flexbox Modifier - comprehensive flexbox layout properties\n *\n * Provides a unified interface for flexbox properties\n * including flex-grow, justify-content, align-items, etc.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\n\nexport interface FlexboxOptions {\n  flexGrow?: number\n  flexShrink?: number\n  flexBasis?: number | string\n  flex?: string\n  justifyContent?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse'\n  flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse'\n  alignContent?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around'\n  gap?: number | string\n  rowGap?: number | string\n  columnGap?: number | string\n}\n\nexport type ReactiveFlexboxOptions = ReactiveModifierProps<FlexboxOptions>\n\nexport class FlexboxModifier extends BaseModifier<FlexboxOptions> {\n  readonly type = 'flexbox'\n  readonly priority = 60 // Priority 60 for flexbox layout\n\n  constructor(options: ReactiveFlexboxOptions) {\n    // Convert reactive options to regular options for immediate use\n    const resolvedOptions: FlexboxOptions = {}\n    for (const [key, value] of Object.entries(options)) {\n      if (typeof value === 'function' && 'peek' in value) {\n        ;(resolvedOptions as any)[key] = (value as any).peek()\n      } else {\n        ;(resolvedOptions as any)[key] = value\n      }\n    }\n    super(resolvedOptions)\n  }\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const styles = this.computeFlexboxStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeFlexboxStyles(props: FlexboxOptions) {\n    const styles: Record<string, string> = {}\n\n    if (props.flexGrow !== undefined) {\n      styles.flexGrow = props.flexGrow.toString()\n    }\n    if (props.flexShrink !== undefined) {\n      styles.flexShrink = props.flexShrink.toString()\n    }\n    if (props.flexBasis !== undefined) {\n      styles.flexBasis = this.toCSSValue(props.flexBasis)\n    }\n    if (props.flex !== undefined) {\n      styles.flex = props.flex\n    }\n    if (props.justifyContent !== undefined) {\n      styles.justifyContent = props.justifyContent\n    }\n    if (props.alignItems !== undefined) {\n      styles.alignItems = props.alignItems\n    }\n    if (props.alignSelf !== undefined) {\n      styles.alignSelf = props.alignSelf\n    }\n    if (props.flexDirection !== undefined) {\n      styles.flexDirection = props.flexDirection\n    }\n    if (props.flexWrap !== undefined) {\n      styles.flexWrap = props.flexWrap\n    }\n    if (props.alignContent !== undefined) {\n      styles.alignContent = props.alignContent\n    }\n    if (props.gap !== undefined) {\n      styles.gap = this.toCSSValue(props.gap)\n    }\n    if (props.rowGap !== undefined) {\n      styles.rowGap = this.toCSSValue(props.rowGap)\n    }\n    if (props.columnGap !== undefined) {\n      styles.columnGap = this.toCSSValue(props.columnGap)\n    }\n\n    return styles\n  }\n}\n\n/**\n * Create a flexbox modifier with comprehensive flexbox properties\n *\n * @example\n * ```typescript\n * // Complete flexbox layout\n * .flexbox({\n *   flexGrow: 1,\n *   justifyContent: 'center',\n *   alignItems: 'stretch',\n *   gap: 16\n * })\n *\n * // Simple flex grow\n * .flexGrow(1)\n *\n * // Justify content\n * .justifyContent('space-between')\n * ```\n */\nexport function flexbox(options: ReactiveFlexboxOptions): FlexboxModifier {\n  return new FlexboxModifier(options)\n}\n\n/**\n * Convenience function for flex-grow\n */\nexport function flexGrow(value: number): FlexboxModifier {\n  return new FlexboxModifier({ flexGrow: value })\n}\n\n/**\n * Convenience function for flex-shrink\n */\nexport function flexShrink(value: number): FlexboxModifier {\n  return new FlexboxModifier({ flexShrink: value })\n}\n\n/**\n * Convenience function for justify-content\n */\nexport function justifyContent(value: FlexboxOptions['justifyContent']): FlexboxModifier {\n  return new FlexboxModifier({ justifyContent: value })\n}\n\n/**\n * Convenience function for align-items\n */\nexport function alignItems(value: FlexboxOptions['alignItems']): FlexboxModifier {\n  return new FlexboxModifier({ alignItems: value })\n}\n\n/**\n * Convenience function for gap\n */\nexport function gap(value: number | string): FlexboxModifier {\n  return new FlexboxModifier({ gap: value })\n}\n\n/**\n * Convenience function for flex-direction\n */\nexport function flexDirection(value: FlexboxOptions['flexDirection']): FlexboxModifier {\n  return new FlexboxModifier({ flexDirection: value })\n}\n\n/**\n * Convenience function for flex-wrap\n */\nexport function flexWrap(value: FlexboxOptions['flexWrap']): FlexboxModifier {\n  return new FlexboxModifier({ flexWrap: value })\n}\n"],"names":["FlexboxModifier","BaseModifier","options","resolvedOptions","key","value","__publicField","_node","context","styles","props","flexbox","flexGrow","flexShrink","justifyContent","alignItems","gap","flexDirection","flexWrap"],"mappings":";;AAmCO,MAAMA,UAAwBC,EAA6B;AAAA;AAAA,EAIhE,YAAYC,GAAiC;AAE3C,UAAMC,IAAkC,CAAA;AACxC,eAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQH,CAAO;AAC/C,MAAI,OAAOG,KAAU,cAAc,UAAUA,IACzCF,EAAwBC,CAAG,IAAKC,EAAc,KAAA,IAE9CF,EAAwBC,CAAG,IAAIC;AAGrC,UAAMF,CAAe,GAbvBG,EAAA,MAAS,QAAO,SAAA,GAChBA,EAAA,MAAS,YAAW,EAAA;AAAA,EAapB;AAAA,EAEA,MAAMC,GAAgBC,GAA+C;AACnE,QAAI,CAACA,EAAQ,QAAS;AAEtB,UAAMC,IAAS,KAAK,qBAAqB,KAAK,UAAU;AACxD,SAAK,YAAYD,EAAQ,SAASC,CAAM;AAAA,EAG1C;AAAA,EAEQ,qBAAqBC,GAAuB;AAClD,UAAMD,IAAiC,CAAA;AAEvC,WAAIC,EAAM,aAAa,WACrBD,EAAO,WAAWC,EAAM,SAAS,SAAA,IAE/BA,EAAM,eAAe,WACvBD,EAAO,aAAaC,EAAM,WAAW,SAAA,IAEnCA,EAAM,cAAc,WACtBD,EAAO,YAAY,KAAK,WAAWC,EAAM,SAAS,IAEhDA,EAAM,SAAS,WACjBD,EAAO,OAAOC,EAAM,OAElBA,EAAM,mBAAmB,WAC3BD,EAAO,iBAAiBC,EAAM,iBAE5BA,EAAM,eAAe,WACvBD,EAAO,aAAaC,EAAM,aAExBA,EAAM,cAAc,WACtBD,EAAO,YAAYC,EAAM,YAEvBA,EAAM,kBAAkB,WAC1BD,EAAO,gBAAgBC,EAAM,gBAE3BA,EAAM,aAAa,WACrBD,EAAO,WAAWC,EAAM,WAEtBA,EAAM,iBAAiB,WACzBD,EAAO,eAAeC,EAAM,eAE1BA,EAAM,QAAQ,WAChBD,EAAO,MAAM,KAAK,WAAWC,EAAM,GAAG,IAEpCA,EAAM,WAAW,WACnBD,EAAO,SAAS,KAAK,WAAWC,EAAM,MAAM,IAE1CA,EAAM,cAAc,WACtBD,EAAO,YAAY,KAAK,WAAWC,EAAM,SAAS,IAG7CD;AAAA,EACT;AACF;AAsBO,SAASE,EAAQT,GAAkD;AACxE,SAAO,IAAIF,EAAgBE,CAAO;AACpC;AAKO,SAASU,EAASP,GAAgC;AACvD,SAAO,IAAIL,EAAgB,EAAE,UAAUK,GAAO;AAChD;AAKO,SAASQ,EAAWR,GAAgC;AACzD,SAAO,IAAIL,EAAgB,EAAE,YAAYK,GAAO;AAClD;AAKO,SAASS,EAAeT,GAA0D;AACvF,SAAO,IAAIL,EAAgB,EAAE,gBAAgBK,GAAO;AACtD;AAKO,SAASU,EAAWV,GAAsD;AAC/E,SAAO,IAAIL,EAAgB,EAAE,YAAYK,GAAO;AAClD;AAKO,SAASW,EAAIX,GAAyC;AAC3D,SAAO,IAAIL,EAAgB,EAAE,KAAKK,GAAO;AAC3C;AAKO,SAASY,EAAcZ,GAAyD;AACrF,SAAO,IAAIL,EAAgB,EAAE,eAAeK,GAAO;AACrD;AAKO,SAASa,EAASb,GAAoD;AAC3E,SAAO,IAAIL,EAAgB,EAAE,UAAUK,GAAO;AAChD;"}

package/dist/modifiers/font.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./typography.cjs");function r(e){return typeof e=="string"?n(e):new t.TypographyModifier({family:e.family,size:e.size,weight:e.weight,style:e.style})}function n(e){const i={".largeTitle":{size:34,weight:400},".title":{size:28,weight:400},".title2":{size:22,weight:400},".title3":{size:20,weight:400},".headline":{size:17,weight:600},".subheadline":{size:15,weight:400},".body":{size:17,weight:400},".callout":{size:16,weight:400},".footnote":{size:13,weight:400},".caption":{size:12,weight:400},".caption2":{size:11,weight:400}},s=i[e];return s?new t.TypographyModifier(s):(console.warn(`Unknown font preset: ${e}. Using default body font.`),new t.TypographyModifier(i[".body"]))}function o(e){let i;switch(e.design){case"serif":i="ui-serif, Georgia, serif";break;case"rounded":i="ui-rounded, system-ui, -apple-system, sans-serif";break;case"monospaced":i="ui-monospace, SFMono-Regular, Consolas, monospace";break;default:i="system-ui, -apple-system, BlinkMacSystemFont, sans-serif"}return new t.TypographyModifier({family:i,size:e.size,weight:e.weight})}function a(e,i){return new t.TypographyModifier({family:e,size:i?.size,weight:i?.weight,style:i?.style})}exports.custom=a;exports.font=r;exports.system=o;
+//# sourceMappingURL=font.cjs.map

package/dist/modifiers/font.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"font.cjs","sources":["../../src/modifiers/font.ts"],"sourcesContent":["/**\n * Font Modifier - SwiftUI-style font configuration\n * \n * Provides a unified interface for font configuration including\n * font family, size, weight, and style in a single modifier.\n */\n\nimport type { FontAsset, FontWeightValue } from '../assets/FontAsset'\nimport { TypographyModifier, type FontStyle, type FontWeight } from './typography'\n\nexport interface FontOptions {\n  family?: string | FontAsset\n  size?: number | string\n  weight?: FontWeight | FontWeightValue\n  style?: FontStyle\n}\n\n/**\n * SwiftUI-style font modifier for comprehensive font configuration\n * \n * @example\n * ```typescript\n * // System font with size\n * Text(\"Hello\").modifier.font({ size: 18 })\n * \n * // Custom font family\n * Text(\"Hello\").modifier.font({ \n *   family: 'Georgia, serif',\n *   size: 24,\n *   weight: 'bold'\n * })\n * \n * // With FontAsset\n * import { Assets } from '@tachui/core'\n * Text(\"Hello\").modifier.font({\n *   family: Assets.headingFont,\n *   size: 32,\n *   weight: 700\n * })\n * \n * // SwiftUI-style presets (future enhancement)\n * Text(\"Title\").modifier.font('.title')\n * Text(\"Body\").modifier.font('.body')\n * ```\n */\nexport function font(options: FontOptions | string): TypographyModifier {\n  // Handle preset strings (future enhancement)\n  if (typeof options === 'string') {\n    return handleFontPreset(options)\n  }\n\n  // Convert FontOptions to TypographyOptions\n  return new TypographyModifier({\n    family: options.family,\n    size: options.size,\n    weight: options.weight,\n    style: options.style,\n  })\n}\n\n/**\n * Handle SwiftUI-style font presets\n * This is a placeholder for future enhancement\n */\nfunction handleFontPreset(preset: string): TypographyModifier {\n  // Map common SwiftUI presets\n  const presets: Record<string, FontOptions> = {\n    '.largeTitle': { size: 34, weight: 400 },\n    '.title': { size: 28, weight: 400 },\n    '.title2': { size: 22, weight: 400 },\n    '.title3': { size: 20, weight: 400 },\n    '.headline': { size: 17, weight: 600 },\n    '.subheadline': { size: 15, weight: 400 },\n    '.body': { size: 17, weight: 400 },\n    '.callout': { size: 16, weight: 400 },\n    '.footnote': { size: 13, weight: 400 },\n    '.caption': { size: 12, weight: 400 },\n    '.caption2': { size: 11, weight: 400 },\n  }\n\n  const presetOptions = presets[preset]\n  if (!presetOptions) {\n    console.warn(`Unknown font preset: ${preset}. Using default body font.`)\n    return new TypographyModifier(presets['.body'])\n  }\n\n  return new TypographyModifier(presetOptions)\n}\n\n/**\n * Create a system font with specific design\n * \n * @example\n * ```typescript\n * Text(\"Hello\").modifier.system({ size: 18, weight: 'medium', design: 'rounded' })\n * ```\n */\nexport function system(options: {\n  size?: number | string\n  weight?: FontWeight | FontWeightValue\n  design?: 'default' | 'serif' | 'rounded' | 'monospaced'\n}): TypographyModifier {\n  let family: string\n  \n  switch (options.design) {\n    case 'serif':\n      family = 'ui-serif, Georgia, serif'\n      break\n    case 'rounded':\n      family = 'ui-rounded, system-ui, -apple-system, sans-serif'\n      break\n    case 'monospaced':\n      family = 'ui-monospace, SFMono-Regular, Consolas, monospace'\n      break\n    default:\n      family = 'system-ui, -apple-system, BlinkMacSystemFont, sans-serif'\n  }\n\n  return new TypographyModifier({\n    family,\n    size: options.size,\n    weight: options.weight,\n  })\n}\n\n/**\n * Create a custom font configuration\n * \n * @example\n * ```typescript\n * const myFont = custom('Avenir Next', { size: 18, weight: 500 })\n * Text(\"Hello\").modifier.apply(myFont)\n * ```\n */\nexport function custom(\n  family: string | FontAsset,\n  options?: {\n    size?: number | string\n    weight?: FontWeight | FontWeightValue\n    style?: FontStyle\n  }\n): TypographyModifier {\n  return new TypographyModifier({\n    family,\n    size: options?.size,\n    weight: options?.weight,\n    style: options?.style,\n  })\n}"],"names":["font","options","handleFontPreset","TypographyModifier","preset","presets","presetOptions","system","family","custom"],"mappings":"oHA6CO,SAASA,EAAKC,EAAmD,CAEtE,OAAI,OAAOA,GAAY,SACdC,EAAiBD,CAAO,EAI1B,IAAIE,EAAAA,mBAAmB,CAC5B,OAAQF,EAAQ,OAChB,KAAMA,EAAQ,KACd,OAAQA,EAAQ,OAChB,MAAOA,EAAQ,KAAA,CAChB,CACH,CAMA,SAASC,EAAiBE,EAAoC,CAE5D,MAAMC,EAAuC,CAC3C,cAAe,CAAE,KAAM,GAAI,OAAQ,GAAA,EACnC,SAAU,CAAE,KAAM,GAAI,OAAQ,GAAA,EAC9B,UAAW,CAAE,KAAM,GAAI,OAAQ,GAAA,EAC/B,UAAW,CAAE,KAAM,GAAI,OAAQ,GAAA,EAC/B,YAAa,CAAE,KAAM,GAAI,OAAQ,GAAA,EACjC,eAAgB,CAAE,KAAM,GAAI,OAAQ,GAAA,EACpC,QAAS,CAAE,KAAM,GAAI,OAAQ,GAAA,EAC7B,WAAY,CAAE,KAAM,GAAI,OAAQ,GAAA,EAChC,YAAa,CAAE,KAAM,GAAI,OAAQ,GAAA,EACjC,WAAY,CAAE,KAAM,GAAI,OAAQ,GAAA,EAChC,YAAa,CAAE,KAAM,GAAI,OAAQ,GAAA,CAAI,EAGjCC,EAAgBD,EAAQD,CAAM,EACpC,OAAKE,EAKE,IAAIH,EAAAA,mBAAmBG,CAAa,GAJzC,QAAQ,KAAK,wBAAwBF,CAAM,4BAA4B,EAChE,IAAID,EAAAA,mBAAmBE,EAAQ,OAAO,CAAC,EAIlD,CAUO,SAASE,EAAON,EAIA,CACrB,IAAIO,EAEJ,OAAQP,EAAQ,OAAA,CACd,IAAK,QACHO,EAAS,2BACT,MACF,IAAK,UACHA,EAAS,mDACT,MACF,IAAK,aACHA,EAAS,oDACT,MACF,QACEA,EAAS,0DAAA,CAGb,OAAO,IAAIL,EAAAA,mBAAmB,CAC5B,OAAAK,EACA,KAAMP,EAAQ,KACd,OAAQA,EAAQ,MAAA,CACjB,CACH,CAWO,SAASQ,EACdD,EACAP,EAKoB,CACpB,OAAO,IAAIE,EAAAA,mBAAmB,CAC5B,OAAAK,EACA,KAAMP,GAAS,KACf,OAAQA,GAAS,OACjB,MAAOA,GAAS,KAAA,CACjB,CACH"}

package/dist/modifiers/font.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Font Modifier - SwiftUI-style font configuration
+ *
+ * Provides a unified interface for font configuration including
+ * font family, size, weight, and style in a single modifier.
+ */
+import type { FontAsset, FontWeightValue } from '../assets/FontAsset';
+import { TypographyModifier, type FontStyle, type FontWeight } from './typography';
+export interface FontOptions {
+    family?: string | FontAsset;
+    size?: number | string;
+    weight?: FontWeight | FontWeightValue;
+    style?: FontStyle;
+}
+/**
+ * SwiftUI-style font modifier for comprehensive font configuration
+ *
+ * @example
+ * ```typescript
+ * // System font with size
+ * Text("Hello").modifier.font({ size: 18 })
+ *
+ * // Custom font family
+ * Text("Hello").modifier.font({
+ *   family: 'Georgia, serif',
+ *   size: 24,
+ *   weight: 'bold'
+ * })
+ *
+ * // With FontAsset
+ * import { Assets } from '@tachui/core'
+ * Text("Hello").modifier.font({
+ *   family: Assets.headingFont,
+ *   size: 32,
+ *   weight: 700
+ * })
+ *
+ * // SwiftUI-style presets (future enhancement)
+ * Text("Title").modifier.font('.title')
+ * Text("Body").modifier.font('.body')
+ * ```
+ */
+export declare function font(options: FontOptions | string): TypographyModifier;
+/**
+ * Create a system font with specific design
+ *
+ * @example
+ * ```typescript
+ * Text("Hello").modifier.system({ size: 18, weight: 'medium', design: 'rounded' })
+ * ```
+ */
+export declare function system(options: {
+    size?: number | string;
+    weight?: FontWeight | FontWeightValue;
+    design?: 'default' | 'serif' | 'rounded' | 'monospaced';
+}): TypographyModifier;
+/**
+ * Create a custom font configuration
+ *
+ * @example
+ * ```typescript
+ * const myFont = custom('Avenir Next', { size: 18, weight: 500 })
+ * Text("Hello").modifier.apply(myFont)
+ * ```
+ */
+export declare function custom(family: string | FontAsset, options?: {
+    size?: number | string;
+    weight?: FontWeight | FontWeightValue;
+    style?: FontStyle;
+}): TypographyModifier;
+//# sourceMappingURL=font.d.ts.map

package/dist/modifiers/font.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"font.d.ts","sourceRoot":"","sources":["../../src/modifiers/font.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAA;AAElF,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,UAAU,GAAG,eAAe,CAAA;IACrC,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,IAAI,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,GAAG,kBAAkB,CAatE;AA+BD;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,OAAO,EAAE;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,UAAU,GAAG,eAAe,CAAA;IACrC,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,YAAY,CAAA;CACxD,GAAG,kBAAkB,CAsBrB;AAED;;;;;;;;GAQG;AACH,wBAAgB,MAAM,CACpB,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,OAAO,CAAC,EAAE;IACR,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,UAAU,GAAG,eAAe,CAAA;IACrC,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,GACA,kBAAkB,CAOpB"}

package/dist/modifiers/font.js

@@ -0,0 +1,60 @@
+import { TypographyModifier as t } from "./typography.js";
+function a(e) {
+  return typeof e == "string" ? n(e) : new t({
+    family: e.family,
+    size: e.size,
+    weight: e.weight,
+    style: e.style
+  });
+}
+function n(e) {
+  const i = {
+    ".largeTitle": { size: 34, weight: 400 },
+    ".title": { size: 28, weight: 400 },
+    ".title2": { size: 22, weight: 400 },
+    ".title3": { size: 20, weight: 400 },
+    ".headline": { size: 17, weight: 600 },
+    ".subheadline": { size: 15, weight: 400 },
+    ".body": { size: 17, weight: 400 },
+    ".callout": { size: 16, weight: 400 },
+    ".footnote": { size: 13, weight: 400 },
+    ".caption": { size: 12, weight: 400 },
+    ".caption2": { size: 11, weight: 400 }
+  }, s = i[e];
+  return s ? new t(s) : (console.warn(`Unknown font preset: ${e}. Using default body font.`), new t(i[".body"]));
+}
+function l(e) {
+  let i;
+  switch (e.design) {
+    case "serif":
+      i = "ui-serif, Georgia, serif";
+      break;
+    case "rounded":
+      i = "ui-rounded, system-ui, -apple-system, sans-serif";
+      break;
+    case "monospaced":
+      i = "ui-monospace, SFMono-Regular, Consolas, monospace";
+      break;
+    default:
+      i = "system-ui, -apple-system, BlinkMacSystemFont, sans-serif";
+  }
+  return new t({
+    family: i,
+    size: e.size,
+    weight: e.weight
+  });
+}
+function o(e, i) {
+  return new t({
+    family: e,
+    size: i?.size,
+    weight: i?.weight,
+    style: i?.style
+  });
+}
+export {
+  o as custom,
+  a as font,
+  l as system
+};
+//# sourceMappingURL=font.js.map

package/dist/modifiers/font.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"font.js","sources":["../../src/modifiers/font.ts"],"sourcesContent":["/**\n * Font Modifier - SwiftUI-style font configuration\n * \n * Provides a unified interface for font configuration including\n * font family, size, weight, and style in a single modifier.\n */\n\nimport type { FontAsset, FontWeightValue } from '../assets/FontAsset'\nimport { TypographyModifier, type FontStyle, type FontWeight } from './typography'\n\nexport interface FontOptions {\n  family?: string | FontAsset\n  size?: number | string\n  weight?: FontWeight | FontWeightValue\n  style?: FontStyle\n}\n\n/**\n * SwiftUI-style font modifier for comprehensive font configuration\n * \n * @example\n * ```typescript\n * // System font with size\n * Text(\"Hello\").modifier.font({ size: 18 })\n * \n * // Custom font family\n * Text(\"Hello\").modifier.font({ \n *   family: 'Georgia, serif',\n *   size: 24,\n *   weight: 'bold'\n * })\n * \n * // With FontAsset\n * import { Assets } from '@tachui/core'\n * Text(\"Hello\").modifier.font({\n *   family: Assets.headingFont,\n *   size: 32,\n *   weight: 700\n * })\n * \n * // SwiftUI-style presets (future enhancement)\n * Text(\"Title\").modifier.font('.title')\n * Text(\"Body\").modifier.font('.body')\n * ```\n */\nexport function font(options: FontOptions | string): TypographyModifier {\n  // Handle preset strings (future enhancement)\n  if (typeof options === 'string') {\n    return handleFontPreset(options)\n  }\n\n  // Convert FontOptions to TypographyOptions\n  return new TypographyModifier({\n    family: options.family,\n    size: options.size,\n    weight: options.weight,\n    style: options.style,\n  })\n}\n\n/**\n * Handle SwiftUI-style font presets\n * This is a placeholder for future enhancement\n */\nfunction handleFontPreset(preset: string): TypographyModifier {\n  // Map common SwiftUI presets\n  const presets: Record<string, FontOptions> = {\n    '.largeTitle': { size: 34, weight: 400 },\n    '.title': { size: 28, weight: 400 },\n    '.title2': { size: 22, weight: 400 },\n    '.title3': { size: 20, weight: 400 },\n    '.headline': { size: 17, weight: 600 },\n    '.subheadline': { size: 15, weight: 400 },\n    '.body': { size: 17, weight: 400 },\n    '.callout': { size: 16, weight: 400 },\n    '.footnote': { size: 13, weight: 400 },\n    '.caption': { size: 12, weight: 400 },\n    '.caption2': { size: 11, weight: 400 },\n  }\n\n  const presetOptions = presets[preset]\n  if (!presetOptions) {\n    console.warn(`Unknown font preset: ${preset}. Using default body font.`)\n    return new TypographyModifier(presets['.body'])\n  }\n\n  return new TypographyModifier(presetOptions)\n}\n\n/**\n * Create a system font with specific design\n * \n * @example\n * ```typescript\n * Text(\"Hello\").modifier.system({ size: 18, weight: 'medium', design: 'rounded' })\n * ```\n */\nexport function system(options: {\n  size?: number | string\n  weight?: FontWeight | FontWeightValue\n  design?: 'default' | 'serif' | 'rounded' | 'monospaced'\n}): TypographyModifier {\n  let family: string\n  \n  switch (options.design) {\n    case 'serif':\n      family = 'ui-serif, Georgia, serif'\n      break\n    case 'rounded':\n      family = 'ui-rounded, system-ui, -apple-system, sans-serif'\n      break\n    case 'monospaced':\n      family = 'ui-monospace, SFMono-Regular, Consolas, monospace'\n      break\n    default:\n      family = 'system-ui, -apple-system, BlinkMacSystemFont, sans-serif'\n  }\n\n  return new TypographyModifier({\n    family,\n    size: options.size,\n    weight: options.weight,\n  })\n}\n\n/**\n * Create a custom font configuration\n * \n * @example\n * ```typescript\n * const myFont = custom('Avenir Next', { size: 18, weight: 500 })\n * Text(\"Hello\").modifier.apply(myFont)\n * ```\n */\nexport function custom(\n  family: string | FontAsset,\n  options?: {\n    size?: number | string\n    weight?: FontWeight | FontWeightValue\n    style?: FontStyle\n  }\n): TypographyModifier {\n  return new TypographyModifier({\n    family,\n    size: options?.size,\n    weight: options?.weight,\n    style: options?.style,\n  })\n}"],"names":["font","options","handleFontPreset","TypographyModifier","preset","presets","presetOptions","system","family","custom"],"mappings":";AA6CO,SAASA,EAAKC,GAAmD;AAEtE,SAAI,OAAOA,KAAY,WACdC,EAAiBD,CAAO,IAI1B,IAAIE,EAAmB;AAAA,IAC5B,QAAQF,EAAQ;AAAA,IAChB,MAAMA,EAAQ;AAAA,IACd,QAAQA,EAAQ;AAAA,IAChB,OAAOA,EAAQ;AAAA,EAAA,CAChB;AACH;AAMA,SAASC,EAAiBE,GAAoC;AAE5D,QAAMC,IAAuC;AAAA,IAC3C,eAAe,EAAE,MAAM,IAAI,QAAQ,IAAA;AAAA,IACnC,UAAU,EAAE,MAAM,IAAI,QAAQ,IAAA;AAAA,IAC9B,WAAW,EAAE,MAAM,IAAI,QAAQ,IAAA;AAAA,IAC/B,WAAW,EAAE,MAAM,IAAI,QAAQ,IAAA;AAAA,IAC/B,aAAa,EAAE,MAAM,IAAI,QAAQ,IAAA;AAAA,IACjC,gBAAgB,EAAE,MAAM,IAAI,QAAQ,IAAA;AAAA,IACpC,SAAS,EAAE,MAAM,IAAI,QAAQ,IAAA;AAAA,IAC7B,YAAY,EAAE,MAAM,IAAI,QAAQ,IAAA;AAAA,IAChC,aAAa,EAAE,MAAM,IAAI,QAAQ,IAAA;AAAA,IACjC,YAAY,EAAE,MAAM,IAAI,QAAQ,IAAA;AAAA,IAChC,aAAa,EAAE,MAAM,IAAI,QAAQ,IAAA;AAAA,EAAI,GAGjCC,IAAgBD,EAAQD,CAAM;AACpC,SAAKE,IAKE,IAAIH,EAAmBG,CAAa,KAJzC,QAAQ,KAAK,wBAAwBF,CAAM,4BAA4B,GAChE,IAAID,EAAmBE,EAAQ,OAAO,CAAC;AAIlD;AAUO,SAASE,EAAON,GAIA;AACrB,MAAIO;AAEJ,UAAQP,EAAQ,QAAA;AAAA,IACd,KAAK;AACH,MAAAO,IAAS;AACT;AAAA,IACF,KAAK;AACH,MAAAA,IAAS;AACT;AAAA,IACF,KAAK;AACH,MAAAA,IAAS;AACT;AAAA,IACF;AACE,MAAAA,IAAS;AAAA,EAAA;AAGb,SAAO,IAAIL,EAAmB;AAAA,IAC5B,QAAAK;AAAA,IACA,MAAMP,EAAQ;AAAA,IACd,QAAQA,EAAQ;AAAA,EAAA,CACjB;AACH;AAWO,SAASQ,EACdD,GACAP,GAKoB;AACpB,SAAO,IAAIE,EAAmB;AAAA,IAC5B,QAAAK;AAAA,IACA,MAAMP,GAAS;AAAA,IACf,QAAQA,GAAS;AAAA,IACjB,OAAOA,GAAS;AAAA,EAAA,CACjB;AACH;"}

package/dist/modifiers/grid.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./base.cjs");var w=Object.defineProperty,M=(t,e,i)=>e in t?w(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,l=(t,e,i)=>M(t,typeof e!="symbol"?e+"":e,i);class g extends d.BaseModifier{constructor(e,i){super({span:e,start:i}),l(this,"type","grid-column-span"),l(this,"priority",200)}apply(e,i){const r=i.element||e.element;if(!r)return;const{span:n,start:o}=this.properties;o!==void 0?r.style.gridColumn=`${o} / span ${n}`:r.style.gridColumn=`span ${n}`}}class c extends d.BaseModifier{constructor(e,i){super({span:e,start:i}),l(this,"type","grid-row-span"),l(this,"priority",200)}apply(e,i){const r=i.element||e.element;if(!r)return;const{span:n,start:o}=this.properties;o!==void 0?r.style.gridRow=`${o} / span ${n}`:r.style.gridRow=`span ${n}`}}class m extends d.BaseModifier{constructor(e){super({area:e}),l(this,"type","grid-area"),l(this,"priority",200)}apply(e,i){const r=i.element||e.element;r&&(r.style.gridArea=this.properties.area)}}class y extends d.BaseModifier{constructor(e,i){const r={};(i==="horizontal"||i==="both"||i===void 0)&&(r.justifySelf=e),(i==="vertical"||i==="both"||i===void 0)&&(r.alignSelf=e),super(r),l(this,"type","grid-cell-alignment"),l(this,"priority",200)}apply(e,i){const r=i.element||e.element;if(!r)return;const{justifySelf:n,alignSelf:o}=this.properties;n&&(r.style.justifySelf=n),o&&(r.style.alignSelf=o)}}class S extends d.BaseModifier{constructor(){super(...arguments),l(this,"type","grid-item-config"),l(this,"priority",200)}apply(e,i){const r=i.element||e.element;if(!r)return;const{columnSpan:n,rowSpan:o,columnStart:a,rowStart:f,area:u,alignment:p}=this.properties,s=r.style;n!==void 0?a!==void 0?s.gridColumn=`${a} / span ${n}`:s.gridColumn=`span ${n}`:a!==void 0&&(s.gridColumnStart=a.toString()),o!==void 0?f!==void 0?s.gridRow=`${f} / span ${o}`:s.gridRow=`span ${o}`:f!==void 0&&(s.gridRowStart=f.toString()),u&&(s.gridArea=u),p&&(s.justifySelf=p,s.alignSelf=p)}}function C(t,e){return new g(t,e)}function v(t,e){return new c(t,e)}function A(t){return new m(t)}function h(t,e){return new y(t,e)}function $(t){return new S(t)}const R=C,G=v,b=h;exports.GridAreaModifier=m;exports.GridCellAlignmentModifier=y;exports.GridColumnSpanModifier=g;exports.GridItemConfigModifier=S;exports.GridRowSpanModifier=c;exports.gridArea=A;exports.gridCellAlignment=h;exports.gridCellAnchor=b;exports.gridCellColumns=R;exports.gridCellRows=G;exports.gridColumnSpan=C;exports.gridItemConfig=$;exports.gridRowSpan=v;
+//# sourceMappingURL=grid.cjs.map

package/dist/modifiers/grid.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.cjs","sources":["../../src/modifiers/grid.ts"],"sourcesContent":["/**\n * Grid Layout Modifiers (Phase 3)\n * \n * SwiftUI-equivalent grid modifiers for spanning, positioning, and alignment.\n * Provides comprehensive grid item control with CSS Grid integration.\n */\n\nimport { BaseModifier } from './base'\nimport type { ModifierContext } from './types'\nimport type { DOMNode } from '../runtime/types'\nimport type { GridSpanConfig } from '../components/Grid'\n\n/**\n * Grid column span modifier (equivalent to SwiftUI's gridCellColumns)\n */\nexport class GridColumnSpanModifier extends BaseModifier<{ span: number; start?: number }> {\n  readonly type = 'grid-column-span'\n  readonly priority = 200\n\n  constructor(span: number, start?: number) {\n    super({ span, start })\n  }\n\n  apply(node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    const element = context.element || node.element\n    if (!element) {\n      return undefined\n    }\n\n    const { span, start } = this.properties\n    \n    if (start !== undefined) {\n      (element as any).style.gridColumn = `${start} / span ${span}`\n    } else {\n      (element as any).style.gridColumn = `span ${span}`\n    }\n\n    return undefined\n  }\n}\n\n/**\n * Grid row span modifier (equivalent to SwiftUI's gridCellRows)\n */\nexport class GridRowSpanModifier extends BaseModifier<{ span: number; start?: number }> {\n  readonly type = 'grid-row-span'\n  readonly priority = 200\n\n  constructor(span: number, start?: number) {\n    super({ span, start })\n  }\n\n  apply(node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    const element = context.element || node.element\n    if (!element) {\n      return undefined\n    }\n\n    const { span, start } = this.properties\n    \n    if (start !== undefined) {\n      (element as any).style.gridRow = `${start} / span ${span}`\n    } else {\n      (element as any).style.gridRow = `span ${span}`\n    }\n\n    return undefined\n  }\n}\n\n/**\n * Grid area modifier for named grid areas\n */\nexport class GridAreaModifier extends BaseModifier<{ area: string }> {\n  readonly type = 'grid-area'\n  readonly priority = 200\n\n  constructor(area: string) {\n    super({ area })\n  }\n\n  apply(node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    const element = context.element || node.element\n    if (!element) {\n      return undefined\n    }\n\n    (element as any).style.gridArea = this.properties.area\n\n    return undefined\n  }\n}\n\n/**\n * Grid cell alignment modifier (equivalent to SwiftUI's gridCellAnchor)\n */\nexport class GridCellAlignmentModifier extends BaseModifier<{ \n  justifySelf?: 'start' | 'center' | 'end' | 'stretch'\n  alignSelf?: 'start' | 'center' | 'end' | 'stretch' \n}> {\n  readonly type = 'grid-cell-alignment'\n  readonly priority = 200\n\n  constructor(alignment: 'start' | 'center' | 'end' | 'stretch', axis?: 'horizontal' | 'vertical' | 'both') {\n    const config: { \n      justifySelf?: 'start' | 'center' | 'end' | 'stretch'\n      alignSelf?: 'start' | 'center' | 'end' | 'stretch'\n    } = {}\n    \n    if (axis === 'horizontal' || axis === 'both' || axis === undefined) {\n      config.justifySelf = alignment\n    }\n    if (axis === 'vertical' || axis === 'both' || axis === undefined) {\n      config.alignSelf = alignment\n    }\n    \n    super(config)\n  }\n\n  apply(node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    const element = context.element || node.element\n    if (!element) {\n      return undefined\n    }\n\n    const { justifySelf, alignSelf } = this.properties\n    \n    if (justifySelf) {\n      (element as any).style.justifySelf = justifySelf\n    }\n    if (alignSelf) {\n      (element as any).style.alignSelf = alignSelf\n    }\n\n    return undefined\n  }\n}\n\n/**\n * Comprehensive grid item configuration modifier\n */\nexport class GridItemConfigModifier extends BaseModifier<GridSpanConfig> {\n  readonly type = 'grid-item-config'\n  readonly priority = 200\n\n\n  apply(node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    const element = context.element || node.element\n    if (!element) {\n      return undefined\n    }\n\n    const { columnSpan, rowSpan, columnStart, rowStart, area, alignment } = this.properties\n    const elementStyle = (element as any).style\n\n    // Apply column spanning\n    if (columnSpan !== undefined) {\n      if (columnStart !== undefined) {\n        elementStyle.gridColumn = `${columnStart} / span ${columnSpan}`\n      } else {\n        elementStyle.gridColumn = `span ${columnSpan}`\n      }\n    } else if (columnStart !== undefined) {\n      elementStyle.gridColumnStart = columnStart.toString()\n    }\n\n    // Apply row spanning\n    if (rowSpan !== undefined) {\n      if (rowStart !== undefined) {\n        elementStyle.gridRow = `${rowStart} / span ${rowSpan}`\n      } else {\n        elementStyle.gridRow = `span ${rowSpan}`\n      }\n    } else if (rowStart !== undefined) {\n      elementStyle.gridRowStart = rowStart.toString()\n    }\n\n    // Apply grid area\n    if (area) {\n      elementStyle.gridArea = area\n    }\n\n    // Apply alignment\n    if (alignment) {\n      elementStyle.justifySelf = alignment\n      elementStyle.alignSelf = alignment\n    }\n\n    return undefined\n  }\n}\n\n/**\n * SwiftUI-style modifier factory functions\n */\n\n/**\n * Span multiple columns (.gridCellColumns equivalent)\n */\nexport function gridColumnSpan(span: number, start?: number): GridColumnSpanModifier {\n  return new GridColumnSpanModifier(span, start)\n}\n\n/**\n * Span multiple rows (.gridCellRows equivalent)\n */\nexport function gridRowSpan(span: number, start?: number): GridRowSpanModifier {\n  return new GridRowSpanModifier(span, start)\n}\n\n/**\n * Place item in named grid area\n */\nexport function gridArea(area: string): GridAreaModifier {\n  return new GridAreaModifier(area)\n}\n\n/**\n * Align grid item within its cell (.gridCellAnchor equivalent)\n */\nexport function gridCellAlignment(\n  alignment: 'start' | 'center' | 'end' | 'stretch',\n  axis?: 'horizontal' | 'vertical' | 'both'\n): GridCellAlignmentModifier {\n  return new GridCellAlignmentModifier(alignment, axis)\n}\n\n/**\n * Comprehensive grid item configuration\n */\nexport function gridItemConfig(config: GridSpanConfig): GridItemConfigModifier {\n  return new GridItemConfigModifier(config)\n}\n\n// SwiftUI naming compatibility aliases\nexport const gridCellColumns = gridColumnSpan\nexport const gridCellRows = gridRowSpan\nexport const gridCellAnchor = gridCellAlignment"],"names":["GridColumnSpanModifier","BaseModifier","span","start","__publicField","node","context","element","GridRowSpanModifier","GridAreaModifier","area","GridCellAlignmentModifier","alignment","axis","config","justifySelf","alignSelf","GridItemConfigModifier","columnSpan","rowSpan","columnStart","rowStart","elementStyle","gridColumnSpan","gridRowSpan","gridArea","gridCellAlignment","gridItemConfig","gridCellColumns","gridCellRows","gridCellAnchor"],"mappings":"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"}

package/dist/modifiers/grid.d.ts

@@ -0,0 +1,92 @@
+/**
+ * Grid Layout Modifiers (Phase 3)
+ *
+ * SwiftUI-equivalent grid modifiers for spanning, positioning, and alignment.
+ * Provides comprehensive grid item control with CSS Grid integration.
+ */
+import { BaseModifier } from './base';
+import type { ModifierContext } from './types';
+import type { DOMNode } from '../runtime/types';
+import type { GridSpanConfig } from '../components/Grid';
+/**
+ * Grid column span modifier (equivalent to SwiftUI's gridCellColumns)
+ */
+export declare class GridColumnSpanModifier extends BaseModifier<{
+    span: number;
+    start?: number;
+}> {
+    readonly type = "grid-column-span";
+    readonly priority = 200;
+    constructor(span: number, start?: number);
+    apply(node: DOMNode, context: ModifierContext): DOMNode | undefined;
+}
+/**
+ * Grid row span modifier (equivalent to SwiftUI's gridCellRows)
+ */
+export declare class GridRowSpanModifier extends BaseModifier<{
+    span: number;
+    start?: number;
+}> {
+    readonly type = "grid-row-span";
+    readonly priority = 200;
+    constructor(span: number, start?: number);
+    apply(node: DOMNode, context: ModifierContext): DOMNode | undefined;
+}
+/**
+ * Grid area modifier for named grid areas
+ */
+export declare class GridAreaModifier extends BaseModifier<{
+    area: string;
+}> {
+    readonly type = "grid-area";
+    readonly priority = 200;
+    constructor(area: string);
+    apply(node: DOMNode, context: ModifierContext): DOMNode | undefined;
+}
+/**
+ * Grid cell alignment modifier (equivalent to SwiftUI's gridCellAnchor)
+ */
+export declare class GridCellAlignmentModifier extends BaseModifier<{
+    justifySelf?: 'start' | 'center' | 'end' | 'stretch';
+    alignSelf?: 'start' | 'center' | 'end' | 'stretch';
+}> {
+    readonly type = "grid-cell-alignment";
+    readonly priority = 200;
+    constructor(alignment: 'start' | 'center' | 'end' | 'stretch', axis?: 'horizontal' | 'vertical' | 'both');
+    apply(node: DOMNode, context: ModifierContext): DOMNode | undefined;
+}
+/**
+ * Comprehensive grid item configuration modifier
+ */
+export declare class GridItemConfigModifier extends BaseModifier<GridSpanConfig> {
+    readonly type = "grid-item-config";
+    readonly priority = 200;
+    apply(node: DOMNode, context: ModifierContext): DOMNode | undefined;
+}
+/**
+ * SwiftUI-style modifier factory functions
+ */
+/**
+ * Span multiple columns (.gridCellColumns equivalent)
+ */
+export declare function gridColumnSpan(span: number, start?: number): GridColumnSpanModifier;
+/**
+ * Span multiple rows (.gridCellRows equivalent)
+ */
+export declare function gridRowSpan(span: number, start?: number): GridRowSpanModifier;
+/**
+ * Place item in named grid area
+ */
+export declare function gridArea(area: string): GridAreaModifier;
+/**
+ * Align grid item within its cell (.gridCellAnchor equivalent)
+ */
+export declare function gridCellAlignment(alignment: 'start' | 'center' | 'end' | 'stretch', axis?: 'horizontal' | 'vertical' | 'both'): GridCellAlignmentModifier;
+/**
+ * Comprehensive grid item configuration
+ */
+export declare function gridItemConfig(config: GridSpanConfig): GridItemConfigModifier;
+export declare const gridCellColumns: typeof gridColumnSpan;
+export declare const gridCellRows: typeof gridRowSpan;
+export declare const gridCellAnchor: typeof gridCellAlignment;
+//# sourceMappingURL=grid.d.ts.map

package/dist/modifiers/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/modifiers/grid.ts"],"names":[],"mappings":"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"}

package/dist/modifiers/grid.js

@@ -0,0 +1,92 @@
+import { BaseModifier as d } from "./base.js";
+var c = Object.defineProperty, g = (i, e, t) => e in i ? c(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, s = (i, e, t) => g(i, typeof e != "symbol" ? e + "" : e, t);
+class m extends d {
+  constructor(e, t) {
+    super({ span: e, start: t }), s(this, "type", "grid-column-span"), s(this, "priority", 200);
+  }
+  apply(e, t) {
+    const r = t.element || e.element;
+    if (!r)
+      return;
+    const { span: n, start: o } = this.properties;
+    o !== void 0 ? r.style.gridColumn = `${o} / span ${n}` : r.style.gridColumn = `span ${n}`;
+  }
+}
+class y extends d {
+  constructor(e, t) {
+    super({ span: e, start: t }), s(this, "type", "grid-row-span"), s(this, "priority", 200);
+  }
+  apply(e, t) {
+    const r = t.element || e.element;
+    if (!r)
+      return;
+    const { span: n, start: o } = this.properties;
+    o !== void 0 ? r.style.gridRow = `${o} / span ${n}` : r.style.gridRow = `span ${n}`;
+  }
+}
+class v extends d {
+  constructor(e) {
+    super({ area: e }), s(this, "type", "grid-area"), s(this, "priority", 200);
+  }
+  apply(e, t) {
+    const r = t.element || e.element;
+    r && (r.style.gridArea = this.properties.area);
+  }
+}
+class S extends d {
+  constructor(e, t) {
+    const r = {};
+    (t === "horizontal" || t === "both" || t === void 0) && (r.justifySelf = e), (t === "vertical" || t === "both" || t === void 0) && (r.alignSelf = e), super(r), s(this, "type", "grid-cell-alignment"), s(this, "priority", 200);
+  }
+  apply(e, t) {
+    const r = t.element || e.element;
+    if (!r)
+      return;
+    const { justifySelf: n, alignSelf: o } = this.properties;
+    n && (r.style.justifySelf = n), o && (r.style.alignSelf = o);
+  }
+}
+class h extends d {
+  constructor() {
+    super(...arguments), s(this, "type", "grid-item-config"), s(this, "priority", 200);
+  }
+  apply(e, t) {
+    const r = t.element || e.element;
+    if (!r)
+      return;
+    const { columnSpan: n, rowSpan: o, columnStart: p, rowStart: a, area: u, alignment: f } = this.properties, l = r.style;
+    n !== void 0 ? p !== void 0 ? l.gridColumn = `${p} / span ${n}` : l.gridColumn = `span ${n}` : p !== void 0 && (l.gridColumnStart = p.toString()), o !== void 0 ? a !== void 0 ? l.gridRow = `${a} / span ${o}` : l.gridRow = `span ${o}` : a !== void 0 && (l.gridRowStart = a.toString()), u && (l.gridArea = u), f && (l.justifySelf = f, l.alignSelf = f);
+  }
+}
+function w(i, e) {
+  return new m(i, e);
+}
+function C(i, e) {
+  return new y(i, e);
+}
+function A(i) {
+  return new v(i);
+}
+function $(i, e) {
+  return new S(i, e);
+}
+function b(i) {
+  return new h(i);
+}
+const M = w, _ = C, G = $;
+export {
+  v as GridAreaModifier,
+  S as GridCellAlignmentModifier,
+  m as GridColumnSpanModifier,
+  h as GridItemConfigModifier,
+  y as GridRowSpanModifier,
+  A as gridArea,
+  $ as gridCellAlignment,
+  G as gridCellAnchor,
+  M as gridCellColumns,
+  _ as gridCellRows,
+  w as gridColumnSpan,
+  b as gridItemConfig,
+  C as gridRowSpan
+};
+//# sourceMappingURL=grid.js.map

package/dist/modifiers/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sources":["../../src/modifiers/grid.ts"],"sourcesContent":["/**\n * Grid Layout Modifiers (Phase 3)\n * \n * SwiftUI-equivalent grid modifiers for spanning, positioning, and alignment.\n * Provides comprehensive grid item control with CSS Grid integration.\n */\n\nimport { BaseModifier } from './base'\nimport type { ModifierContext } from './types'\nimport type { DOMNode } from '../runtime/types'\nimport type { GridSpanConfig } from '../components/Grid'\n\n/**\n * Grid column span modifier (equivalent to SwiftUI's gridCellColumns)\n */\nexport class GridColumnSpanModifier extends BaseModifier<{ span: number; start?: number }> {\n  readonly type = 'grid-column-span'\n  readonly priority = 200\n\n  constructor(span: number, start?: number) {\n    super({ span, start })\n  }\n\n  apply(node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    const element = context.element || node.element\n    if (!element) {\n      return undefined\n    }\n\n    const { span, start } = this.properties\n    \n    if (start !== undefined) {\n      (element as any).style.gridColumn = `${start} / span ${span}`\n    } else {\n      (element as any).style.gridColumn = `span ${span}`\n    }\n\n    return undefined\n  }\n}\n\n/**\n * Grid row span modifier (equivalent to SwiftUI's gridCellRows)\n */\nexport class GridRowSpanModifier extends BaseModifier<{ span: number; start?: number }> {\n  readonly type = 'grid-row-span'\n  readonly priority = 200\n\n  constructor(span: number, start?: number) {\n    super({ span, start })\n  }\n\n  apply(node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    const element = context.element || node.element\n    if (!element) {\n      return undefined\n    }\n\n    const { span, start } = this.properties\n    \n    if (start !== undefined) {\n      (element as any).style.gridRow = `${start} / span ${span}`\n    } else {\n      (element as any).style.gridRow = `span ${span}`\n    }\n\n    return undefined\n  }\n}\n\n/**\n * Grid area modifier for named grid areas\n */\nexport class GridAreaModifier extends BaseModifier<{ area: string }> {\n  readonly type = 'grid-area'\n  readonly priority = 200\n\n  constructor(area: string) {\n    super({ area })\n  }\n\n  apply(node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    const element = context.element || node.element\n    if (!element) {\n      return undefined\n    }\n\n    (element as any).style.gridArea = this.properties.area\n\n    return undefined\n  }\n}\n\n/**\n * Grid cell alignment modifier (equivalent to SwiftUI's gridCellAnchor)\n */\nexport class GridCellAlignmentModifier extends BaseModifier<{ \n  justifySelf?: 'start' | 'center' | 'end' | 'stretch'\n  alignSelf?: 'start' | 'center' | 'end' | 'stretch' \n}> {\n  readonly type = 'grid-cell-alignment'\n  readonly priority = 200\n\n  constructor(alignment: 'start' | 'center' | 'end' | 'stretch', axis?: 'horizontal' | 'vertical' | 'both') {\n    const config: { \n      justifySelf?: 'start' | 'center' | 'end' | 'stretch'\n      alignSelf?: 'start' | 'center' | 'end' | 'stretch'\n    } = {}\n    \n    if (axis === 'horizontal' || axis === 'both' || axis === undefined) {\n      config.justifySelf = alignment\n    }\n    if (axis === 'vertical' || axis === 'both' || axis === undefined) {\n      config.alignSelf = alignment\n    }\n    \n    super(config)\n  }\n\n  apply(node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    const element = context.element || node.element\n    if (!element) {\n      return undefined\n    }\n\n    const { justifySelf, alignSelf } = this.properties\n    \n    if (justifySelf) {\n      (element as any).style.justifySelf = justifySelf\n    }\n    if (alignSelf) {\n      (element as any).style.alignSelf = alignSelf\n    }\n\n    return undefined\n  }\n}\n\n/**\n * Comprehensive grid item configuration modifier\n */\nexport class GridItemConfigModifier extends BaseModifier<GridSpanConfig> {\n  readonly type = 'grid-item-config'\n  readonly priority = 200\n\n\n  apply(node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    const element = context.element || node.element\n    if (!element) {\n      return undefined\n    }\n\n    const { columnSpan, rowSpan, columnStart, rowStart, area, alignment } = this.properties\n    const elementStyle = (element as any).style\n\n    // Apply column spanning\n    if (columnSpan !== undefined) {\n      if (columnStart !== undefined) {\n        elementStyle.gridColumn = `${columnStart} / span ${columnSpan}`\n      } else {\n        elementStyle.gridColumn = `span ${columnSpan}`\n      }\n    } else if (columnStart !== undefined) {\n      elementStyle.gridColumnStart = columnStart.toString()\n    }\n\n    // Apply row spanning\n    if (rowSpan !== undefined) {\n      if (rowStart !== undefined) {\n        elementStyle.gridRow = `${rowStart} / span ${rowSpan}`\n      } else {\n        elementStyle.gridRow = `span ${rowSpan}`\n      }\n    } else if (rowStart !== undefined) {\n      elementStyle.gridRowStart = rowStart.toString()\n    }\n\n    // Apply grid area\n    if (area) {\n      elementStyle.gridArea = area\n    }\n\n    // Apply alignment\n    if (alignment) {\n      elementStyle.justifySelf = alignment\n      elementStyle.alignSelf = alignment\n    }\n\n    return undefined\n  }\n}\n\n/**\n * SwiftUI-style modifier factory functions\n */\n\n/**\n * Span multiple columns (.gridCellColumns equivalent)\n */\nexport function gridColumnSpan(span: number, start?: number): GridColumnSpanModifier {\n  return new GridColumnSpanModifier(span, start)\n}\n\n/**\n * Span multiple rows (.gridCellRows equivalent)\n */\nexport function gridRowSpan(span: number, start?: number): GridRowSpanModifier {\n  return new GridRowSpanModifier(span, start)\n}\n\n/**\n * Place item in named grid area\n */\nexport function gridArea(area: string): GridAreaModifier {\n  return new GridAreaModifier(area)\n}\n\n/**\n * Align grid item within its cell (.gridCellAnchor equivalent)\n */\nexport function gridCellAlignment(\n  alignment: 'start' | 'center' | 'end' | 'stretch',\n  axis?: 'horizontal' | 'vertical' | 'both'\n): GridCellAlignmentModifier {\n  return new GridCellAlignmentModifier(alignment, axis)\n}\n\n/**\n * Comprehensive grid item configuration\n */\nexport function gridItemConfig(config: GridSpanConfig): GridItemConfigModifier {\n  return new GridItemConfigModifier(config)\n}\n\n// SwiftUI naming compatibility aliases\nexport const gridCellColumns = gridColumnSpan\nexport const gridCellRows = gridRowSpan\nexport const gridCellAnchor = gridCellAlignment"],"names":["GridColumnSpanModifier","BaseModifier","span","start","__publicField","node","context","element","GridRowSpanModifier","GridAreaModifier","area","GridCellAlignmentModifier","alignment","axis","config","justifySelf","alignSelf","GridItemConfigModifier","columnSpan","rowSpan","columnStart","rowStart","elementStyle","gridColumnSpan","gridRowSpan","gridArea","gridCellAlignment","gridItemConfig","gridCellColumns","gridCellRows","gridCellAnchor"],"mappings":"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"}

package/dist/modifiers/index.d.ts

@@ -0,0 +1,58 @@
+/**
+ * SwiftUI Modifier System
+ *
+ * A comprehensive modifier system inspired by SwiftUI that enables
+ * declarative styling and behavior modification of components.
+ */
+export { AnimationModifier, AppearanceModifier, BaseModifier, InteractionModifier, LayoutModifier, ResizableModifier, } from './base';
+export { BackgroundModifier } from './background';
+export type { BorderOptions, BorderSide, BorderStyle, ReactiveBorderOptions, CornerRadiusValue, CornerRadiusConfig, CornerRadiusOptions, ReactiveCornerRadiusOptions } from './border';
+export { BorderModifier, CornerRadiusModifier, border, borderTop, borderRight, borderBottom, borderLeft, borderLeading, borderTrailing, borderHorizontal, borderVertical, cornerRadius, } from './border';
+export { applyModifiers, createModifierBuilder, ModifierBuilderImpl, modifierUtils, } from './builder';
+export { animationModifiers, appearanceModifiers, coreModifiers, interactionModifiers, layoutModifiers, presetModifiers, } from './core';
+export type { CSSOptions, ReactiveCSSOptions } from './css';
+export { CSSModifier, css, cssProperty, cssVariable, cssVendor, } from './css';
+export type { FlexboxOptions, ReactiveFlexboxOptions } from './flexbox';
+export { alignItems, FlexboxModifier, flexbox, flexGrow, flexShrink, gap, justifyContent, } from './flexbox';
+export type { MarginOptions, ReactiveMarginOptions } from './margin';
+export { MarginModifier, margin, marginBottom, marginHorizontal, marginTop, marginVertical, } from './margin';
+export type { PaddingOptions, ReactivePaddingOptions } from './padding';
+export { PaddingModifier, padding, paddingBottom, paddingHorizontal, paddingLeading, paddingLeft, paddingPresets, paddingRight, paddingTop, paddingTrailing, paddingVertical, } from './padding';
+export { applyModifiersToNode, createModifiableComponent, createModifierRegistry, globalModifierRegistry, } from './registry';
+export type { ReactiveSizeOptions, SizeOptions } from './size';
+export { height, maxHeight, maxWidth, minHeight, minWidth, SizeModifier, size, width, } from './size';
+export type { AnimationModifierProps, AppearanceModifierProps, AssetValue, ColorValue, CSSClassNames, CSSStyleProperties, InteractionModifierProps, LayoutModifierProps, ModifiableComponent, Modifier, ModifierApplicationOptions, ModifierBuilder, ModifierContext, ModifierRegistry, ModifierResult, ReactiveModifierProps, StyleComputationContext, } from './types';
+export { ModifierPriority } from './types';
+export type { FontWeight, ReactiveTypographyOptions, TextAlign, TextTransform, TypographyOptions, } from './typography';
+export { fontSize, fontWeight, letterSpacing, lineHeight, TypographyModifier, textAlign, textCase, textTransform, typography, fontFamily, } from './typography';
+export type { FontOptions } from './font';
+export { font, system, custom } from './font';
+export type { ReactiveUtilityOptions, UtilityOptions } from './utility';
+export { display, overflowX, overflowY, position, UtilityModifier, utility, zIndex, } from './utility';
+export * from './responsive';
+export type { ShadowConfig, ShadowPreset, ShadowOptions, ReactiveShadowOptions, } from './shadows';
+export { ShadowModifier, shadow, shadows, textShadow, shadowPreset, createShadowPreset, getShadowPresets, getShadowPreset, } from './shadows';
+export type { ScrollConfig, OverscrollBehaviorValue, ScrollOptions, ReactiveScrollOptions, } from './scroll';
+export { ScrollModifier, scroll, scrollBehavior, overscrollBehavior, overscrollBehaviorX, overscrollBehaviorY, scrollMargin, scrollPadding, scrollSnap, } from './scroll';
+export type { CSSCursorValue, CursorOptions, ReactiveCursorOptions, SwiftUIHoverEffect, HoverStyles, HoverOptions, ReactiveHoverOptions, } from './effects';
+export { CursorModifier, HoverModifier, cursor, hoverEffect, hover, hoverWithTransition, conditionalHover, interactiveCursor, draggableCursor, textCursor, disabledCursor, loadingCursor, helpCursor, zoomCursor, buttonHover, cardHover, linkHover, imageHover, } from './effects';
+export type { TransformConfig, Transform3DConfig, ModifierTransformOptions, ReactiveTransformOptions, MatrixTransformConfig, Advanced3DTransformConfig, ModifierAdvancedTransformOptions, ReactiveAdvancedTransformOptions, } from './transformations';
+export { TransformModifier, AdvancedTransformModifier, transform, scale, rotate, translate, skew, rotateX, rotateY, rotateZ, perspective, advancedTransform, matrix, matrix3d, rotate3d, scale3d, translate3d, scaleX, scaleY, scaleZ, translateX, translateY, translateZ, perspectiveOrigin, transformStyle, backfaceVisibility, scaleEffect, offset, } from './transformations';
+export type { TransitionConfig, TransitionsConfig, ModifierTransitionOptions, ReactiveTransitionOptions, } from './transitions';
+export { TransitionModifier, transition, transitions, fadeTransition, transformTransition, colorTransition, layoutTransition, buttonTransition, cardTransition, modalTransition, smoothTransition, quickTransition, slowTransition, } from './transitions';
+export type { FilterConfig, FilterOptions, ReactiveFilterOptions, } from './filters';
+export { FilterModifier, filter, blur, brightness, contrast, saturate, grayscale, sepia, hueRotate, invert, dropShadow, vintagePhoto, blackAndWhite, vibrant, warmTone, coolTone, faded, highKey, lowKey, softFocus, highContrastMode, subtleBlur, darkModeInvert, colorInvert, saturation, hueRotation, } from './filters';
+export type { PseudoElementStyles, PseudoElementOptions, ReactivePseudoElementOptions, } from './elements';
+export { PseudoElementModifier, before, after, pseudoElements, iconBefore, iconAfter, lineBefore, lineAfter, quotes, underline, badge, tooltip, cornerRibbon, spinner, } from './elements';
+export type { IdOptions, DataAttributes, DataOptions, AriaAttributes, AriaOptions, TabIndexOptions, CSSCustomPropertiesConfig, CustomPropertiesOptions, ReactiveCustomPropertiesOptions, } from './attributes';
+export { IdModifier, DataModifier, AriaModifier, TabIndexModifier, CustomPropertiesModifier, id, data, aria, tabIndex, customProperties, customProperty, cssVariables, themeColors, designTokens, } from './attributes';
+export type { LineClampOptions, WordBreakValue, WordBreakOptions, OverflowWrapValue, OverflowWrapOptions, HyphensValue, HyphensOptions, BackgroundClipOptions, ReactiveBackgroundClipOptions, } from './text';
+export { LineClampModifier, WordBreakModifier, OverflowWrapModifier, HyphensModifier, BackgroundClipModifier, lineClamp, wordBreak, overflowWrap, hyphens, backgroundClip, gradientText, backgroundImage, blueGradientText, rainbowGradientText, sunsetGradientText, oceanGradientText, natureGradientText, goldGradientText, silverGradientText, } from './text';
+export type { BackdropFilterConfig, BackdropFilterOptions, GlassmorphismIntensity, } from './backdrop';
+export { BackdropFilterModifier, backdropFilter, glassmorphism, customGlassmorphism, } from './backdrop';
+export type { GridSpanConfig, } from '../components/Grid';
+export { GridColumnSpanModifier, GridRowSpanModifier, GridAreaModifier, GridCellAlignmentModifier, GridItemConfigModifier, gridColumnSpan, gridRowSpan, gridArea, gridCellAlignment, gridItemConfig, gridCellColumns, gridCellRows, gridCellAnchor, } from './grid';
+export type { AsHTMLOptions, TextComponent } from './as-html';
+export { AsHTMLModifier, asHTML } from './as-html';
+export { classModifier, combineModifiers, conditionalModifier, createCustomModifier, eventModifier, modifierHelpers, responsiveModifier, stateModifier, styleModifier, } from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/modifiers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modifiers/index.ts"],"names":[],"mappings":"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"}

package/dist/modifiers/margin.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./base.cjs");var g=Object.defineProperty,f=(i,t,n)=>t in i?g(i,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[t]=n,o=(i,t,n)=>f(i,typeof t!="symbol"?t+"":t,n);function a(i){return typeof i=="number"?`${i}px`:i}class e extends m.BaseModifier{constructor(t){super(t),o(this,"type","margin"),o(this,"priority",50)}apply(t,n){if(!n.element)return;const r=this.computeMarginStyles(this.properties);this.applyStyles(n.element,r)}computeMarginStyles(t){const n={};if("all"in t&&t.all!==void 0)n.margin=a(t.all);else{if("vertical"in t&&t.vertical!==void 0){const r=a(t.vertical);n.marginTop=r,n.marginBottom=r}if("horizontal"in t&&t.horizontal!==void 0){const r=a(t.horizontal);n.marginLeft=r,n.marginRight=r}"top"in t&&t.top!==void 0&&(n.marginTop=a(t.top)),"right"in t&&t.right!==void 0&&(n.marginRight=a(t.right)),"bottom"in t&&t.bottom!==void 0&&(n.marginBottom=a(t.bottom)),"left"in t&&t.left!==void 0&&(n.marginLeft=a(t.left))}return n}}function l(i){return typeof i=="number"||typeof i=="string"?new e({all:i}):new e(i)}function u(i){return new e({top:i})}function c(i){return new e({bottom:i})}function d(i){return new e({horizontal:i})}function h(i){return new e({vertical:i})}function v(i){return new e({left:i})}function b(i){return new e({right:i})}exports.MarginModifier=e;exports.margin=l;exports.marginBottom=c;exports.marginHorizontal=d;exports.marginLeft=v;exports.marginRight=b;exports.marginTop=u;exports.marginVertical=h;
+//# sourceMappingURL=margin.cjs.map

package/dist/modifiers/margin.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"margin.cjs","sources":["../../src/modifiers/margin.ts"],"sourcesContent":["/**\n * Margin Modifier - spacing around elements\n *\n * Provides a unified interface for setting element margins\n * with support for shorthand and directional properties.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\n\n// CSS-compatible margin values\nexport type MarginValue = number | string\n\n// Type-safe options with conflict prevention\nexport type MarginOptions =\n  | {\n      all: MarginValue\n      vertical?: never\n      horizontal?: never\n      top?: never\n      right?: never\n      bottom?: never\n      left?: never\n    }\n  | {\n      all?: never\n      vertical: MarginValue\n      horizontal: MarginValue\n      top?: never\n      right?: never\n      bottom?: never\n      left?: never\n    }\n  | {\n      all?: never\n      vertical?: MarginValue\n      horizontal?: MarginValue\n      top?: MarginValue\n      right?: MarginValue\n      bottom?: MarginValue\n      left?: MarginValue\n    }\n\nexport type ReactiveMarginOptions = ReactiveModifierProps<MarginOptions>\n\n// Helper function to format margin values - moved to outer scope\nfunction formatMarginValue(value: MarginValue): string {\n  if (typeof value === 'number') {\n    return `${value}px`\n  }\n  return value // Already a string (e.g., 'auto', '1rem', '50%')\n}\n\nexport class MarginModifier extends BaseModifier<MarginOptions> {\n  readonly type = 'margin'\n  readonly priority = 50 // Priority 50 for spacing\n\n  constructor(options: ReactiveMarginOptions) {\n    // Preserve reactive values; BaseModifier.applyStyles will create effects\n    super(options as unknown as MarginOptions)\n  }\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const styles = this.computeMarginStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeMarginStyles(props: MarginOptions) {\n    const styles: Record<string, any> = {}\n\n    if ('all' in props && props.all !== undefined) {\n      // All sides - highest priority\n      styles.margin = formatMarginValue(props.all)\n    } else {\n      // Handle shorthand properties first\n      if ('vertical' in props && props.vertical !== undefined) {\n        const value = formatMarginValue(props.vertical)\n        styles.marginTop = value\n        styles.marginBottom = value\n      }\n      if ('horizontal' in props && props.horizontal !== undefined) {\n        const value = formatMarginValue(props.horizontal)\n        styles.marginLeft = value\n        styles.marginRight = value\n      }\n\n      // Handle specific sides (override shorthand if specified)\n      if ('top' in props && props.top !== undefined) {\n        styles.marginTop = formatMarginValue(props.top)\n      }\n      if ('right' in props && props.right !== undefined) {\n        styles.marginRight = formatMarginValue(props.right)\n      }\n      if ('bottom' in props && props.bottom !== undefined) {\n        styles.marginBottom = formatMarginValue(props.bottom)\n      }\n      if ('left' in props && props.left !== undefined) {\n        styles.marginLeft = formatMarginValue(props.left)\n      }\n    }\n\n    return styles\n  }\n}\n\n/**\n * Create a margin modifier with flexible options\n *\n * @example\n * ```typescript\n * // All sides equal\n * .margin({ all: 16 })\n * .margin({ all: 'auto' })\n *\n * // Symmetric spacing\n * .margin({ vertical: 12, horizontal: 8 })\n * .margin({ vertical: 30, horizontal: 'auto' })\n *\n * // Specific sides\n * .margin({ top: 8, bottom: 16, left: 12, right: 12 })\n * .margin({ top: 8, bottom: 16, left: 'auto', right: 'auto' })\n *\n * // Mixed approach\n * .margin({ horizontal: 16, top: 8, bottom: 24 })\n * .margin({ horizontal: 'auto', top: '1rem', bottom: '2rem' })\n * ```\n */\nexport function margin(options: ReactiveMarginOptions): MarginModifier\nexport function margin(all: MarginValue): MarginModifier\nexport function margin(optionsOrAll: ReactiveMarginOptions | MarginValue): MarginModifier {\n  if (typeof optionsOrAll === 'number' || typeof optionsOrAll === 'string') {\n    return new MarginModifier({ all: optionsOrAll })\n  }\n  return new MarginModifier(optionsOrAll)\n}\n\n/**\n * Convenience function for top margin only\n *\n * @example\n * ```typescript\n * .marginTop(16)\n * .marginTop('auto')\n * ```\n */\nexport function marginTop(value: MarginValue): MarginModifier {\n  return new MarginModifier({ top: value })\n}\n\n/**\n * Convenience function for bottom margin only\n *\n * @example\n * ```typescript\n * .marginBottom(24)\n * .marginBottom('auto')\n * ```\n */\nexport function marginBottom(value: MarginValue): MarginModifier {\n  return new MarginModifier({ bottom: value })\n}\n\n/**\n * Convenience function for left and right margins\n *\n * @example\n * ```typescript\n * .marginHorizontal(20)\n * .marginHorizontal('auto')\n * ```\n */\nexport function marginHorizontal(value: MarginValue): MarginModifier {\n  return new MarginModifier({ horizontal: value })\n}\n\n/**\n * Convenience function for top and bottom margins\n *\n * @example\n * ```typescript\n * .marginVertical(16)\n * .marginVertical('auto')\n * ```\n */\nexport function marginVertical(value: MarginValue): MarginModifier {\n  return new MarginModifier({ vertical: value })\n}\n\n/**\n * Convenience function for left margin only\n *\n * @example\n * ```typescript\n * .marginLeft(12)\n * .marginLeft('auto')\n * ```\n */\nexport function marginLeft(value: MarginValue): MarginModifier {\n  return new MarginModifier({ left: value })\n}\n\n/**\n * Convenience function for right margin only\n *\n * @example\n * ```typescript\n * .marginRight(12)\n * .marginRight('auto')\n * ```\n */\nexport function marginRight(value: MarginValue): MarginModifier {\n  return new MarginModifier({ right: value })\n}\n"],"names":["formatMarginValue","value","MarginModifier","BaseModifier","options","__publicField","_node","context","styles","props","margin","optionsOrAll","marginTop","marginBottom","marginHorizontal","marginVertical","marginLeft","marginRight"],"mappings":"0QA+CA,SAASA,EAAkBC,EAA4B,CACrD,OAAI,OAAOA,GAAU,SACZ,GAAGA,CAAK,KAEVA,CACT,CAEO,MAAMC,UAAuBC,EAAAA,YAA4B,CAI9D,YAAYC,EAAgC,CAE1C,MAAMA,CAAmC,EAL3CC,EAAA,KAAS,OAAO,QAAA,EAChBA,EAAA,KAAS,WAAW,EAAA,CAKpB,CAEA,MAAMC,EAAgBC,EAA+C,CACnE,GAAI,CAACA,EAAQ,QAAS,OAEtB,MAAMC,EAAS,KAAK,oBAAoB,KAAK,UAAU,EACvD,KAAK,YAAYD,EAAQ,QAASC,CAAM,CAG1C,CAEQ,oBAAoBC,EAAsB,CAChD,MAAMD,EAA8B,CAAA,EAEpC,GAAI,QAASC,GAASA,EAAM,MAAQ,OAElCD,EAAO,OAASR,EAAkBS,EAAM,GAAG,MACtC,CAEL,GAAI,aAAcA,GAASA,EAAM,WAAa,OAAW,CACvD,MAAMR,EAAQD,EAAkBS,EAAM,QAAQ,EAC9CD,EAAO,UAAYP,EACnBO,EAAO,aAAeP,CACxB,CACA,GAAI,eAAgBQ,GAASA,EAAM,aAAe,OAAW,CAC3D,MAAMR,EAAQD,EAAkBS,EAAM,UAAU,EAChDD,EAAO,WAAaP,EACpBO,EAAO,YAAcP,CACvB,CAGI,QAASQ,GAASA,EAAM,MAAQ,SAClCD,EAAO,UAAYR,EAAkBS,EAAM,GAAG,GAE5C,UAAWA,GAASA,EAAM,QAAU,SACtCD,EAAO,YAAcR,EAAkBS,EAAM,KAAK,GAEhD,WAAYA,GAASA,EAAM,SAAW,SACxCD,EAAO,aAAeR,EAAkBS,EAAM,MAAM,GAElD,SAAUA,GAASA,EAAM,OAAS,SACpCD,EAAO,WAAaR,EAAkBS,EAAM,IAAI,EAEpD,CAEA,OAAOD,CACT,CACF,CA0BO,SAASE,EAAOC,EAAmE,CACxF,OAAI,OAAOA,GAAiB,UAAY,OAAOA,GAAiB,SACvD,IAAIT,EAAe,CAAE,IAAKS,EAAc,EAE1C,IAAIT,EAAeS,CAAY,CACxC,CAWO,SAASC,EAAUX,EAAoC,CAC5D,OAAO,IAAIC,EAAe,CAAE,IAAKD,EAAO,CAC1C,CAWO,SAASY,EAAaZ,EAAoC,CAC/D,OAAO,IAAIC,EAAe,CAAE,OAAQD,EAAO,CAC7C,CAWO,SAASa,EAAiBb,EAAoC,CACnE,OAAO,IAAIC,EAAe,CAAE,WAAYD,EAAO,CACjD,CAWO,SAASc,EAAed,EAAoC,CACjE,OAAO,IAAIC,EAAe,CAAE,SAAUD,EAAO,CAC/C,CAWO,SAASe,EAAWf,EAAoC,CAC7D,OAAO,IAAIC,EAAe,CAAE,KAAMD,EAAO,CAC3C,CAWO,SAASgB,EAAYhB,EAAoC,CAC9D,OAAO,IAAIC,EAAe,CAAE,MAAOD,EAAO,CAC5C"}