bitwrench 2.0.17 → 2.0.18

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

@@ -0,0 +1,230 @@
+/*! bitwrench-util-css v2.0.18 | BSD-2-Clause | https://deftio.github.com/bitwrench/pages */
+/**
+ * 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 };
+
+export { bitwrenchUtilCss as default, install, u as utilCSS };
+//# sourceMappingURL=bitwrench-util-css.esm.js.map

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

@@ -0,0 +1,21 @@
+/*! bitwrench-util-css v2.0.18 | BSD-2-Clause | https://deftio.github.com/bitwrench/pages */
+/**
+ * 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"}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};export{p as default,d as install,g as utilCSS};
+//# sourceMappingURL=bitwrench-util-css.esm.min.js.map

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

@@ -0,0 +1,242 @@
+/*! 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';
+
+  /**
+   * 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;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=bitwrench-util-css.umd.js.map

package/dist/bitwrench-util-css.umd.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";
+/**
+   * 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 n(t){return.25*t+"rem"}var e={p:function(t){return{padding:n(t)}},pt:function(t){return{paddingTop:n(t)}},pb:function(t){return{paddingBottom:n(t)}},pl:function(t){return{paddingLeft:n(t)}},pr:function(t){return{paddingRight:n(t)}},px:function(t){return{paddingLeft:n(t),paddingRight:n(t)}},py:function(t){return{paddingTop:n(t),paddingBottom:n(t)}},m:function(t){return{margin:n(t)}},mt:function(t){return{marginTop:n(t)}},mb:function(t){return{marginBottom:n(t)}},ml:function(t){return{marginLeft:n(t)}},mr:function(t){return{marginRight:n(t)}},mx:function(t){return{marginLeft:n(t),marginRight:n(t)}},my:function(t){return{marginTop:n(t),marginBottom:n(t)}},gap:function(t){return{gap:n(t)}},w:function(t){return{width:n(t)}},h:function(t){return{height:n(t)}},rounded:function(t){return{borderRadius:n(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"}}},r={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"}},i={},o=/\s+/,f=/^([a-zA-Z]+?)(\d+)$/,u=/^bg-\[([^\]]+)\]$/,l=/^text-\[([^\]]+)\]$/,a=/^bg-(.+)$/,c=/^text-(.+)$/;function d(t){if(i[t]){var n=i[t];return"function"==typeof n?n(t):n}if(r[t])return r[t];var o=f.exec(t);if(o){var d=o[1],g=parseInt(o[2],10);if(e[d])return e[d](g)}if(e[t])return e[t]();var p=u.exec(t);if(p)return{background:p[1]};var s=l.exec(t);if(s)return{color:s[1]};var x=a.exec(t);if(x)return{background:x[1]};var m=c.exec(t);return m?{color:m[1]}:null}function g(t){if(!t||"string"!=typeof t)return{};for(var n=t.trim().split(o),e={},r=0;r<n.length;r++){var i=d(n[r]);if(i)for(var f=Object.keys(i),u=0;u<f.length;u++)e[f[u]]=i[f[u]]}return e}function p(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(o),e=[],r=0;r<n.length;r++){var i=n[r];if(d(i)){var f="bw_"+i.replace(/([A-Z])/g,function(t){return"_"+t.toLowerCase()}).replace(/(\d+)/g,function(t){return"_"+t});e.push(f)}}return e.join(" ")},g.extend=function(t){if(t&&"object"==typeof t)for(var n=Object.keys(t),e=0;e<n.length;e++)i[n[e]]=t[n[e]]},"undefined"!=typeof window&&window.bw&&p(window.bw);var s={utilCSS:g,install:p};t.default=s,t.install=p,t.utilCSS=g,Object.defineProperty(t,"__esModule",{value:!0})});
+//# sourceMappingURL=bitwrench-util-css.umd.min.js.map