purgetss 7.5.1 → 7.5.3

package/README.md

@@ -240,6 +240,67 @@ Fallback defaults when not set: `swap`/`reorder`/`snapTo` → 200ms; `shake` →
 
 See the full documentation at [purgetss.com/docs/animation-module/introduction](https://purgetss.com/docs/animation-module/introduction).
 
+### Appearance management
+
+Switch between Light, Dark, and System modes with automatic persistence:
+
+```js
+const { Appearance } = require('purgetss.ui')
+
+// Call once at app startup (e.g., in index.js before opening the first window)
+Appearance.init()
+```
+
+| Method      | Description                                                  |
+| ----------- | ------------------------------------------------------------ |
+| `init()`    | Restore the saved mode from `Ti.App.Properties`              |
+| `get()`     | Returns the current mode string                              |
+| `set(mode)` | Apply and persist a mode: `'system'`, `'light'`, or `'dark'` |
+| `toggle()`  | Switch between `'light'` and `'dark'`                        |
+
+Use it from any controller to respond to user actions:
+
+```js
+const { Appearance } = require('purgetss.ui')
+
+function selectDark() { Appearance.set('dark') }
+function selectLight() { Appearance.set('light') }
+function selectSystem() { Appearance.set('system') }
+```
+
+Requires `semantic.colors.json` in `app/assets/` for views to respond to mode changes. See the [Titanium docs on semantic colors](https://titaniumsdk.com/guide/Titanium_SDK/Titanium_SDK_How-tos/User_Interface_Deep_Dives/iOS_Dark_Mode.html) for the file format.
+
+### Default font families
+
+PurgeTSS generates `font-sans`, `font-serif`, and `font-mono` classes automatically with platform-appropriate values:
+
+| Class        | iOS                | Android       |
+| ------------ | ------------------ | ------------- |
+| `font-sans`  | `Helvetica Neue`   | `sans-serif`  |
+| `font-serif` | `Georgia`          | `serif`       |
+| `font-mono`  | `monospace`        | `monospace`   |
+
+Override or add families in `config.cjs`:
+
+```js
+// theme.extend.fontFamily → adds to defaults
+extend: {
+  fontFamily: {
+    display: 'AlfaSlabOne-Regular',
+    body: 'BarlowSemiCondensed-Regular'
+  }
+}
+
+// theme.fontFamily → replaces defaults entirely
+theme: {
+  fontFamily: {
+    sans: 'System',
+    mono: 'Courier',
+    display: 'AlfaSlabOne-Regular'
+  }
+}
+```
+
 ---
 
 ## Customizing default components

package/dist/purgetss.ui.js

@@ -1,4 +1,4 @@
-// PurgeTSS v7.5.1
+// PurgeTSS v7.5.3
 // Created by César Estrada
 // https://purgetss.com
 
@@ -906,3 +906,45 @@ function saveComponent({ source, directory = Ti.Filesystem.tempDirectory }) {
 exports.saveComponent = saveComponent
 
 exports.createAnimation = (args) => new Animation(args)
+
+// --- Appearance Management (Light/Dark/System) ---
+function Appearance() {
+  const PROP_KEY = 'userInterfaceStyle'
+  const STYLES = {
+    dark: Ti.UI.USER_INTERFACE_STYLE_DARK,
+    light: Ti.UI.USER_INTERFACE_STYLE_LIGHT,
+    system: Ti.UI.USER_INTERFACE_STYLE_UNSPECIFIED
+  }
+
+  let currentMode = 'system'
+
+  function applyMode(mode) {
+    currentMode = mode
+    Ti.UI.overrideUserInterfaceStyle = STYLES[mode]
+    Ti.App.Properties.setInt(PROP_KEY, STYLES[mode])
+  }
+
+  return {
+    init() {
+      const saved = Ti.App.Properties.getInt(PROP_KEY, STYLES.system)
+      currentMode = Object.keys(STYLES).find(key => STYLES[key] === saved) || 'system'
+      Ti.UI.overrideUserInterfaceStyle = saved
+    },
+
+    set(mode) {
+      if (!STYLES.hasOwnProperty(mode)) return
+      applyMode(mode)
+    },
+
+    get() {
+      return currentMode
+    },
+
+    toggle() {
+      const next = (currentMode === 'dark') ? 'light' : 'dark'
+      applyMode(next)
+    }
+  }
+}
+
+exports.Appearance = Appearance()

package/dist/utilities.tss

@@ -2250,9 +2250,6 @@
 '.rounded-full-2.5': { width: 10, height: 10, borderRadius: 5 }
 '.rounded-full-3.5': { width: 14, height: 14, borderRadius: 7 }
 
-// Property(ies): fontFamily
-// Component(s): Ti.UI.ActivityIndicator, Ti.UI.Button, Ti.UI.Label, Ti.UI.ListItem, Ti.UI.Picker, Ti.UI.PickerColumn, Ti.UI.PickerRow, Ti.UI.ProgressBar, Ti.UI.Switch, Ti.UI.TableViewRow, Ti.UI.TextArea, Ti.UI.TextField
-
 // Property(ies): fontSize
 // Component(s): Ti.UI.ActivityIndicator, Ti.UI.Button, Ti.UI.Label, Ti.UI.ListItem, Ti.UI.Picker, Ti.UI.PickerColumn, Ti.UI.PickerRow, Ti.UI.ProgressBar, Ti.UI.Switch, Ti.UI.TableViewRow, Ti.UI.TextArea, Ti.UI.TextField
 '.text-xs': { font: { fontSize: 12 } }
@@ -2281,6 +2278,14 @@
 '.font-extrabold': { font: { fontWeight: 'bold' } }
 '.font-black': { font: { fontWeight: 'bold' } }
 
+// Property(ies): fontFamily
+// Component(s): Ti.UI.ActivityIndicator, Ti.UI.Button, Ti.UI.Label, Ti.UI.ListItem, Ti.UI.Picker, Ti.UI.PickerColumn, Ti.UI.PickerRow, Ti.UI.ProgressBar, Ti.UI.Switch, Ti.UI.TableViewRow, Ti.UI.TextArea, Ti.UI.TextField
+'.font-mono': { font: { fontFamily: 'monospace' } }
+'.font-sans[platform=ios]': { font: { fontFamily: 'Helvetica Neue' } }
+'.font-serif[platform=ios]': { font: { fontFamily: 'Georgia' } }
+'.font-sans[platform=android]': { font: { fontFamily: 'sans-serif' } }
+'.font-serif[platform=android]': { font: { fontFamily: 'serif' } }
+
 // Property(ies): top, right, bottom, left - Gap for Grid System
 // Component(s): Ti.UI.ActivityIndicator, Ti.UI.Animation, Ti.UI.View, Ti.UI.Window
 '.gap-0': { top: 0, right: 0, bottom: 0, left: 0 }

package/experimental/completions2.js

@@ -247,9 +247,9 @@ function processCompoundClasses({ ..._base }) {
   // ! Configurables
   compoundClasses += generateGlossary('borderRadius-alternative', helpers.borderRadius(_base.borderRadius))
   compoundClasses += generateGlossary('borderRadius-full', helpers.borderRadiusFull(_base.borderRadius))
-  compoundClasses += generateGlossary('fontFamily', helpers.fontFamily(_base.fontFamily))
   compoundClasses += generateGlossary('fontSize', helpers.fontSize(_base.fontSize))
   compoundClasses += generateGlossary('fontWeight', helpers.fontWeight(_base.fontWeight))
+  compoundClasses += generateGlossary('fontFamily', helpers.fontFamily(_base.fontFamily))
   compoundClasses += generateGlossary('margin-alternative', helpers.gap(_base.margin))
   compoundClasses += generateGlossary('minimumFontSize', helpers.minimumFontSize(_base.fontSize))
   compoundClasses += generateGlossary('padding-alternative', helpers.padding(_base.padding))

package/lib/templates/purgetss.ui.js.cjs

@@ -905,3 +905,45 @@ function saveComponent({ source, directory = Ti.Filesystem.tempDirectory }) {
 exports.saveComponent = saveComponent
 
 exports.createAnimation = (args) => new Animation(args)
+
+// --- Appearance Management (Light/Dark/System) ---
+function Appearance() {
+  const PROP_KEY = 'userInterfaceStyle'
+  const STYLES = {
+    dark: Ti.UI.USER_INTERFACE_STYLE_DARK,
+    light: Ti.UI.USER_INTERFACE_STYLE_LIGHT,
+    system: Ti.UI.USER_INTERFACE_STYLE_UNSPECIFIED
+  }
+
+  let currentMode = 'system'
+
+  function applyMode(mode) {
+    currentMode = mode
+    Ti.UI.overrideUserInterfaceStyle = STYLES[mode]
+    Ti.App.Properties.setInt(PROP_KEY, STYLES[mode])
+  }
+
+  return {
+    init() {
+      const saved = Ti.App.Properties.getInt(PROP_KEY, STYLES.system)
+      currentMode = Object.keys(STYLES).find(key => STYLES[key] === saved) || 'system'
+      Ti.UI.overrideUserInterfaceStyle = saved
+    },
+
+    set(mode) {
+      if (!STYLES.hasOwnProperty(mode)) return
+      applyMode(mode)
+    },
+
+    get() {
+      return currentMode
+    },
+
+    toggle() {
+      const next = (currentMode === 'dark') ? 'light' : 'dark'
+      applyMode(next)
+    }
+  }
+}
+
+exports.Appearance = Appearance()

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "purgetss",
-  "version": "7.5.1",
+  "version": "7.5.3",
   "main": "src/index.js",
   "bin": {
     "purgetss": "bin/purgetss"

package/src/cli/commands/purge.js

@@ -144,25 +144,30 @@ function validateXML(xmlText, filePath) {
     const columnMatch = error.message.match(/Column:\s*(\d+)/)
     const charMatch = error.message.match(/Char:\s*(.+)/)
 
+    const lines = xmlText.split('\n')
+    const parserLine = lineMatch ? parseInt(lineMatch[1]) : null
+
+    // Try to find the real source of the error by scanning for suspicious tags.
+    // xml2json often reports errors far from the actual problem (e.g. at EOF)
+    // because it only notices the mismatch when nesting fails to close.
+    const suspectLine = findSuspectLine(lines)
+
+    const reportLine = suspectLine || parserLine
+
     let errorMessage = chalk.red(`\n::PurgeTSS:: XML Syntax Error\n`) +
       chalk.yellow(`File: "${filePath}"\n`)
 
-    if (lineMatch || columnMatch) {
-      const lineNum = lineMatch ? parseInt(lineMatch[1]) : '?'
-      const colNum = columnMatch ? parseInt(columnMatch[1]) : '?'
-      const badChar = charMatch ? charMatch[1] : '?'
-
-      errorMessage += chalk.yellow(`Error near line: ${lineNum}\n\n`)
+    if (reportLine) {
+      errorMessage += chalk.yellow(`Error near line: ${reportLine}\n\n`)
 
       // Extract and show context: line before, error line, and line after
-      const lines = xmlText.split('\n')
-      const startLine = Math.max(0, lineNum - 2)
-      const endLine = Math.min(lines.length, lineNum + 2)
+      const startLine = Math.max(0, reportLine - 2)
+      const endLine = Math.min(lines.length, reportLine + 2)
 
       errorMessage += chalk.gray('Context:\n')
       for (let i = startLine; i < endLine; i++) {
         const lineNumDisplay = i + 1
-        const isTargetLine = (lineNumDisplay === lineNum)
+        const isTargetLine = (lineNumDisplay === reportLine)
         const prefix = isTargetLine ? chalk.red('>>>') : chalk.gray('   ')
         const lineContent = lines[i] || ''
 
@@ -181,54 +186,215 @@ function validateXML(xmlText, filePath) {
   }
 }
 
+// Scan XML lines for common malformations that xml2json can't pinpoint.
+// Returns the 1-based line number of the first suspect, or null.
+function findSuspectLine(lines) {
+  for (let i = 0; i < lines.length; i++) {
+    const trimmed = lines[i].trim()
+    if (!trimmed) continue
+
+    // "--" inside XML comments (illegal in XML spec)
+    if (trimmed.includes('<!--')) {
+      const commentBody = trimmed.replace(/<!--/, '').replace(/-->.*$/, '')
+      if (/--/.test(commentBody)) return i + 1
+    }
+
+    if (trimmed.startsWith('<!--')) continue
+
+    // Opening tag without tag name: "< class=..."
+    if (/^<\s+\w+=/.test(trimmed)) return i + 1
+
+    // Double slash in closing tag: "<//View>"
+    if (/^<\/\/\w+>/.test(trimmed)) return i + 1
+
+    // Closing tag with extra characters: "</View/>" or "</View >>" etc.
+    if (/^<\/[a-zA-Z0-9_]+[^>]+>/.test(trimmed) && !/^<\/[a-zA-Z0-9_:]+\s*>/.test(trimmed)) return i + 1
+
+    // Opening < immediately followed by non-alpha, non-slash, non-! (e.g. "< >" or "<=>")
+    if (/^<[^a-zA-Z/!?\s]/.test(trimmed)) return i + 1
+
+    // Space between < and tag name: "< View"
+    if (/^<\s+[A-Z]/.test(trimmed)) return i + 1
+
+    // Backslash instead of forward slash: \>
+    if (/\\>/.test(trimmed)) return i + 1
+
+    // Double closing bracket: >>
+    if (/>>/.test(trimmed)) return i + 1
+
+    // Unclosed tag: starts with < but doesn't end with > and next line starts a new tag
+    if (trimmed.startsWith('<') && !trimmed.startsWith('</') && !trimmed.endsWith('>')) {
+      const nextTrimmed = (lines[i + 1] || '').trim()
+      if (nextTrimmed.startsWith('<')) return i + 1
+    }
+  }
+  return null
+}
+
 /**
  * Pre-validate XML for common Alloy malformations
  * Returns Error if problem found, null if OK
  */
 function preValidateXML(xmlText, filePath) {
   const lines = xmlText.split('\n')
+  const relativePath = filePath.replace(process.cwd() + '/', '')
 
-  // Check for tags without opening < (common mistake: Label, View, etc. without <)
   for (let i = 0; i < lines.length; i++) {
     const line = lines[i]
     const trimmed = line.trim()
 
-    // Skip empty lines, comments, and closing tags
-    if (!trimmed || trimmed.startsWith('<!--') || trimmed.startsWith('</') || trimmed.startsWith('<Alloy') || trimmed.startsWith('</')) {
+    // Skip empty lines and Alloy root tag
+    if (!trimmed || trimmed.startsWith('<Alloy')) {
       continue
     }
 
-    // Check for line starting with uppercase letter followed by space and common Alloy attributes
-    // Pattern: "Label id=", "View class=","Button onClick=", etc. WITHOUT opening <
-    const tagWithoutOpening = trimmed.match(/^[A-Z][a-zA-Z0-9_]+\s+(id|class|onClick|onOpen|onClose|height|width|backgroundColor|color|font|text|hintText|imageUrl)=/)
+    // Check for "--" inside XML comments (illegal in XML spec)
+    // e.g. <!-- Section: --modules Option --> is invalid because of the "--" before "modules"
+    if (trimmed.includes('<!--')) {
+      const commentBody = trimmed.replace(/<!--/, '').replace(/-->.*$/, '')
+      if (/--/.test(commentBody)) {
+        const dashMatch = commentBody.match(/--(\S*)/)
+        const offender = dashMatch ? `--${dashMatch[1]}` : '--'
+        throwPreValidationError({
+          relativePath,
+          lineNumber: i + 1,
+          lineContent: trimmed,
+          message: `XML comment contains illegal "--" sequence ("${offender}")`,
+          fix: `Replace "--" with "—" (em-dash) or reword the comment to avoid double dashes`
+        })
+      }
+      continue
+    }
+
+    // Check for opening tag without tag name: "< class=..." or "< id=..."
+    if (/^<\s+(class|id|onClick|onOpen|onClose|height|width|backgroundColor|color|font|text|hintText|imageUrl)=/.test(trimmed)) {
+      throwPreValidationError({
+        relativePath,
+        lineNumber: i + 1,
+        lineContent: trimmed,
+        message: 'Opening tag is missing its tag name',
+        fix: `Add the tag name after "<", e.g. "<View ${trimmed.slice(1).trim()}"`
+      })
+    }
+
+    // Check for double slash in closing tags: "<//View>"
+    const doubleSlash = trimmed.match(/^<\/\/([a-zA-Z0-9_]+)>/)
+    if (doubleSlash) {
+      throwPreValidationError({
+        relativePath,
+        lineNumber: i + 1,
+        lineContent: trimmed,
+        message: `Closing tag "</${doubleSlash[1]}>" has an extra "/"`,
+        fix: `Change "${trimmed}" to "</${doubleSlash[1]}>"`
+      })
+    }
 
-    if (tagWithoutOpening) {
+    // Check for tags without opening < (common mistake: Label, View, etc. without <)
+    // Pattern: "Label id=", "View class=","Button onClick=", etc. WITHOUT opening <
+    if (/^[A-Z][a-zA-Z0-9_]+\s+(id|class|onClick|onOpen|onClose|height|width|backgroundColor|color|font|text|hintText|imageUrl)=/.test(trimmed)) {
       const tagName = trimmed.split(/\s+|[>=]/)[0]
-      const relativePath = filePath.replace(process.cwd() + '/', '')
-
-      // Create a custom error with details for the caller to handle
-      const error = new Error(`XML Syntax Error in ${relativePath}:${i + 1}`)
-      error.isPreValidationError = true
-      error.filePath = relativePath
-      error.lineNumber = i + 1
-      error.lineContent = line.trim()
-      error.tagName = tagName
-
-      // Print error using logger (still throw, but caller can catch and handle)
-      logger.error('XML Syntax Error')
-      logger.warn(`File: "${relativePath}"`)
-      logger.warn(`Line: ${i + 1}`)
-      logger.warn(`Content: "${line.trim()}"`)
-      logger.warn(`Error: Tag "<${tagName}>" is missing opening "<"`)
-      logger.warn(`Fix: Change "${tagName}" to "<${tagName}>"`)
+      throwPreValidationError({
+        relativePath,
+        lineNumber: i + 1,
+        lineContent: trimmed,
+        message: `Tag "<${tagName}>" is missing opening "<"`,
+        fix: `Change "${tagName}" to "<${tagName}>"`
+      })
+    }
 
-      throw error
+    // Check for closing tag with extra slash: "</View/>"
+    const closingExtraSlash = trimmed.match(/^<\/([a-zA-Z0-9_]+)\/>/)
+    if (closingExtraSlash) {
+      throwPreValidationError({
+        relativePath,
+        lineNumber: i + 1,
+        lineContent: trimmed,
+        message: `Closing tag "</${closingExtraSlash[1]}>" has an extra "/" at the end`,
+        fix: `Change "${trimmed}" to "</${closingExtraSlash[1]}>"`
+      })
+    }
+
+    // Check for space between < and tag name: "< View class=..."
+    const spaceBeforeName = trimmed.match(/^<\s+([A-Z][a-zA-Z0-9_]+)\s/)
+    if (spaceBeforeName) {
+      throwPreValidationError({
+        relativePath,
+        lineNumber: i + 1,
+        lineContent: trimmed,
+        message: `Extra space between "<" and tag name "${spaceBeforeName[1]}"`,
+        fix: `Change "< ${spaceBeforeName[1]}" to "<${spaceBeforeName[1]}"`
+      })
+    }
+
+    // Check for attribute without = sign: <View class"foo">
+    const attrNoEquals = trimmed.match(/^<([a-zA-Z0-9_]+)\s+[a-zA-Z]+"/)
+    if (attrNoEquals && !trimmed.includes('=')) {
+      throwPreValidationError({
+        relativePath,
+        lineNumber: i + 1,
+        lineContent: trimmed,
+        message: `Attribute is missing "=" sign`,
+        fix: `Check attributes in this tag — each one needs an "=" before its value`
+      })
+    }
+
+    // Check for backslash in self-closing tag: <Label text="hi" \>
+    if (/\\>/.test(trimmed)) {
+      throwPreValidationError({
+        relativePath,
+        lineNumber: i + 1,
+        lineContent: trimmed,
+        message: `Tag has a backslash "\\>" instead of forward slash "/>"`,
+        fix: `Change "\\>" to "/>"`
+      })
+    }
+
+    // Check for double closing bracket: <View class="foo">>
+    if (/>>/.test(trimmed) && !trimmed.includes('<!--')) {
+      throwPreValidationError({
+        relativePath,
+        lineNumber: i + 1,
+        lineContent: trimmed,
+        message: `Tag has a double ">>" closing bracket`,
+        fix: `Remove the extra ">"`
+      })
+    }
+
+    // Check for unclosed opening tag (line ends without > and next line starts a new tag)
+    if (trimmed.startsWith('<') && !trimmed.startsWith('</') && !trimmed.startsWith('<!--') && !trimmed.endsWith('>') && !trimmed.endsWith('-->')) {
+      const nextTrimmed = (lines[i + 1] || '').trim()
+      if (nextTrimmed.startsWith('<')) {
+        throwPreValidationError({
+          relativePath,
+          lineNumber: i + 1,
+          lineContent: trimmed,
+          message: `Tag is missing its closing ">"`,
+          fix: `Add ">" at the end of this tag`
+        })
+      }
     }
   }
 
   return false
 }
 
+function throwPreValidationError({ relativePath, lineNumber, lineContent, message, fix }) {
+  const error = new Error(`XML Syntax Error in ${relativePath}:${lineNumber}`)
+  error.isPreValidationError = true
+  error.filePath = relativePath
+  error.lineNumber = lineNumber
+  error.lineContent = lineContent
+
+  logger.error('XML Syntax Error\n')
+  logger.info(`File: "${relativePath}"`)
+  logger.info(`Line: ${lineNumber}`)
+  logger.info(`Content: "${lineContent}"\n`)
+  logger.error(message)
+  logger.info(chalk.green(`Fix: ${fix}\n`))
+
+  throw error
+}
+
 /**
  * Extract classes from file content
  * COPIED exactly from original extractClasses() function

package/src/core/builders/tailwind-helpers.js

@@ -383,7 +383,7 @@ export function combineAllValues(base, defaultTheme) {
   allValues.contentWidth = combineKeys(configFile.theme, base.width, 'contentWidth')
   allValues.countDownDuration = combineKeys(configFile.theme, base.spacing, 'countDownDuration')
   allValues.elevation = combineKeys(configFile.theme, base.spacing, 'elevation')
-  allValues.fontFamily = combineKeys(configFile.theme, defaultTheme.fontFamily, 'fontFamily')
+  allValues.fontFamily = combineKeys(configFile.theme, {}, 'fontFamily')
   allValues.fontSize = combineKeys(configFile.theme, base.fontSize, 'fontSize')
   allValues.fontWeight = combineKeys(configFile.theme, defaultTheme.fontWeight, 'fontWeight')
   allValues.gap = combineKeys(configFile.theme, base.spacing, 'gap')

package/src/shared/helpers/typography.js

@@ -26,18 +26,53 @@ function removeFractions(modifiersAndValues, extras = []) {
 
 /**
  * Font family property for text components
+ *
+ * Built-in platform defaults:
+ *   - font-sans → Android: 'sans-serif', iOS: 'Helvetica Neue'
+ *   - font-serif → Android: 'serif', iOS: 'Georgia'
+ *   - font-mono → 'monospace' (both platforms)
+ *
+ * User values from config.cjs override defaults cross-platform.
+ *
  * @param {Object} modifiersAndValues - Modifier and value pairs
  * @returns {string} Generated styles
  */
 export function fontFamily(modifiersAndValues) {
+  const platformDefaults = {
+    sans: { ios: 'Helvetica Neue', android: 'sans-serif' },
+    serif: { ios: 'Georgia', android: 'serif' }
+  }
+
+  const crossPlatformDefaults = { mono: 'monospace' }
+
+  const defaults = { ...modifiersAndValues }
+  const ios = {}
+  const android = {}
+
+  _.each(crossPlatformDefaults, (value, key) => {
+    if (!(key in defaults)) {
+      defaults[key] = value
+    }
+  })
+
+  _.each(platformDefaults, (platforms, key) => {
+    if (!(key in defaults)) {
+      ios[key] = platforms.ios
+      android[key] = platforms.android
+    }
+  })
+
+  const selectorsAndValues = {}
+  if (!_.isEmpty(defaults)) selectorsAndValues.default = defaults
+  if (!_.isEmpty(ios)) selectorsAndValues.ios = ios
+  if (!_.isEmpty(android)) selectorsAndValues.android = android
+
   return processProperties({
     prop: 'fontFamily',
     modules: 'Ti.UI.ActivityIndicator, Ti.UI.Button, Ti.UI.Label, Ti.UI.ListItem, Ti.UI.Picker, Ti.UI.PickerColumn, Ti.UI.PickerRow, Ti.UI.ProgressBar, Ti.UI.Switch, Ti.UI.TableViewRow, Ti.UI.TextArea, Ti.UI.TextField'
   }, {
     font: '{ font: { fontFamily: {value} } }'
-  }, {
-    default: modifiersAndValues
-  })
+  }, selectorsAndValues)
 }
 
 /**