@tachui/core 0.7.0-alpha1 → 0.7.1-alpha

package/dist/modifiers/flexbox.js

@@ -1,56 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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.js

@@ -1,60 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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.js

@@ -1,92 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/margin.cjs

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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"}

package/dist/modifiers/margin.js

@@ -1,65 +0,0 @@
-import { BaseModifier as f } from "./base.js";
-var m = Object.defineProperty, l = (i, t, n) => t in i ? m(i, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[t] = n, o = (i, t, n) => l(i, typeof t != "symbol" ? t + "" : t, n);
-function a(i) {
-  return typeof i == "number" ? `${i}px` : i;
-}
-class e extends f {
-  // Priority 50 for spacing
-  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 g(i) {
-  return typeof i == "number" || typeof i == "string" ? new e({ all: i }) : new e(i);
-}
-function c(i) {
-  return new e({ top: i });
-}
-function d(i) {
-  return new e({ bottom: i });
-}
-function h(i) {
-  return new e({ horizontal: i });
-}
-function v(i) {
-  return new e({ vertical: i });
-}
-function y(i) {
-  return new e({ left: i });
-}
-function b(i) {
-  return new e({ right: i });
-}
-export {
-  e as MarginModifier,
-  g as margin,
-  d as marginBottom,
-  h as marginHorizontal,
-  y as marginLeft,
-  b as marginRight,
-  c as marginTop,
-  v as marginVertical
-};
-//# sourceMappingURL=margin.js.map

package/dist/modifiers/margin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"margin.js","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":";;AA+CA,SAASA,EAAkBC,GAA4B;AACrD,SAAI,OAAOA,KAAU,WACZ,GAAGA,CAAK,OAEVA;AACT;AAEO,MAAMC,UAAuBC,EAA4B;AAAA;AAAA,EAI9D,YAAYC,GAAgC;AAE1C,UAAMA,CAAmC,GAL3CC,EAAA,MAAS,QAAO,QAAA,GAChBA,EAAA,MAAS,YAAW,EAAA;AAAA,EAKpB;AAAA,EAEA,MAAMC,GAAgBC,GAA+C;AACnE,QAAI,CAACA,EAAQ,QAAS;AAEtB,UAAMC,IAAS,KAAK,oBAAoB,KAAK,UAAU;AACvD,SAAK,YAAYD,EAAQ,SAASC,CAAM;AAAA,EAG1C;AAAA,EAEQ,oBAAoBC,GAAsB;AAChD,UAAMD,IAA8B,CAAA;AAEpC,QAAI,SAASC,KAASA,EAAM,QAAQ;AAElC,MAAAD,EAAO,SAASR,EAAkBS,EAAM,GAAG;AAAA,SACtC;AAEL,UAAI,cAAcA,KAASA,EAAM,aAAa,QAAW;AACvD,cAAMR,IAAQD,EAAkBS,EAAM,QAAQ;AAC9C,QAAAD,EAAO,YAAYP,GACnBO,EAAO,eAAeP;AAAA,MACxB;AACA,UAAI,gBAAgBQ,KAASA,EAAM,eAAe,QAAW;AAC3D,cAAMR,IAAQD,EAAkBS,EAAM,UAAU;AAChD,QAAAD,EAAO,aAAaP,GACpBO,EAAO,cAAcP;AAAA,MACvB;AAGA,MAAI,SAASQ,KAASA,EAAM,QAAQ,WAClCD,EAAO,YAAYR,EAAkBS,EAAM,GAAG,IAE5C,WAAWA,KAASA,EAAM,UAAU,WACtCD,EAAO,cAAcR,EAAkBS,EAAM,KAAK,IAEhD,YAAYA,KAASA,EAAM,WAAW,WACxCD,EAAO,eAAeR,EAAkBS,EAAM,MAAM,IAElD,UAAUA,KAASA,EAAM,SAAS,WACpCD,EAAO,aAAaR,EAAkBS,EAAM,IAAI;AAAA,IAEpD;AAEA,WAAOD;AAAA,EACT;AACF;AA0BO,SAASE,EAAOC,GAAmE;AACxF,SAAI,OAAOA,KAAiB,YAAY,OAAOA,KAAiB,WACvD,IAAIT,EAAe,EAAE,KAAKS,GAAc,IAE1C,IAAIT,EAAeS,CAAY;AACxC;AAWO,SAASC,EAAUX,GAAoC;AAC5D,SAAO,IAAIC,EAAe,EAAE,KAAKD,GAAO;AAC1C;AAWO,SAASY,EAAaZ,GAAoC;AAC/D,SAAO,IAAIC,EAAe,EAAE,QAAQD,GAAO;AAC7C;AAWO,SAASa,EAAiBb,GAAoC;AACnE,SAAO,IAAIC,EAAe,EAAE,YAAYD,GAAO;AACjD;AAWO,SAASc,EAAed,GAAoC;AACjE,SAAO,IAAIC,EAAe,EAAE,UAAUD,GAAO;AAC/C;AAWO,SAASe,EAAWf,GAAoC;AAC7D,SAAO,IAAIC,EAAe,EAAE,MAAMD,GAAO;AAC3C;AAWO,SAASgB,EAAYhB,GAAoC;AAC9D,SAAO,IAAIC,EAAe,EAAE,OAAOD,GAAO;AAC5C;"}

package/dist/modifiers/padding.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./base.cjs");var l=Object.defineProperty,f=(n,i,t)=>i in n?l(n,i,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[i]=t,g=(n,i,t)=>f(n,typeof i!="symbol"?i+"":i,t);class d extends o.BaseModifier{constructor(i){super(i),g(this,"type","padding"),g(this,"priority",45)}apply(i,t){if(!t.element)return;const e=this.computePaddingStyles(this.properties);this.applyStyles(t.element,e)}computePaddingStyles(i){const t={},e=r=>typeof r=="number"?`${r}px`:r;if("all"in i&&i.all!==void 0)t.padding=e(i.all);else{if("vertical"in i&&i.vertical!==void 0){const r=e(i.vertical);t.paddingTop=r,t.paddingBottom=r}if("horizontal"in i&&i.horizontal!==void 0){const r=e(i.horizontal);t.paddingLeft=r,t.paddingRight=r}"top"in i&&i.top!==void 0&&(t.paddingTop=e(i.top)),"right"in i&&i.right!==void 0&&(t.paddingRight=e(i.right)),"bottom"in i&&i.bottom!==void 0&&(t.paddingBottom=e(i.bottom)),"left"in i&&i.left!==void 0&&(t.paddingLeft=e(i.left)),"leading"in i&&i.leading!==void 0&&(t.paddingLeft=e(i.leading)),"trailing"in i&&i.trailing!==void 0&&(t.paddingRight=e(i.trailing))}return t}}function a(n){return typeof n=="number"||typeof n=="string"?new d({all:n}):new d(n)}function u(n){return new d({top:n})}function c(n){return new d({bottom:n})}function m(n){return new d({left:n})}function h(n){return new d({right:n})}function v(n){return new d({leading:n})}function b(n){return new d({trailing:n})}function y(n){return new d({horizontal:n})}function w(n){return new d({vertical:n})}const s={xs:()=>a(4),sm:()=>a(8),md:()=>a(12),lg:()=>a(16),xl:()=>a(24),xxl:()=>a(32),button:()=>a({horizontal:16,vertical:8}),card:()=>a(16),section:()=>a({horizontal:20,vertical:12})};exports.PaddingModifier=d;exports.padding=a;exports.paddingBottom=c;exports.paddingHorizontal=y;exports.paddingLeading=v;exports.paddingLeft=m;exports.paddingPresets=s;exports.paddingRight=h;exports.paddingTop=u;exports.paddingTrailing=b;exports.paddingVertical=w;
-//# sourceMappingURL=padding.cjs.map

package/dist/modifiers/padding.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"padding.cjs","sources":["../../src/modifiers/padding.ts"],"sourcesContent":["/**\n * Padding Modifier - internal spacing within elements\n *\n * Provides a comprehensive interface for setting element padding\n * with support for shorthand and directional properties, matching SwiftUI's padding modifiers.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\n\n// CSS-compatible padding values\nexport type PaddingValue = number | string\n\n// Type-safe options with conflict prevention\nexport type PaddingOptions =\n  | {\n      all: PaddingValue\n      vertical?: never\n      horizontal?: never\n      top?: never\n      right?: never\n      bottom?: never\n      left?: never\n      leading?: never\n      trailing?: never\n    }\n  | {\n      all?: never\n      vertical: PaddingValue\n      horizontal: PaddingValue\n      top?: never\n      right?: never\n      bottom?: never\n      left?: never\n      leading?: never\n      trailing?: never\n    }\n  | {\n      all?: never\n      vertical?: PaddingValue\n      horizontal?: PaddingValue\n      top?: PaddingValue\n      right?: PaddingValue\n      bottom?: PaddingValue\n      left?: PaddingValue\n      leading?: never\n      trailing?: never\n    }\n  | {\n      all?: never\n      vertical?: PaddingValue\n      horizontal?: PaddingValue\n      top?: PaddingValue\n      leading?: PaddingValue\n      trailing?: PaddingValue\n      bottom?: PaddingValue\n      right?: never\n      left?: never\n    }\n\nexport type ReactivePaddingOptions = ReactiveModifierProps<PaddingOptions>\n\nexport class PaddingModifier extends BaseModifier<PaddingOptions> {\n  readonly type = 'padding'\n  readonly priority = 45 // Priority 45 for internal spacing (before margin at 50)\n\n  constructor(options: ReactivePaddingOptions) {\n    // Preserve reactive values; BaseModifier.applyStyles will create effects\n    super(options as unknown as PaddingOptions)\n  }\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const styles = this.computePaddingStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computePaddingStyles(props: PaddingOptions) {\n    const styles: Record<string, any> = {}\n\n    // Helper function to format padding values\n    const formatValue = (value: PaddingValue): string => {\n      if (typeof value === 'number') {\n        return `${value}px`\n      }\n      return value // Already a string (e.g., '1rem', '50%', '0')\n    }\n\n    if ('all' in props && props.all !== undefined) {\n      // All sides - highest priority\n      styles.padding = formatValue(props.all)\n    } else {\n      // Handle shorthand properties first\n      if ('vertical' in props && props.vertical !== undefined) {\n        const value = formatValue(props.vertical)\n        styles.paddingTop = value\n        styles.paddingBottom = value\n      }\n      if ('horizontal' in props && props.horizontal !== undefined) {\n        const value = formatValue(props.horizontal)\n        styles.paddingLeft = value\n        styles.paddingRight = value\n      }\n\n      // Handle specific sides (override shorthand if specified)\n      if ('top' in props && props.top !== undefined) {\n        styles.paddingTop = formatValue(props.top)\n      }\n      if ('right' in props && props.right !== undefined) {\n        styles.paddingRight = formatValue(props.right)\n      }\n      if ('bottom' in props && props.bottom !== undefined) {\n        styles.paddingBottom = formatValue(props.bottom)\n      }\n      if ('left' in props && props.left !== undefined) {\n        styles.paddingLeft = formatValue(props.left)\n      }\n\n      // Handle SwiftUI-style leading/trailing (left/right in LTR)\n      if ('leading' in props && props.leading !== undefined) {\n        styles.paddingLeft = formatValue(props.leading)\n      }\n      if ('trailing' in props && props.trailing !== undefined) {\n        styles.paddingRight = formatValue(props.trailing)\n      }\n    }\n\n    return styles\n  }\n}\n\n/**\n * Create a padding modifier with flexible options\n *\n * @example\n * ```typescript\n * // All sides equal\n * .padding({ all: 16 })\n *\n * // Symmetric spacing\n * .padding({ vertical: 12, horizontal: 8 })\n *\n * // Specific sides\n * .padding({ top: 8, bottom: 16, left: 12, right: 12 })\n *\n * // SwiftUI-style leading/trailing\n * .padding({ leading: 16, trailing: 8, vertical: 12 })\n *\n * // Mixed approach\n * .padding({ horizontal: 16, top: 8, bottom: 24 })\n * ```\n */\nexport function padding(options: ReactivePaddingOptions): PaddingModifier\nexport function padding(all: PaddingValue): PaddingModifier\nexport function padding(optionsOrAll: ReactivePaddingOptions | PaddingValue): PaddingModifier {\n  if (typeof optionsOrAll === 'number' || typeof optionsOrAll === 'string') {\n    return new PaddingModifier({ all: optionsOrAll })\n  }\n  return new PaddingModifier(optionsOrAll)\n}\n\n/**\n * Convenience function for top padding only\n *\n * @example\n * ```typescript\n * .paddingTop(16)\n * .paddingTop('1rem')\n * ```\n */\nexport function paddingTop(value: PaddingValue): PaddingModifier {\n  return new PaddingModifier({ top: value })\n}\n\n/**\n * Convenience function for bottom padding only\n *\n * @example\n * ```typescript\n * .paddingBottom(24)\n * .paddingBottom('2rem')\n * ```\n */\nexport function paddingBottom(value: PaddingValue): PaddingModifier {\n  return new PaddingModifier({ bottom: value })\n}\n\n/**\n * Convenience function for left padding only\n *\n * @example\n * ```typescript\n * .paddingLeft(12)\n * .paddingLeft('1rem')\n * ```\n */\nexport function paddingLeft(value: PaddingValue): PaddingModifier {\n  return new PaddingModifier({ left: value })\n}\n\n/**\n * Convenience function for right padding only\n *\n * @example\n * ```typescript\n * .paddingRight(12)\n * .paddingRight('1rem')\n * ```\n */\nexport function paddingRight(value: PaddingValue): PaddingModifier {\n  return new PaddingModifier({ right: value })\n}\n\n/**\n * SwiftUI-style leading padding (left in LTR languages)\n *\n * @example\n * ```typescript\n * .paddingLeading(16)\n * .paddingLeading('1rem')\n * ```\n */\nexport function paddingLeading(value: PaddingValue): PaddingModifier {\n  return new PaddingModifier({ leading: value })\n}\n\n/**\n * SwiftUI-style trailing padding (right in LTR languages)\n *\n * @example\n * ```typescript\n * .paddingTrailing(8)\n * .paddingTrailing('0.5rem')\n * ```\n */\nexport function paddingTrailing(value: PaddingValue): PaddingModifier {\n  return new PaddingModifier({ trailing: value })\n}\n\n/**\n * Convenience function for left and right padding\n *\n * @example\n * ```typescript\n * .paddingHorizontal(20)\n * .paddingHorizontal('2rem')\n * ```\n */\nexport function paddingHorizontal(value: PaddingValue): PaddingModifier {\n  return new PaddingModifier({ horizontal: value })\n}\n\n/**\n * Convenience function for top and bottom padding\n *\n * @example\n * ```typescript\n * .paddingVertical(16)\n * .paddingVertical('1rem')\n * ```\n */\nexport function paddingVertical(value: PaddingValue): PaddingModifier {\n  return new PaddingModifier({ vertical: value })\n}\n\n/**\n * Common padding presets for consistent design\n */\nexport const paddingPresets = {\n  /**\n   * Extra small padding (4px)\n   */\n  xs: () => padding(4),\n\n  /**\n   * Small padding (8px)\n   */\n  sm: () => padding(8),\n\n  /**\n   * Medium padding (12px)\n   */\n  md: () => padding(12),\n\n  /**\n   * Large padding (16px)\n   */\n  lg: () => padding(16),\n\n  /**\n   * Extra large padding (24px)\n   */\n  xl: () => padding(24),\n\n  /**\n   * Extra extra large padding (32px)\n   */\n  xxl: () => padding(32),\n\n  /**\n   * Button padding preset (horizontal: 16, vertical: 8)\n   */\n  button: () => padding({ horizontal: 16, vertical: 8 }),\n\n  /**\n   * Card padding preset (all: 16)\n   */\n  card: () => padding(16),\n\n  /**\n   * Section padding preset (horizontal: 20, vertical: 12)\n   */\n  section: () => padding({ horizontal: 20, vertical: 12 }),\n} as const\n"],"names":["PaddingModifier","BaseModifier","options","__publicField","_node","context","styles","props","formatValue","value","padding","optionsOrAll","paddingTop","paddingBottom","paddingLeft","paddingRight","paddingLeading","paddingTrailing","paddingHorizontal","paddingVertical","paddingPresets"],"mappings":"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"}

package/dist/modifiers/padding.js

@@ -1,109 +0,0 @@
-import { BaseModifier as o } from "./base.js";
-var g = Object.defineProperty, f = (t, i, n) => i in t ? g(t, i, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[i] = n, l = (t, i, n) => f(t, typeof i != "symbol" ? i + "" : i, n);
-class d extends o {
-  // Priority 45 for internal spacing (before margin at 50)
-  constructor(i) {
-    super(i), l(this, "type", "padding"), l(this, "priority", 45);
-  }
-  apply(i, n) {
-    if (!n.element) return;
-    const e = this.computePaddingStyles(this.properties);
-    this.applyStyles(n.element, e);
-  }
-  computePaddingStyles(i) {
-    const n = {}, e = (a) => typeof a == "number" ? `${a}px` : a;
-    if ("all" in i && i.all !== void 0)
-      n.padding = e(i.all);
-    else {
-      if ("vertical" in i && i.vertical !== void 0) {
-        const a = e(i.vertical);
-        n.paddingTop = a, n.paddingBottom = a;
-      }
-      if ("horizontal" in i && i.horizontal !== void 0) {
-        const a = e(i.horizontal);
-        n.paddingLeft = a, n.paddingRight = a;
-      }
-      "top" in i && i.top !== void 0 && (n.paddingTop = e(i.top)), "right" in i && i.right !== void 0 && (n.paddingRight = e(i.right)), "bottom" in i && i.bottom !== void 0 && (n.paddingBottom = e(i.bottom)), "left" in i && i.left !== void 0 && (n.paddingLeft = e(i.left)), "leading" in i && i.leading !== void 0 && (n.paddingLeft = e(i.leading)), "trailing" in i && i.trailing !== void 0 && (n.paddingRight = e(i.trailing));
-    }
-    return n;
-  }
-}
-function r(t) {
-  return typeof t == "number" || typeof t == "string" ? new d({ all: t }) : new d(t);
-}
-function c(t) {
-  return new d({ top: t });
-}
-function m(t) {
-  return new d({ bottom: t });
-}
-function h(t) {
-  return new d({ left: t });
-}
-function v(t) {
-  return new d({ right: t });
-}
-function b(t) {
-  return new d({ leading: t });
-}
-function w(t) {
-  return new d({ trailing: t });
-}
-function y(t) {
-  return new d({ horizontal: t });
-}
-function z(t) {
-  return new d({ vertical: t });
-}
-const P = {
-  /**
-   * Extra small padding (4px)
-   */
-  xs: () => r(4),
-  /**
-   * Small padding (8px)
-   */
-  sm: () => r(8),
-  /**
-   * Medium padding (12px)
-   */
-  md: () => r(12),
-  /**
-   * Large padding (16px)
-   */
-  lg: () => r(16),
-  /**
-   * Extra large padding (24px)
-   */
-  xl: () => r(24),
-  /**
-   * Extra extra large padding (32px)
-   */
-  xxl: () => r(32),
-  /**
-   * Button padding preset (horizontal: 16, vertical: 8)
-   */
-  button: () => r({ horizontal: 16, vertical: 8 }),
-  /**
-   * Card padding preset (all: 16)
-   */
-  card: () => r(16),
-  /**
-   * Section padding preset (horizontal: 20, vertical: 12)
-   */
-  section: () => r({ horizontal: 20, vertical: 12 })
-};
-export {
-  d as PaddingModifier,
-  r as padding,
-  m as paddingBottom,
-  y as paddingHorizontal,
-  b as paddingLeading,
-  h as paddingLeft,
-  P as paddingPresets,
-  v as paddingRight,
-  c as paddingTop,
-  w as paddingTrailing,
-  z as paddingVertical
-};
-//# sourceMappingURL=padding.js.map

package/dist/modifiers/padding.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"padding.js","sources":["../../src/modifiers/padding.ts"],"sourcesContent":["/**\n * Padding Modifier - internal spacing within elements\n *\n * Provides a comprehensive interface for setting element padding\n * with support for shorthand and directional properties, matching SwiftUI's padding modifiers.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\n\n// CSS-compatible padding values\nexport type PaddingValue = number | string\n\n// Type-safe options with conflict prevention\nexport type PaddingOptions =\n  | {\n      all: PaddingValue\n      vertical?: never\n      horizontal?: never\n      top?: never\n      right?: never\n      bottom?: never\n      left?: never\n      leading?: never\n      trailing?: never\n    }\n  | {\n      all?: never\n      vertical: PaddingValue\n      horizontal: PaddingValue\n      top?: never\n      right?: never\n      bottom?: never\n      left?: never\n      leading?: never\n      trailing?: never\n    }\n  | {\n      all?: never\n      vertical?: PaddingValue\n      horizontal?: PaddingValue\n      top?: PaddingValue\n      right?: PaddingValue\n      bottom?: PaddingValue\n      left?: PaddingValue\n      leading?: never\n      trailing?: never\n    }\n  | {\n      all?: never\n      vertical?: PaddingValue\n      horizontal?: PaddingValue\n      top?: PaddingValue\n      leading?: PaddingValue\n      trailing?: PaddingValue\n      bottom?: PaddingValue\n      right?: never\n      left?: never\n    }\n\nexport type ReactivePaddingOptions = ReactiveModifierProps<PaddingOptions>\n\nexport class PaddingModifier extends BaseModifier<PaddingOptions> {\n  readonly type = 'padding'\n  readonly priority = 45 // Priority 45 for internal spacing (before margin at 50)\n\n  constructor(options: ReactivePaddingOptions) {\n    // Preserve reactive values; BaseModifier.applyStyles will create effects\n    super(options as unknown as PaddingOptions)\n  }\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const styles = this.computePaddingStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computePaddingStyles(props: PaddingOptions) {\n    const styles: Record<string, any> = {}\n\n    // Helper function to format padding values\n    const formatValue = (value: PaddingValue): string => {\n      if (typeof value === 'number') {\n        return `${value}px`\n      }\n      return value // Already a string (e.g., '1rem', '50%', '0')\n    }\n\n    if ('all' in props && props.all !== undefined) {\n      // All sides - highest priority\n      styles.padding = formatValue(props.all)\n    } else {\n      // Handle shorthand properties first\n      if ('vertical' in props && props.vertical !== undefined) {\n        const value = formatValue(props.vertical)\n        styles.paddingTop = value\n        styles.paddingBottom = value\n      }\n      if ('horizontal' in props && props.horizontal !== undefined) {\n        const value = formatValue(props.horizontal)\n        styles.paddingLeft = value\n        styles.paddingRight = value\n      }\n\n      // Handle specific sides (override shorthand if specified)\n      if ('top' in props && props.top !== undefined) {\n        styles.paddingTop = formatValue(props.top)\n      }\n      if ('right' in props && props.right !== undefined) {\n        styles.paddingRight = formatValue(props.right)\n      }\n      if ('bottom' in props && props.bottom !== undefined) {\n        styles.paddingBottom = formatValue(props.bottom)\n      }\n      if ('left' in props && props.left !== undefined) {\n        styles.paddingLeft = formatValue(props.left)\n      }\n\n      // Handle SwiftUI-style leading/trailing (left/right in LTR)\n      if ('leading' in props && props.leading !== undefined) {\n        styles.paddingLeft = formatValue(props.leading)\n      }\n      if ('trailing' in props && props.trailing !== undefined) {\n        styles.paddingRight = formatValue(props.trailing)\n      }\n    }\n\n    return styles\n  }\n}\n\n/**\n * Create a padding modifier with flexible options\n *\n * @example\n * ```typescript\n * // All sides equal\n * .padding({ all: 16 })\n *\n * // Symmetric spacing\n * .padding({ vertical: 12, horizontal: 8 })\n *\n * // Specific sides\n * .padding({ top: 8, bottom: 16, left: 12, right: 12 })\n *\n * // SwiftUI-style leading/trailing\n * .padding({ leading: 16, trailing: 8, vertical: 12 })\n *\n * // Mixed approach\n * .padding({ horizontal: 16, top: 8, bottom: 24 })\n * ```\n */\nexport function padding(options: ReactivePaddingOptions): PaddingModifier\nexport function padding(all: PaddingValue): PaddingModifier\nexport function padding(optionsOrAll: ReactivePaddingOptions | PaddingValue): PaddingModifier {\n  if (typeof optionsOrAll === 'number' || typeof optionsOrAll === 'string') {\n    return new PaddingModifier({ all: optionsOrAll })\n  }\n  return new PaddingModifier(optionsOrAll)\n}\n\n/**\n * Convenience function for top padding only\n *\n * @example\n * ```typescript\n * .paddingTop(16)\n * .paddingTop('1rem')\n * ```\n */\nexport function paddingTop(value: PaddingValue): PaddingModifier {\n  return new PaddingModifier({ top: value })\n}\n\n/**\n * Convenience function for bottom padding only\n *\n * @example\n * ```typescript\n * .paddingBottom(24)\n * .paddingBottom('2rem')\n * ```\n */\nexport function paddingBottom(value: PaddingValue): PaddingModifier {\n  return new PaddingModifier({ bottom: value })\n}\n\n/**\n * Convenience function for left padding only\n *\n * @example\n * ```typescript\n * .paddingLeft(12)\n * .paddingLeft('1rem')\n * ```\n */\nexport function paddingLeft(value: PaddingValue): PaddingModifier {\n  return new PaddingModifier({ left: value })\n}\n\n/**\n * Convenience function for right padding only\n *\n * @example\n * ```typescript\n * .paddingRight(12)\n * .paddingRight('1rem')\n * ```\n */\nexport function paddingRight(value: PaddingValue): PaddingModifier {\n  return new PaddingModifier({ right: value })\n}\n\n/**\n * SwiftUI-style leading padding (left in LTR languages)\n *\n * @example\n * ```typescript\n * .paddingLeading(16)\n * .paddingLeading('1rem')\n * ```\n */\nexport function paddingLeading(value: PaddingValue): PaddingModifier {\n  return new PaddingModifier({ leading: value })\n}\n\n/**\n * SwiftUI-style trailing padding (right in LTR languages)\n *\n * @example\n * ```typescript\n * .paddingTrailing(8)\n * .paddingTrailing('0.5rem')\n * ```\n */\nexport function paddingTrailing(value: PaddingValue): PaddingModifier {\n  return new PaddingModifier({ trailing: value })\n}\n\n/**\n * Convenience function for left and right padding\n *\n * @example\n * ```typescript\n * .paddingHorizontal(20)\n * .paddingHorizontal('2rem')\n * ```\n */\nexport function paddingHorizontal(value: PaddingValue): PaddingModifier {\n  return new PaddingModifier({ horizontal: value })\n}\n\n/**\n * Convenience function for top and bottom padding\n *\n * @example\n * ```typescript\n * .paddingVertical(16)\n * .paddingVertical('1rem')\n * ```\n */\nexport function paddingVertical(value: PaddingValue): PaddingModifier {\n  return new PaddingModifier({ vertical: value })\n}\n\n/**\n * Common padding presets for consistent design\n */\nexport const paddingPresets = {\n  /**\n   * Extra small padding (4px)\n   */\n  xs: () => padding(4),\n\n  /**\n   * Small padding (8px)\n   */\n  sm: () => padding(8),\n\n  /**\n   * Medium padding (12px)\n   */\n  md: () => padding(12),\n\n  /**\n   * Large padding (16px)\n   */\n  lg: () => padding(16),\n\n  /**\n   * Extra large padding (24px)\n   */\n  xl: () => padding(24),\n\n  /**\n   * Extra extra large padding (32px)\n   */\n  xxl: () => padding(32),\n\n  /**\n   * Button padding preset (horizontal: 16, vertical: 8)\n   */\n  button: () => padding({ horizontal: 16, vertical: 8 }),\n\n  /**\n   * Card padding preset (all: 16)\n   */\n  card: () => padding(16),\n\n  /**\n   * Section padding preset (horizontal: 20, vertical: 12)\n   */\n  section: () => padding({ horizontal: 20, vertical: 12 }),\n} as const\n"],"names":["PaddingModifier","BaseModifier","options","__publicField","_node","context","styles","props","formatValue","value","padding","optionsOrAll","paddingTop","paddingBottom","paddingLeft","paddingRight","paddingLeading","paddingTrailing","paddingHorizontal","paddingVertical","paddingPresets"],"mappings":"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"}