bitwrench 2.0.17 → 2.0.18

package/dist/bitwrench-util-css.cjs.js

@@ -0,0 +1,236 @@
+/*! bitwrench-util-css v2.0.18 | BSD-2-Clause | https://deftio.github.com/bitwrench/pages */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * bitwrench-util-css.js - Rule-based CSS utility parser plugin
+ *
+ * Replaces the old static `bw.u` dictionary with a parser that generates
+ * style objects, CSS strings, or class names from shorthand tokens.
+ *
+ * Three output methods:
+ *   bw.u('flex gap4 p4')       → { display: 'flex', gap: '1rem', padding: '1rem' }
+ *   bw.u.css('flex gap4 p4')   → "display:flex;gap:1rem;padding:1rem"
+ *   bw.u.cls('flex gap4 p4')   → "bw_flex bw_gap_4 bw_p_4"
+ *   bw.u.extend({ name: fn })  → register custom rules
+ *
+ * Can be loaded standalone (browser script tag after bitwrench.umd.js),
+ * or imported as an ES module / CJS module.
+ *
+ * @module bitwrench-util-css
+ * @license BSD-2-Clause
+ */
+
+// -- Scale: n → rem (0.25rem increments) ---------------------------------
+function _rem(n) { return (n * 0.25) + 'rem'; }
+
+// -- Built-in parametric rules -------------------------------------------
+// Each returns a style object or null (not recognized).
+var PARAMETRIC = {
+  p:   function(n) { return { padding: _rem(n) }; },
+  pt:  function(n) { return { paddingTop: _rem(n) }; },
+  pb:  function(n) { return { paddingBottom: _rem(n) }; },
+  pl:  function(n) { return { paddingLeft: _rem(n) }; },
+  pr:  function(n) { return { paddingRight: _rem(n) }; },
+  px:  function(n) { return { paddingLeft: _rem(n), paddingRight: _rem(n) }; },
+  py:  function(n) { return { paddingTop: _rem(n), paddingBottom: _rem(n) }; },
+  m:   function(n) { return { margin: _rem(n) }; },
+  mt:  function(n) { return { marginTop: _rem(n) }; },
+  mb:  function(n) { return { marginBottom: _rem(n) }; },
+  ml:  function(n) { return { marginLeft: _rem(n) }; },
+  mr:  function(n) { return { marginRight: _rem(n) }; },
+  mx:  function(n) { return { marginLeft: _rem(n), marginRight: _rem(n) }; },
+  my:  function(n) { return { marginTop: _rem(n), marginBottom: _rem(n) }; },
+  gap: function(n) { return { gap: _rem(n) }; },
+  w:   function(n) { return { width: _rem(n) }; },
+  h:   function(n) { return { height: _rem(n) }; },
+  rounded: function(n) { return { borderRadius: _rem(n) }; },
+  textSm:   function()  { return { fontSize: '0.875rem' }; },
+  textBase: function()  { return { fontSize: '1rem' }; },
+  textLg:   function()  { return { fontSize: '1.125rem' }; },
+  textXl:   function()  { return { fontSize: '1.25rem' }; },
+  text2xl:  function()  { return { fontSize: '1.5rem' }; },
+  text3xl:  function()  { return { fontSize: '1.875rem' }; }
+};
+
+// -- Static keywords (no numeric param) ----------------------------------
+var STATICS = {
+  flex:           { display: 'flex' },
+  flexCol:        { display: 'flex', flexDirection: 'column' },
+  flexRow:        { display: 'flex', flexDirection: 'row' },
+  flexWrap:       { display: 'flex', flexWrap: 'wrap' },
+  block:          { display: 'block' },
+  inline:         { display: 'inline' },
+  hidden:         { display: 'none' },
+  bold:           { fontWeight: '700' },
+  semibold:       { fontWeight: '600' },
+  italic:         { fontStyle: 'italic' },
+  textCenter:     { textAlign: 'center' },
+  textRight:      { textAlign: 'right' },
+  justifyCenter:  { justifyContent: 'center' },
+  justifyBetween: { justifyContent: 'space-between' },
+  justifyEnd:     { justifyContent: 'flex-end' },
+  alignCenter:    { alignItems: 'center' },
+  alignStart:     { alignItems: 'flex-start' },
+  alignEnd:       { alignItems: 'flex-end' },
+  wFull:          { width: '100%' },
+  hFull:          { height: '100%' },
+  transition:     { transition: 'all 0.2s ease' }
+};
+
+// -- Custom rules (added via u.extend) -----------------------------------
+var _custom = {};
+
+// -- Token parser --------------------------------------------------------
+// Regex: split on whitespace
+var _splitRe = /\s+/;
+
+// Match parametric token: name + digits, e.g. "p4", "gap8", "rounded2"
+var _paramRe = /^([a-zA-Z]+?)(\d+)$/;
+
+// Match color rules: bg-<name>, text-<name>, bg-[#hex]
+var _bgBracketRe = /^bg-\[([^\]]+)\]$/;
+var _textBracketRe = /^text-\[([^\]]+)\]$/;
+var _bgNameRe = /^bg-(.+)$/;
+var _textNameRe = /^text-(.+)$/;
+
+/**
+ * Parse a single token into a style object, or null if unknown.
+ */
+function _parseToken(token) {
+  // 1. Custom rules first
+  if (_custom[token]) {
+    var val = _custom[token];
+    return typeof val === 'function' ? val(token) : val;
+  }
+
+  // 2. Static keywords
+  if (STATICS[token]) return STATICS[token];
+
+  // 3. Parametric rules (e.g. p4, gap8, mb2)
+  var pm = _paramRe.exec(token);
+  if (pm) {
+    var name = pm[1];
+    var num = parseInt(pm[2], 10);
+    if (PARAMETRIC[name]) return PARAMETRIC[name](num);
+  }
+
+  // 4. Non-numeric parametric (text sizes like textSm)
+  if (PARAMETRIC[token]) return PARAMETRIC[token]();
+
+  // 5. Color: bg-[#hex]
+  var bgBr = _bgBracketRe.exec(token);
+  if (bgBr) return { background: bgBr[1] };
+
+  // 6. Color: text-[#hex]
+  var textBr = _textBracketRe.exec(token);
+  if (textBr) return { color: textBr[1] };
+
+  // 7. Color: bg-<name>
+  var bgN = _bgNameRe.exec(token);
+  if (bgN) return { background: bgN[1] };
+
+  // 8. Color: text-<name>
+  var textN = _textNameRe.exec(token);
+  if (textN) return { color: textN[1] };
+
+  // Unknown → silently ignored
+  return null;
+}
+
+/**
+ * Parse a space-separated string of utility tokens into a merged style object.
+ *
+ * @param {string} str - Space-separated utility tokens
+ * @returns {Object} Merged style object
+ */
+function u(str) {
+  if (!str || typeof str !== 'string') return {};
+  var tokens = str.trim().split(_splitRe);
+  var result = {};
+  for (var i = 0; i < tokens.length; i++) {
+    var style = _parseToken(tokens[i]);
+    if (style) {
+      var keys = Object.keys(style);
+      for (var j = 0; j < keys.length; j++) {
+        result[keys[j]] = style[keys[j]];
+      }
+    }
+  }
+  return result;
+}
+
+/**
+ * Parse tokens and return a CSS declaration string.
+ *
+ * @param {string} str - Space-separated utility tokens
+ * @returns {string} CSS declarations (e.g. "display:flex;gap:1rem")
+ */
+u.css = function(str) {
+  var style = u(str);
+  var parts = [];
+  var keys = Object.keys(style);
+  for (var i = 0; i < keys.length; i++) {
+    // Convert camelCase to kebab-case
+    var prop = keys[i].replace(/([A-Z])/g, function(m) { return '-' + m.toLowerCase(); });
+    parts.push(prop + ':' + style[keys[i]]);
+  }
+  return parts.join(';');
+};
+
+/**
+ * Parse tokens and return BEM-style class names (bw_ prefixed).
+ *
+ * @param {string} str - Space-separated utility tokens
+ * @returns {string} Space-separated class names
+ */
+u.cls = function(str) {
+  if (!str || typeof str !== 'string') return '';
+  var tokens = str.trim().split(_splitRe);
+  var classes = [];
+  for (var i = 0; i < tokens.length; i++) {
+    var token = tokens[i];
+    // Only emit classes for recognized tokens
+    if (_parseToken(token)) {
+      // Convert camelCase to underscore, digits get underscore prefix
+      var cls = 'bw_' + token
+        .replace(/([A-Z])/g, function(m) { return '_' + m.toLowerCase(); })
+        .replace(/(\d+)/g, function(m) { return '_' + m; });
+      classes.push(cls);
+    }
+  }
+  return classes.join(' ');
+};
+
+/**
+ * Register custom rules. Each key is a token name, value is either
+ * a style object or a function returning a style object.
+ *
+ * @param {Object} rules - Map of token → style object or function
+ */
+u.extend = function(rules) {
+  if (!rules || typeof rules !== 'object') return;
+  var keys = Object.keys(rules);
+  for (var i = 0; i < keys.length; i++) {
+    _custom[keys[i]] = rules[keys[i]];
+  }
+};
+
+// -- Plugin installation -------------------------------------------------
+function install(bw) {
+  if (!bw) return;
+  bw.utilCSS = u;
+  bw.u = u;
+}
+
+// Auto-install if bw is on window (script tag usage)
+if (typeof window !== 'undefined' && window.bw) {
+  install(window.bw);
+}
+var bitwrenchUtilCss = { utilCSS: u, install };
+
+exports.default = bitwrenchUtilCss;
+exports.install = install;
+exports.utilCSS = u;
+//# sourceMappingURL=bitwrench-util-css.cjs.js.map

package/dist/bitwrench-util-css.cjs.min.js

@@ -0,0 +1,22 @@
+/*! bitwrench-util-css v2.0.18 | BSD-2-Clause | https://deftio.github.com/bitwrench/pages */
+"use strict";
+/**
+ * bitwrench-util-css.js - Rule-based CSS utility parser plugin
+ *
+ * Replaces the old static `bw.u` dictionary with a parser that generates
+ * style objects, CSS strings, or class names from shorthand tokens.
+ *
+ * Three output methods:
+ *   bw.u('flex gap4 p4')       → { display: 'flex', gap: '1rem', padding: '1rem' }
+ *   bw.u.css('flex gap4 p4')   → "display:flex;gap:1rem;padding:1rem"
+ *   bw.u.cls('flex gap4 p4')   → "bw_flex bw_gap_4 bw_p_4"
+ *   bw.u.extend({ name: fn })  → register custom rules
+ *
+ * Can be loaded standalone (browser script tag after bitwrench.umd.js),
+ * or imported as an ES module / CJS module.
+ *
+ * @module bitwrench-util-css
+ * @license BSD-2-Clause
+ */
+function t(t){return.25*t+"rem"}Object.defineProperty(exports,"__esModule",{value:!0});var n={p:function(n){return{padding:t(n)}},pt:function(n){return{paddingTop:t(n)}},pb:function(n){return{paddingBottom:t(n)}},pl:function(n){return{paddingLeft:t(n)}},pr:function(n){return{paddingRight:t(n)}},px:function(n){return{paddingLeft:t(n),paddingRight:t(n)}},py:function(n){return{paddingTop:t(n),paddingBottom:t(n)}},m:function(n){return{margin:t(n)}},mt:function(n){return{marginTop:t(n)}},mb:function(n){return{marginBottom:t(n)}},ml:function(n){return{marginLeft:t(n)}},mr:function(n){return{marginRight:t(n)}},mx:function(n){return{marginLeft:t(n),marginRight:t(n)}},my:function(n){return{marginTop:t(n),marginBottom:t(n)}},gap:function(n){return{gap:t(n)}},w:function(n){return{width:t(n)}},h:function(n){return{height:t(n)}},rounded:function(n){return{borderRadius:t(n)}},textSm:function(){return{fontSize:"0.875rem"}},textBase:function(){return{fontSize:"1rem"}},textLg:function(){return{fontSize:"1.125rem"}},textXl:function(){return{fontSize:"1.25rem"}},text2xl:function(){return{fontSize:"1.5rem"}},text3xl:function(){return{fontSize:"1.875rem"}}},e={flex:{display:"flex"},flexCol:{display:"flex",flexDirection:"column"},flexRow:{display:"flex",flexDirection:"row"},flexWrap:{display:"flex",flexWrap:"wrap"},block:{display:"block"},inline:{display:"inline"},hidden:{display:"none"},bold:{fontWeight:"700"},semibold:{fontWeight:"600"},italic:{fontStyle:"italic"},textCenter:{textAlign:"center"},textRight:{textAlign:"right"},justifyCenter:{justifyContent:"center"},justifyBetween:{justifyContent:"space-between"},justifyEnd:{justifyContent:"flex-end"},alignCenter:{alignItems:"center"},alignStart:{alignItems:"flex-start"},alignEnd:{alignItems:"flex-end"},wFull:{width:"100%"},hFull:{height:"100%"},transition:{transition:"all 0.2s ease"}},r={},i=/\s+/,o=/^([a-zA-Z]+?)(\d+)$/,u=/^bg-\[([^\]]+)\]$/,f=/^text-\[([^\]]+)\]$/,a=/^bg-(.+)$/,l=/^text-(.+)$/;function c(t){if(r[t]){var i=r[t];return"function"==typeof i?i(t):i}if(e[t])return e[t];var c=o.exec(t);if(c){var g=c[1],d=parseInt(c[2],10);if(n[g])return n[g](d)}if(n[t])return n[t]();var p=u.exec(t);if(p)return{background:p[1]};var s=f.exec(t);if(s)return{color:s[1]};var x=a.exec(t);if(x)return{background:x[1]};var m=l.exec(t);return m?{color:m[1]}:null}function g(t){if(!t||"string"!=typeof t)return{};for(var n=t.trim().split(i),e={},r=0;r<n.length;r++){var o=c(n[r]);if(o)for(var u=Object.keys(o),f=0;f<u.length;f++)e[u[f]]=o[u[f]]}return e}function d(t){t&&(t.utilCSS=g,t.u=g)}g.css=function(t){for(var n=g(t),e=[],r=Object.keys(n),i=0;i<r.length;i++){var o=r[i].replace(/([A-Z])/g,function(t){return"-"+t.toLowerCase()});e.push(o+":"+n[r[i]])}return e.join(";")},g.cls=function(t){if(!t||"string"!=typeof t)return"";for(var n=t.trim().split(i),e=[],r=0;r<n.length;r++){var o=n[r];if(c(o)){var u="bw_"+o.replace(/([A-Z])/g,function(t){return"_"+t.toLowerCase()}).replace(/(\d+)/g,function(t){return"_"+t});e.push(u)}}return e.join(" ")},g.extend=function(t){if(t&&"object"==typeof t)for(var n=Object.keys(t),e=0;e<n.length;e++)r[n[e]]=t[n[e]]},"undefined"!=typeof window&&window.bw&&d(window.bw);var p={utilCSS:g,install:d};exports.default=p,exports.install=d,exports.utilCSS=g;
+//# sourceMappingURL=bitwrench-util-css.cjs.min.js.map

package/dist/bitwrench-util-css.es5.js

@@ -0,0 +1,414 @@
+/*! bitwrench-util-css v2.0.18 | BSD-2-Clause | https://deftio.github.com/bitwrench/pages */
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.bwUtilCSS = {}));
+})(this, (function (exports) { 'use strict';
+
+  function _typeof(o) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+      return typeof o;
+    } : function (o) {
+      return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+    }, _typeof(o);
+  }
+
+  /**
+   * bitwrench-util-css.js - Rule-based CSS utility parser plugin
+   *
+   * Replaces the old static `bw.u` dictionary with a parser that generates
+   * style objects, CSS strings, or class names from shorthand tokens.
+   *
+   * Three output methods:
+   *   bw.u('flex gap4 p4')       → { display: 'flex', gap: '1rem', padding: '1rem' }
+   *   bw.u.css('flex gap4 p4')   → "display:flex;gap:1rem;padding:1rem"
+   *   bw.u.cls('flex gap4 p4')   → "bw_flex bw_gap_4 bw_p_4"
+   *   bw.u.extend({ name: fn })  → register custom rules
+   *
+   * Can be loaded standalone (browser script tag after bitwrench.umd.js),
+   * or imported as an ES module / CJS module.
+   *
+   * @module bitwrench-util-css
+   * @license BSD-2-Clause
+   */
+
+  // -- Scale: n → rem (0.25rem increments) ---------------------------------
+  function _rem(n) {
+    return n * 0.25 + 'rem';
+  }
+
+  // -- Built-in parametric rules -------------------------------------------
+  // Each returns a style object or null (not recognized).
+  var PARAMETRIC = {
+    p: function p(n) {
+      return {
+        padding: _rem(n)
+      };
+    },
+    pt: function pt(n) {
+      return {
+        paddingTop: _rem(n)
+      };
+    },
+    pb: function pb(n) {
+      return {
+        paddingBottom: _rem(n)
+      };
+    },
+    pl: function pl(n) {
+      return {
+        paddingLeft: _rem(n)
+      };
+    },
+    pr: function pr(n) {
+      return {
+        paddingRight: _rem(n)
+      };
+    },
+    px: function px(n) {
+      return {
+        paddingLeft: _rem(n),
+        paddingRight: _rem(n)
+      };
+    },
+    py: function py(n) {
+      return {
+        paddingTop: _rem(n),
+        paddingBottom: _rem(n)
+      };
+    },
+    m: function m(n) {
+      return {
+        margin: _rem(n)
+      };
+    },
+    mt: function mt(n) {
+      return {
+        marginTop: _rem(n)
+      };
+    },
+    mb: function mb(n) {
+      return {
+        marginBottom: _rem(n)
+      };
+    },
+    ml: function ml(n) {
+      return {
+        marginLeft: _rem(n)
+      };
+    },
+    mr: function mr(n) {
+      return {
+        marginRight: _rem(n)
+      };
+    },
+    mx: function mx(n) {
+      return {
+        marginLeft: _rem(n),
+        marginRight: _rem(n)
+      };
+    },
+    my: function my(n) {
+      return {
+        marginTop: _rem(n),
+        marginBottom: _rem(n)
+      };
+    },
+    gap: function gap(n) {
+      return {
+        gap: _rem(n)
+      };
+    },
+    w: function w(n) {
+      return {
+        width: _rem(n)
+      };
+    },
+    h: function h(n) {
+      return {
+        height: _rem(n)
+      };
+    },
+    rounded: function rounded(n) {
+      return {
+        borderRadius: _rem(n)
+      };
+    },
+    textSm: function textSm() {
+      return {
+        fontSize: '0.875rem'
+      };
+    },
+    textBase: function textBase() {
+      return {
+        fontSize: '1rem'
+      };
+    },
+    textLg: function textLg() {
+      return {
+        fontSize: '1.125rem'
+      };
+    },
+    textXl: function textXl() {
+      return {
+        fontSize: '1.25rem'
+      };
+    },
+    text2xl: function text2xl() {
+      return {
+        fontSize: '1.5rem'
+      };
+    },
+    text3xl: function text3xl() {
+      return {
+        fontSize: '1.875rem'
+      };
+    }
+  };
+
+  // -- Static keywords (no numeric param) ----------------------------------
+  var STATICS = {
+    flex: {
+      display: 'flex'
+    },
+    flexCol: {
+      display: 'flex',
+      flexDirection: 'column'
+    },
+    flexRow: {
+      display: 'flex',
+      flexDirection: 'row'
+    },
+    flexWrap: {
+      display: 'flex',
+      flexWrap: 'wrap'
+    },
+    block: {
+      display: 'block'
+    },
+    inline: {
+      display: 'inline'
+    },
+    hidden: {
+      display: 'none'
+    },
+    bold: {
+      fontWeight: '700'
+    },
+    semibold: {
+      fontWeight: '600'
+    },
+    italic: {
+      fontStyle: 'italic'
+    },
+    textCenter: {
+      textAlign: 'center'
+    },
+    textRight: {
+      textAlign: 'right'
+    },
+    justifyCenter: {
+      justifyContent: 'center'
+    },
+    justifyBetween: {
+      justifyContent: 'space-between'
+    },
+    justifyEnd: {
+      justifyContent: 'flex-end'
+    },
+    alignCenter: {
+      alignItems: 'center'
+    },
+    alignStart: {
+      alignItems: 'flex-start'
+    },
+    alignEnd: {
+      alignItems: 'flex-end'
+    },
+    wFull: {
+      width: '100%'
+    },
+    hFull: {
+      height: '100%'
+    },
+    transition: {
+      transition: 'all 0.2s ease'
+    }
+  };
+
+  // -- Custom rules (added via u.extend) -----------------------------------
+  var _custom = {};
+
+  // -- Token parser --------------------------------------------------------
+  // Regex: split on whitespace
+  var _splitRe = /\s+/;
+
+  // Match parametric token: name + digits, e.g. "p4", "gap8", "rounded2"
+  var _paramRe = /^([a-zA-Z]+?)(\d+)$/;
+
+  // Match color rules: bg-<name>, text-<name>, bg-[#hex]
+  var _bgBracketRe = /^bg-\[([^\]]+)\]$/;
+  var _textBracketRe = /^text-\[([^\]]+)\]$/;
+  var _bgNameRe = /^bg-(.+)$/;
+  var _textNameRe = /^text-(.+)$/;
+
+  /**
+   * Parse a single token into a style object, or null if unknown.
+   */
+  function _parseToken(token) {
+    // 1. Custom rules first
+    if (_custom[token]) {
+      var val = _custom[token];
+      return typeof val === 'function' ? val(token) : val;
+    }
+
+    // 2. Static keywords
+    if (STATICS[token]) return STATICS[token];
+
+    // 3. Parametric rules (e.g. p4, gap8, mb2)
+    var pm = _paramRe.exec(token);
+    if (pm) {
+      var name = pm[1];
+      var num = parseInt(pm[2], 10);
+      if (PARAMETRIC[name]) return PARAMETRIC[name](num);
+    }
+
+    // 4. Non-numeric parametric (text sizes like textSm)
+    if (PARAMETRIC[token]) return PARAMETRIC[token]();
+
+    // 5. Color: bg-[#hex]
+    var bgBr = _bgBracketRe.exec(token);
+    if (bgBr) return {
+      background: bgBr[1]
+    };
+
+    // 6. Color: text-[#hex]
+    var textBr = _textBracketRe.exec(token);
+    if (textBr) return {
+      color: textBr[1]
+    };
+
+    // 7. Color: bg-<name>
+    var bgN = _bgNameRe.exec(token);
+    if (bgN) return {
+      background: bgN[1]
+    };
+
+    // 8. Color: text-<name>
+    var textN = _textNameRe.exec(token);
+    if (textN) return {
+      color: textN[1]
+    };
+
+    // Unknown → silently ignored
+    return null;
+  }
+
+  /**
+   * Parse a space-separated string of utility tokens into a merged style object.
+   *
+   * @param {string} str - Space-separated utility tokens
+   * @returns {Object} Merged style object
+   */
+  function u(str) {
+    if (!str || typeof str !== 'string') return {};
+    var tokens = str.trim().split(_splitRe);
+    var result = {};
+    for (var i = 0; i < tokens.length; i++) {
+      var style = _parseToken(tokens[i]);
+      if (style) {
+        var keys = Object.keys(style);
+        for (var j = 0; j < keys.length; j++) {
+          result[keys[j]] = style[keys[j]];
+        }
+      }
+    }
+    return result;
+  }
+
+  /**
+   * Parse tokens and return a CSS declaration string.
+   *
+   * @param {string} str - Space-separated utility tokens
+   * @returns {string} CSS declarations (e.g. "display:flex;gap:1rem")
+   */
+  u.css = function (str) {
+    var style = u(str);
+    var parts = [];
+    var keys = Object.keys(style);
+    for (var i = 0; i < keys.length; i++) {
+      // Convert camelCase to kebab-case
+      var prop = keys[i].replace(/([A-Z])/g, function (m) {
+        return '-' + m.toLowerCase();
+      });
+      parts.push(prop + ':' + style[keys[i]]);
+    }
+    return parts.join(';');
+  };
+
+  /**
+   * Parse tokens and return BEM-style class names (bw_ prefixed).
+   *
+   * @param {string} str - Space-separated utility tokens
+   * @returns {string} Space-separated class names
+   */
+  u.cls = function (str) {
+    if (!str || typeof str !== 'string') return '';
+    var tokens = str.trim().split(_splitRe);
+    var classes = [];
+    for (var i = 0; i < tokens.length; i++) {
+      var token = tokens[i];
+      // Only emit classes for recognized tokens
+      if (_parseToken(token)) {
+        // Convert camelCase to underscore, digits get underscore prefix
+        var cls = 'bw_' + token.replace(/([A-Z])/g, function (m) {
+          return '_' + m.toLowerCase();
+        }).replace(/(\d+)/g, function (m) {
+          return '_' + m;
+        });
+        classes.push(cls);
+      }
+    }
+    return classes.join(' ');
+  };
+
+  /**
+   * Register custom rules. Each key is a token name, value is either
+   * a style object or a function returning a style object.
+   *
+   * @param {Object} rules - Map of token → style object or function
+   */
+  u.extend = function (rules) {
+    if (!rules || _typeof(rules) !== 'object') return;
+    var keys = Object.keys(rules);
+    for (var i = 0; i < keys.length; i++) {
+      _custom[keys[i]] = rules[keys[i]];
+    }
+  };
+
+  // -- Plugin installation -------------------------------------------------
+  function install(bw) {
+    if (!bw) return;
+    bw.utilCSS = u;
+    bw.u = u;
+  }
+
+  // Auto-install if bw is on window (script tag usage)
+  if (typeof window !== 'undefined' && window.bw) {
+    install(window.bw);
+  }
+  var bitwrenchUtilCss = {
+    utilCSS: u,
+    install: install
+  };
+
+  exports.default = bitwrenchUtilCss;
+  exports.install = install;
+  exports.utilCSS = u;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=bitwrench-util-css.es5.js.map

package/dist/bitwrench-util-css.es5.min.js

@@ -0,0 +1,21 @@
+/*! bitwrench-util-css v2.0.18 | BSD-2-Clause | https://deftio.github.com/bitwrench/pages */
+!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n((t="undefined"!=typeof globalThis?globalThis:t||self).bwUtilCSS={})}(this,function(t){"use strict";function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}
+/**
+   * bitwrench-util-css.js - Rule-based CSS utility parser plugin
+   *
+   * Replaces the old static `bw.u` dictionary with a parser that generates
+   * style objects, CSS strings, or class names from shorthand tokens.
+   *
+   * Three output methods:
+   *   bw.u('flex gap4 p4')       → { display: 'flex', gap: '1rem', padding: '1rem' }
+   *   bw.u.css('flex gap4 p4')   → "display:flex;gap:1rem;padding:1rem"
+   *   bw.u.cls('flex gap4 p4')   → "bw_flex bw_gap_4 bw_p_4"
+   *   bw.u.extend({ name: fn })  → register custom rules
+   *
+   * Can be loaded standalone (browser script tag after bitwrench.umd.js),
+   * or imported as an ES module / CJS module.
+   *
+   * @module bitwrench-util-css
+   * @license BSD-2-Clause
+   */function e(t){return.25*t+"rem"}var r={p:function(t){return{padding:e(t)}},pt:function(t){return{paddingTop:e(t)}},pb:function(t){return{paddingBottom:e(t)}},pl:function(t){return{paddingLeft:e(t)}},pr:function(t){return{paddingRight:e(t)}},px:function(t){return{paddingLeft:e(t),paddingRight:e(t)}},py:function(t){return{paddingTop:e(t),paddingBottom:e(t)}},m:function(t){return{margin:e(t)}},mt:function(t){return{marginTop:e(t)}},mb:function(t){return{marginBottom:e(t)}},ml:function(t){return{marginLeft:e(t)}},mr:function(t){return{marginRight:e(t)}},mx:function(t){return{marginLeft:e(t),marginRight:e(t)}},my:function(t){return{marginTop:e(t),marginBottom:e(t)}},gap:function(t){return{gap:e(t)}},w:function(t){return{width:e(t)}},h:function(t){return{height:e(t)}},rounded:function(t){return{borderRadius:e(t)}},textSm:function(){return{fontSize:"0.875rem"}},textBase:function(){return{fontSize:"1rem"}},textLg:function(){return{fontSize:"1.125rem"}},textXl:function(){return{fontSize:"1.25rem"}},text2xl:function(){return{fontSize:"1.5rem"}},text3xl:function(){return{fontSize:"1.875rem"}}},i={flex:{display:"flex"},flexCol:{display:"flex",flexDirection:"column"},flexRow:{display:"flex",flexDirection:"row"},flexWrap:{display:"flex",flexWrap:"wrap"},block:{display:"block"},inline:{display:"inline"},hidden:{display:"none"},bold:{fontWeight:"700"},semibold:{fontWeight:"600"},italic:{fontStyle:"italic"},textCenter:{textAlign:"center"},textRight:{textAlign:"right"},justifyCenter:{justifyContent:"center"},justifyBetween:{justifyContent:"space-between"},justifyEnd:{justifyContent:"flex-end"},alignCenter:{alignItems:"center"},alignStart:{alignItems:"flex-start"},alignEnd:{alignItems:"flex-end"},wFull:{width:"100%"},hFull:{height:"100%"},transition:{transition:"all 0.2s ease"}},o={},f=/\s+/,u=/^([a-zA-Z]+?)(\d+)$/,l=/^bg-\[([^\]]+)\]$/,a=/^text-\[([^\]]+)\]$/,c=/^bg-(.+)$/,d=/^text-(.+)$/;function p(t){if(o[t]){var n=o[t];return"function"==typeof n?n(t):n}if(i[t])return i[t];var e=u.exec(t);if(e){var f=e[1],p=parseInt(e[2],10);if(r[f])return r[f](p)}if(r[t])return r[t]();var s=l.exec(t);if(s)return{background:s[1]};var g=a.exec(t);if(g)return{color:g[1]};var m=c.exec(t);if(m)return{background:m[1]};var y=d.exec(t);return y?{color:y[1]}:null}function s(t){if(!t||"string"!=typeof t)return{};for(var n=t.trim().split(f),e={},r=0;r<n.length;r++){var i=p(n[r]);if(i)for(var o=Object.keys(i),u=0;u<o.length;u++)e[o[u]]=i[o[u]]}return e}function g(t){t&&(t.utilCSS=s,t.u=s)}s.css=function(t){for(var n=s(t),e=[],r=Object.keys(n),i=0;i<r.length;i++){var o=r[i].replace(/([A-Z])/g,function(t){return"-"+t.toLowerCase()});e.push(o+":"+n[r[i]])}return e.join(";")},s.cls=function(t){if(!t||"string"!=typeof t)return"";for(var n=t.trim().split(f),e=[],r=0;r<n.length;r++){var i=n[r];if(p(i)){var o="bw_"+i.replace(/([A-Z])/g,function(t){return"_"+t.toLowerCase()}).replace(/(\d+)/g,function(t){return"_"+t});e.push(o)}}return e.join(" ")},s.extend=function(t){if(t&&"object"===n(t))for(var e=Object.keys(t),r=0;r<e.length;r++)o[e[r]]=t[e[r]]},"undefined"!=typeof window&&window.bw&&g(window.bw);var m={utilCSS:s,install:g};t.default=m,t.install=g,t.utilCSS=s,Object.defineProperty(t,"__esModule",{value:!0})});
+//# sourceMappingURL=bitwrench-util-css.es5.min.js.map