@master/css 1.14.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (219) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +35 -0
  3. package/breakpoints.d.ts +12 -0
  4. package/breakpoints.js +1 -0
  5. package/colors.d.ts +224 -0
  6. package/colors.js +1 -0
  7. package/constants/css-browser-prefix.d.ts +3 -0
  8. package/constants/css-property-keyword.d.ts +214 -0
  9. package/constants/direction.d.ts +10 -0
  10. package/constants/priority-selectors.d.ts +1 -0
  11. package/index.d.ts +5 -0
  12. package/index.js +1 -0
  13. package/interfaces/style-media-feature.d.ts +7 -0
  14. package/interfaces/style-media.d.ts +8 -0
  15. package/package.json +29 -0
  16. package/render.d.ts +7 -0
  17. package/render.js +1 -0
  18. package/sheet.d.ts +55 -0
  19. package/style.d.ts +68 -0
  20. package/styles/accent-color.d.ts +6 -0
  21. package/styles/align-content.d.ts +5 -0
  22. package/styles/align-items.d.ts +5 -0
  23. package/styles/align-self.d.ts +5 -0
  24. package/styles/animation-delay.d.ts +6 -0
  25. package/styles/animation-direction.d.ts +5 -0
  26. package/styles/animation-duration.d.ts +6 -0
  27. package/styles/animation-fill-mode.d.ts +5 -0
  28. package/styles/animation-iteration-count.d.ts +6 -0
  29. package/styles/animation-name.d.ts +5 -0
  30. package/styles/animation-play-state.d.ts +5 -0
  31. package/styles/animation-timing-function.d.ts +5 -0
  32. package/styles/animation.d.ts +7 -0
  33. package/styles/appearance.d.ts +4 -0
  34. package/styles/aspect-radio.d.ts +10 -0
  35. package/styles/backdrop-filter.d.ts +9 -0
  36. package/styles/background-attachment.d.ts +5 -0
  37. package/styles/background-blend-mode.d.ts +4 -0
  38. package/styles/background-clip.d.ts +8 -0
  39. package/styles/background-color.d.ts +8 -0
  40. package/styles/background-image.d.ts +5 -0
  41. package/styles/background-origin.d.ts +10 -0
  42. package/styles/background-position.d.ts +6 -0
  43. package/styles/background-repeat.d.ts +5 -0
  44. package/styles/background-size.d.ts +5 -0
  45. package/styles/background.d.ts +7 -0
  46. package/styles/border-collapse.d.ts +5 -0
  47. package/styles/border-color.d.ts +11 -0
  48. package/styles/border-image-outset.d.ts +4 -0
  49. package/styles/border-image-repeat.d.ts +5 -0
  50. package/styles/border-image-slice.d.ts +5 -0
  51. package/styles/border-image-source.d.ts +5 -0
  52. package/styles/border-image-width.d.ts +5 -0
  53. package/styles/border-image.d.ts +5 -0
  54. package/styles/border-radius.d.ts +13 -0
  55. package/styles/border-spacing.d.ts +4 -0
  56. package/styles/border-style.d.ts +9 -0
  57. package/styles/border-width.d.ts +9 -0
  58. package/styles/border.d.ts +10 -0
  59. package/styles/box-decoration-break.d.ts +8 -0
  60. package/styles/box-shadow.d.ts +6 -0
  61. package/styles/box-sizing.d.ts +9 -0
  62. package/styles/break-after.d.ts +4 -0
  63. package/styles/break-before.d.ts +4 -0
  64. package/styles/break-inside.d.ts +4 -0
  65. package/styles/caret-color.d.ts +7 -0
  66. package/styles/clear.d.ts +4 -0
  67. package/styles/clip-path.d.ts +14 -0
  68. package/styles/column-span.d.ts +5 -0
  69. package/styles/columns.d.ts +7 -0
  70. package/styles/contain.d.ts +4 -0
  71. package/styles/content.d.ts +4 -0
  72. package/styles/cursor.d.ts +4 -0
  73. package/styles/cx.d.ts +5 -0
  74. package/styles/cy.d.ts +5 -0
  75. package/styles/direction.d.ts +4 -0
  76. package/styles/display.d.ts +18 -0
  77. package/styles/fill.d.ts +6 -0
  78. package/styles/filter.d.ts +6 -0
  79. package/styles/flex-basis.d.ts +10 -0
  80. package/styles/flex-direction.d.ts +9 -0
  81. package/styles/flex-grow.d.ts +5 -0
  82. package/styles/flex-shrink.d.ts +5 -0
  83. package/styles/flex-wrap.d.ts +5 -0
  84. package/styles/flex.d.ts +6 -0
  85. package/styles/float.d.ts +4 -0
  86. package/styles/font-color.d.ts +8 -0
  87. package/styles/font-family.d.ts +10 -0
  88. package/styles/font-size.d.ts +5 -0
  89. package/styles/font-smoothing.d.ts +9 -0
  90. package/styles/font-style.d.ts +6 -0
  91. package/styles/font-variant-numeric.d.ts +5 -0
  92. package/styles/font-weight.d.ts +17 -0
  93. package/styles/font.d.ts +8 -0
  94. package/styles/gap.d.ts +9 -0
  95. package/styles/grid-area.d.ts +6 -0
  96. package/styles/grid-auto-columns.d.ts +9 -0
  97. package/styles/grid-auto-flow.d.ts +5 -0
  98. package/styles/grid-auto-rows.d.ts +8 -0
  99. package/styles/grid-column-end.d.ts +6 -0
  100. package/styles/grid-column-start.d.ts +6 -0
  101. package/styles/grid-column.d.ts +8 -0
  102. package/styles/grid-columns.d.ts +9 -0
  103. package/styles/grid-row-end.d.ts +5 -0
  104. package/styles/grid-row-start.d.ts +5 -0
  105. package/styles/grid-row.d.ts +8 -0
  106. package/styles/grid-rows.d.ts +8 -0
  107. package/styles/grid-template-areas.d.ts +4 -0
  108. package/styles/grid-template-columns.d.ts +9 -0
  109. package/styles/grid-template-rows.d.ts +8 -0
  110. package/styles/grid-template.d.ts +5 -0
  111. package/styles/grid.d.ts +5 -0
  112. package/styles/height.d.ts +11 -0
  113. package/styles/index.d.ts +17 -0
  114. package/styles/inset.d.ts +22 -0
  115. package/styles/isolation.d.ts +7 -0
  116. package/styles/justify-content.d.ts +5 -0
  117. package/styles/justify-items.d.ts +5 -0
  118. package/styles/justify-self.d.ts +5 -0
  119. package/styles/letter-spacing.d.ts +6 -0
  120. package/styles/line-height.d.ts +6 -0
  121. package/styles/lines.d.ts +9 -0
  122. package/styles/list-style-image.d.ts +5 -0
  123. package/styles/list-style-position.d.ts +5 -0
  124. package/styles/list-style-type.d.ts +5 -0
  125. package/styles/list-style.d.ts +5 -0
  126. package/styles/margin.d.ts +9 -0
  127. package/styles/mask-image.d.ts +7 -0
  128. package/styles/max-height.d.ts +11 -0
  129. package/styles/max-width.d.ts +11 -0
  130. package/styles/min-height.d.ts +11 -0
  131. package/styles/min-width.d.ts +11 -0
  132. package/styles/mix-blend-mode.d.ts +5 -0
  133. package/styles/object-fit.d.ts +5 -0
  134. package/styles/object-position.d.ts +5 -0
  135. package/styles/opacity.d.ts +5 -0
  136. package/styles/order.d.ts +10 -0
  137. package/styles/outline-color.d.ts +6 -0
  138. package/styles/outline-offset.d.ts +4 -0
  139. package/styles/outline-style.d.ts +5 -0
  140. package/styles/outline-width.d.ts +5 -0
  141. package/styles/outline.d.ts +5 -0
  142. package/styles/overflow.d.ts +9 -0
  143. package/styles/overscroll-behavior.d.ts +8 -0
  144. package/styles/padding.d.ts +9 -0
  145. package/styles/place-content.d.ts +5 -0
  146. package/styles/place-items.d.ts +5 -0
  147. package/styles/place-self.d.ts +5 -0
  148. package/styles/placement.d.ts +7 -0
  149. package/styles/pointer-events.d.ts +4 -0
  150. package/styles/position.d.ts +15 -0
  151. package/styles/quotes.d.ts +4 -0
  152. package/styles/resize.d.ts +4 -0
  153. package/styles/rx.d.ts +5 -0
  154. package/styles/ry.d.ts +5 -0
  155. package/styles/scroll-behavior.d.ts +4 -0
  156. package/styles/scroll-margin.d.ts +9 -0
  157. package/styles/scroll-padding.d.ts +9 -0
  158. package/styles/scroll-snap-align.d.ts +5 -0
  159. package/styles/scroll-snap-stop.d.ts +5 -0
  160. package/styles/scroll-snap-type.d.ts +5 -0
  161. package/styles/shape-image-threshold.d.ts +5 -0
  162. package/styles/shape-margin.d.ts +5 -0
  163. package/styles/shape-outside.d.ts +11 -0
  164. package/styles/spacing.d.ts +9 -0
  165. package/styles/stroke-dasharray.d.ts +4 -0
  166. package/styles/stroke-dashoffset.d.ts +4 -0
  167. package/styles/stroke-width.d.ts +5 -0
  168. package/styles/stroke.d.ts +5 -0
  169. package/styles/table-layout.d.ts +4 -0
  170. package/styles/text-align.d.ts +5 -0
  171. package/styles/text-decoration-color.d.ts +6 -0
  172. package/styles/text-decoration-line.d.ts +5 -0
  173. package/styles/text-decoration-style.d.ts +5 -0
  174. package/styles/text-decoration-thickness.d.ts +6 -0
  175. package/styles/text-decoration.d.ts +7 -0
  176. package/styles/text-fill-color.d.ts +10 -0
  177. package/styles/text-indent.d.ts +4 -0
  178. package/styles/text-orientation.d.ts +5 -0
  179. package/styles/text-overflow.d.ts +5 -0
  180. package/styles/text-rendering.d.ts +5 -0
  181. package/styles/text-shadow.d.ts +4 -0
  182. package/styles/text-size.d.ts +8 -0
  183. package/styles/text-stroke-color.d.ts +10 -0
  184. package/styles/text-stroke-width.d.ts +8 -0
  185. package/styles/text-stroke.d.ts +8 -0
  186. package/styles/text-transform.d.ts +5 -0
  187. package/styles/text-underline-offset.d.ts +4 -0
  188. package/styles/touch-action.d.ts +4 -0
  189. package/styles/transform-box.d.ts +12 -0
  190. package/styles/transform-origin.d.ts +6 -0
  191. package/styles/transform-style.d.ts +5 -0
  192. package/styles/transform.d.ts +7 -0
  193. package/styles/transition-delay.d.ts +6 -0
  194. package/styles/transition-duration.d.ts +6 -0
  195. package/styles/transition-property.d.ts +5 -0
  196. package/styles/transition-timing-function.d.ts +5 -0
  197. package/styles/transition.d.ts +6 -0
  198. package/styles/user-drag.d.ts +7 -0
  199. package/styles/user-select.d.ts +7 -0
  200. package/styles/variable.d.ts +9 -0
  201. package/styles/vertical-align.d.ts +5 -0
  202. package/styles/visibility.d.ts +8 -0
  203. package/styles/white-space.d.ts +10 -0
  204. package/styles/width.d.ts +11 -0
  205. package/styles/will-change.d.ts +4 -0
  206. package/styles/word-break.d.ts +11 -0
  207. package/styles/word-spacing.d.ts +4 -0
  208. package/styles/writing-mode.d.ts +4 -0
  209. package/styles/x.d.ts +5 -0
  210. package/styles/y.d.ts +5 -0
  211. package/styles/z-index.d.ts +6 -0
  212. package/utils/generate-color-variables-text.d.ts +1 -0
  213. package/utils/get-border-props.d.ts +3 -0
  214. package/utils/get-css-property-text.d.ts +5 -0
  215. package/utils/hex-to-rgb.d.ts +1 -0
  216. package/utils/normalize-css-calc-text.d.ts +5 -0
  217. package/utils/parse-value-unit.d.ts +1 -0
  218. package/utils/parse-value.d.ts +5 -0
  219. package/utils/rgb-to-hex.d.ts +1 -0
package/index.js ADDED
@@ -0,0 +1 @@
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["@master/styles"]=t():e["@master/styles"]=t()}(this,(function(){return(()=>{"use strict";var e={955:(e,t,s)=>{s.d(t,{breakpoints:()=>i});const i={"3xs":360,"2xs":480,xs:600,sm:768,md:1024,lg:1280,xl:1440,"2xl":1600,"3xl":1920,"4xl":2560}},563:(e,t,s)=>{s.d(t,{colors:()=>i});const i={fade:{10:"131518",20:"24262d",30:"363944",40:"4c515f",50:"63697c",60:"878d9f",70:"a6abb8",80:"c3c6cf",90:"f4f4f6"},gray:{10:"151515",20:"242424",30:"39393b",40:"515153",50:"6a6a6c",60:"8d8d8f",70:"aaaaac",80:"c6c6c8",90:"f4f4f6"},brown:{10:"1c130f",20:"31221b",30:"4b3429",40:"6a4a3a",50:"8a604c",60:"af836e",70:"c4a394",80:"d8c2b8",90:"f8f3f1"},orange:{10:"221205",20:"3a1f08",30:"582f0d",40:"7c4312",50:"a15717",60:"d5731e",70:"e79855",80:"efbd92",90:"fcf1e7"},gold:{10:"1e1400",20:"342300",30:"4e3400",40:"6e4900",50:"906000",60:"c08000",70:"e89a00",80:"ffba30",90:"fff3da"},yellow:{10:"1b1500",20:"2f2500",30:"473800",40:"634f00",50:"806700",60:"ac8a00",70:"d0a700",80:"f0c100",90:"fff5ca"},grass:{10:"101803",20:"1c2a05",30:"2a4008",40:"3c5a0b",50:"4e750e",60:"689c13",70:"7dbc17",80:"92da1a",90:"ebfad4"},green:{10:"011a0b",20:"022d13",30:"03441d",40:"055f28",50:"067b34",60:"08a345",70:"0ac553",80:"0be561",90:"d5fde5"},beryl:{10:"001912",20:"002b1f",30:"00432f",40:"005d41",50:"007954",60:"00a170",70:"00c387",80:"00e19c",90:"c9ffee"},teal:{10:"001918",20:"002b28",30:"00413d",40:"005b55",50:"00776f",60:"009f94",70:"00bfb2",80:"00ddce",90:"c5fffb"},cyan:{10:"00181f",20:"002a35",30:"003f51",40:"005973",50:"007391",60:"0099c1",70:"00b9e9",80:"3dd7ff",90:"dff8ff"},sky:{10:"021726",20:"032841",30:"043c61",40:"065489",50:"086eb3",60:"0b92ee",70:"4db3f7",80:"8ccefa",90:"eaf6fe"},blue:{10:"051338",20:"09205e",30:"0d318d",40:"1344c4",50:"175fe9",60:"538cee",70:"81acf3",80:"a5c7fd",90:"edf4fe"},indigo:{10:"161031",20:"24195e",30:"332592",40:"4835cc",50:"5a5bd5",60:"7d84e8",70:"a1a5ee",80:"bfc2f4",90:"f1f2ff"},violet:{10:"1f0839",20:"310e63",30:"491595",40:"641ed2",50:"7949e5",60:"9e77f5",70:"b89bf9",80:"d0bdfb",90:"f5f1ff"},purple:{10:"220736",20:"390c5b",30:"551287",40:"7719bd",50:"9832e4",60:"b56cec",70:"ca96f1",80:"dcbaf6",90:"f9f0ff"},fuchsia:{10:"2b0720",20:"470b3d",30:"68105f",40:"8e1691",50:"b61cbb",60:"e04ee5",70:"ea86ed",80:"f1b1f3",90:"feefff"},pink:{10:"2d0519",20:"4c082b",30:"720c40",40:"9d1059",50:"ca1473",60:"ee52a3",70:"f388c0",80:"f7b2d6",90:"fff0f8"},crimson:{10:"33020f",20:"500317",30:"780522",40:"a20d35",50:"ce1a4b",60:"ea5b82",70:"f58ba7",80:"ffb1c6",90:"fff1f4"},red:{10:"350001",20:"530001",30:"780506",40:"a60708",50:"d11a1e",60:"eb5f63",70:"fa8b8d",80:"fdb3b5",90:"fff1f1"},black:"000000",white:"ffffff"}}},t={};function s(i){var r=t[i];if(void 0!==r)return r.exports;var n=t[i]={exports:{}};return e[i](n,n.exports,s),n.exports}s.d=(e,t)=>{for(var i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{s.r(i),s.d(i,{Style:()=>X,StyleSheet:()=>p,Styles:()=>Mn,breakpoints:()=>t.breakpoints,colors:()=>e.colors,init:()=>Tn,sheets:()=>Q});var e=s(563),t=s(955);function r(e,t){return e+":"+(t.unit?t.value+t.unit:t.value)+(t.important?"!important":"")}const n=/^([+-.]?\d+(\.?\d+)?)(.*)?/;function a(e,t,s){let i="",r="",a="";if("number"==typeof e)i=e,r=t||"";else{if(s){const[t,n]=e.split("/");for(const e in s)if(t.startsWith(e)){const s=t[e.length];if(!s||"-"===s)return i="rgb(var(--"+t+")"+(n?"/"+n:"")+")",{value:i,unit:r,unitToken:a}}}if(t){const s=e.match(n);if(s){if(e.includes("/")){const t=e.split("/");return{value:+t[0]/+t[1]*100+"%",unit:r,unitToken:a}}return i=+s[1],r=a=s[3]||"",r||("rem"!==t&&"em"!==t||(i/=16),r=t||""),{value:i,unit:r,unitToken:a}}}i=(-1===e.indexOf("calc(")?e:function(e){const t=e=>"+"===e||"-"===e||"*"===e||"/"===e;let s,i="",r="",n=!1;function a(){s=null,r=""}for(let c=0;c<e.length;c++){const l=e[c];if("("===l||")"===l)n=")"===l,i+=r+l,a();else if(","===l)i+=r+l+" ",a();else{switch(s){case 1:break;case 2:if(t(l)){i+=r+" "+l+" ",a();continue}break;default:n&&(r+=" "),isNaN(+l)?t(l)||(s=1):s=2}r+=l}}return r&&(i+=r),i}(e)).replace(/\$\(((\w|-)+)\)/g,"var(--$1)")}return{value:i,unit:r,unitToken:a}}const c=[":disabled",":active",":focus",":hover"],l=[",",".","#","[","!","*",">","+","~",":","@"],o="undefined"!=typeof document;let d;o&&(d=document.createElement("style"),d.id="master-styles");const h="max-width",u="min-width",f="undefined"!=typeof window,m=f?window.MutationObserver:Object;class p extends m{constructor(e){if(super((e=>{const t={},s=[],i=[],r=[],n=(e,t,s)=>{for(let i=0;i<e.length;i++){const r=e[i];if(r.classList&&!s.includes(r)){s.push(r),r.classList.forEach((e=>{t?c(e):a(e)}));const e=r.children;e.length&&n(e,t,s)}}},a=e=>{e in t?t[e]++:t[e]=1},c=e=>{e in t?t[e]--:t[e]=-1};for(let t=0;t<e.length;t++){const a=e[t],{addedNodes:c,removedNodes:l,type:o,target:d,oldValue:h}=a;if("attributes"===o){if(d.className===h||s.find((e=>e.target===d)))continue;s.push(a)}else c.length&&n(c,!1,i),l.length&&n(l,!0,r)}if(s.length||Object.keys(t).length){for(const{oldValue:e,target:t}of s){if(i.includes(t)||r.includes(t))continue;const s=e?e.split(" "):[],n=t.classList;n.length&&n.forEach((e=>{s.includes(e)||a(e)}));for(const e of s)n.contains(e)||c(e)}for(const e in t){const s=t[e],i=(this.countOfName[e]||0)+s;0===i?(delete this.countOfName[e],this.delete(e)):(e in this.countOfName||this.findAndInsert(e),this.countOfName[e]=i)}}})),this.container=e,this.styles=[],this.styleOfName={},this.countOfName={},o){if(e){const t=e.querySelector('[id="master-styles"]');if(t){this.element=t;const e=(t,s)=>{if(t.selectorText){const e=t.selectorText.split(", ")[0].split(" ");let i;for(let t=e.length-1;t>=0;t--){const s=e[t];if("."===s[0]){i=s.slice(1);break}}let r="";for(let e=0;e<i.length;e++){const t=i[e],s=i[e+1];if("\\"===t){if(e++,"\\"!==s){r+=s;continue}}else if(l.includes(t))break;r+=t}if(!(r in this.styleOfName)){const e=p.findAndNew(r);e&&(e.cssRule=null!=s?s:t,this.styles.push(e),this.styleOfName[e.name]=e)}}else if(t.cssRules)for(let i=0;i<t.cssRules.length;i++)e(t.cssRules[i],null!=s?s:t)};e(t.sheet,void 0)}else this.element=d.cloneNode(),null==e||e.prepend(this.element)}Q.push(this)}}observe(e,t={subtree:!0,childList:!0}){return t.subtree&&e.querySelectorAll("[class]").forEach((e=>{e.classList.forEach((e=>{e in this.countOfName?this.countOfName[e]++:(this.countOfName[e]=1,this.findAndInsert(e))}))})),super.observe(e,Object.assign(Object.assign({},t),{attributes:!0,attributeOldValue:!0,attributeFilter:["class"]})),this}disconnect(){super.disconnect(),this.styleOfName={},this.countOfName={},this.styles.length=0;const e=this.element.sheet;for(let t=e.cssRules.length-1;t>=0;t--)e.deleteRule(t)}static findAndNew(e){for(const t of this.Styles){const s=t.match(e);if(s)return new t(e,s)}}static find(e){for(const t of this.Styles){if(t.match(e))return t}}static refresh(){for(const e of Q)e.refresh()}refresh(){if(!this.element)return;const e=d.cloneNode();this.element.replaceWith(e),this.element=e,this.styles.length=0,this.styleOfName={};for(const e in this.countOfName)this.findAndInsert(e)}destroy(){this.element.remove(),this.disconnect(),Q.splice(Q.indexOf(this),1)}insert(e){if(this.styleOfName[e.name])return;const t=e.text;let s;const i=this.styles.length-1,r=e.media,n=e.order,a=e.prioritySelectorIndex,c=e.hasWhere,l=(e,t,s,i)=>{let r,l,o=0;t&&(o=e.findIndex(t)),s&&(l=e.findIndex(s)),-1===o&&(o=e.length),void 0!==l&&-1!==l||(l=e.length),r=e.slice(o,l);for(let e=0;e<r.length;e++){const t=r[e];if(!(-1===t.prioritySelectorIndex||i&&i(t))&&(t.prioritySelectorIndex<a||t.prioritySelectorIndex===a&&(c&&!t.hasWhere||t.order>=n)))return o+e}return o+r.length};if(r){const e=this.styles.findIndex((e=>e.media));if(-1!==e){const t=r.features[h],o=r.features[u];if(t&&o){const r=t.value-o.value;for(let t=i;t>=e;t--){s=t;const i=this.styles[t],n=i.media,o=n.features[h],d=n.features[u];if(!o||!d){s++;break}const f=o.value-d.value;if(f===r){if(c!==i.hasWhere)continue;if(-1!==a){const i=[this.styles[t]];for(let s=t-1;s>=e;s--){const e=this.styles[s];if(e.hasWhere!==c)break;const t=e.media,r=t.features[h],n=t.features[u];if(!r||!n||r.value-n.value!==f)break;i.unshift(this.styles[s])}s=l(this.styles,(e=>e.media&&-1!==e.prioritySelectorIndex&&e.media.features[u]&&e.media.features[h]))}break}if(f>r)break}}else if(o)for(let t=e;t<=i;t++){s=t;const e=this.styles[t],r=e.media,d=r.features[h],f=r.features[u];if(d){if(f)break;continue}const m=null==f?void 0:f.value;if(m===o.value){if(!c&&e.hasWhere){s++;continue}if(-1!==a)s=l(this.styles,(e=>e.media),(e=>e.media&&-1!==e.prioritySelectorIndex&&e.media.features[u]&&e.media.features[h]),(e=>!e.media.features[u]&&!e.media.features[h]));else for(let e=t;e<=i;e++){const t=this.styles[e],i=t.media,r=i.features[u];if(!i.features[h]){if(t.hasWhere!==c||r.value!==m||t.order>=n)break;s=e+1}}break}if(m>o.value)break;s++}else if(t)for(let r=i;r>=e;r--){s=r;const i=this.styles[r],o=i.media,d=o.features[h];if(o.features[u])continue;const f=null==d?void 0:d.value;if(!f||f>t.value){s++;break}if(f===t.value){if(c&&!i.hasWhere)continue;if(-1!==a)s=l(this.styles,(e=>e.media),(e=>e.media&&-1!==e.prioritySelectorIndex&&e.media.features[u]&&e.media.features[h]),(e=>!e.media.features[u]&&!e.media.features[h]));else{const t=[this.styles[r]];for(let s=r-1;s>=e;s--){const e=this.styles[s],i=e.media,r=i.features[u],n=i.features[h];if(!(r||n&&n.value===f&&e.hasWhere===c))break;t.unshift(e)}for(let e=0;e<t.length;e++){const i=t[e];if(!i.media.features[u]){if(i.order>=n)break;s=r-t.length+2+e}}}break}}}if(void 0===s)if(-1===e)s=i+1;else if(-1!==a)s=e+l(this.styles.slice(e),void 0,(e=>e.media.features[h]||e.media.features[u]));else if(c){let t=e;for(;t<this.styles.length;t++){const e=this.styles[t];if(-1!==e.prioritySelectorIndex||!e.hasWhere||e.order>=n){s=t;break}}void 0===s&&(s=t)}else for(let t=e;t<=i;t++){s=t;const e=this.styles[t],i=e.media;if(-1!==e.prioritySelectorIndex||i.features[h]||i.features[u])break;if(e.hasWhere)s++;else if(e.order>=n)break}}else if(-1===a)if(c)s=this.styles.findIndex((e=>!e.hasWhere||e.media||-1!==e.prioritySelectorIndex||e.order>=n)),-1===s&&(s=i+1);else{let e=0;for(;e<this.styles.length;e++){const t=this.styles[e];if(t.media||!t.hasWhere&&(t.order>=n||-1!==t.prioritySelectorIndex)){s=e;break}}void 0===s&&(s=e)}else s=l(this.styles,void 0,(e=>e.media));try{if(this.element){const i=this.element.sheet;i.insertRule(t,s),e.cssRule=i.cssRules[s]}this.styles.splice(s,0,e),this.styleOfName[e.name]=e}catch(e){}}delete(e){const t=this.element.sheet,s=e=>{const s=this.styleOfName[e];if(null==s?void 0:s.cssRule)for(let e=0;e<t.cssRules.length;e++){t.cssRules[e]===s.cssRule&&(t.deleteRule(e),this.styles.splice(e,1),delete this.styleOfName[s.name])}};if(e in X.classes)for(const t of X.classes[e])t in this.countOfName||s(t);else s(e)}findAndInsert(e){const t=e=>{const t=p.findAndNew(e);t&&this.insert(t)};if(e in X.classes)for(const s of X.classes[e])t(s);else t(e)}}function x(e){const t=e.match(/.{1,2}/g);return[parseInt(t[0],16),parseInt(t[1],16),parseInt(t[2],16)]}function b(e,t,s){return((1<<24)+(e<<16)+(t<<8)+s).toString(16).slice(1)}p.Styles=[],f&&(window.MasterStyleSheet=p);const g="matches",y="semantics",k="symbol",v="max-width",w="min-width",O="motion",j="reduce",S="reduced-motion",N="::scrollbar",R="::slider-thumb",W="::slider-runnable-track",I="::search",$="::meter",z="::resizer",E="::progress",A="px",M=["!","*",">","+","~",":","[","@","_"],V=[...M,void 0,"."],T={"(":")","'":"'"},C=new RegExp(N,"g"),q=new RegExp(I,"g"),L=new RegExp($,"g"),P=new RegExp(W,"g"),_=new RegExp(R,"g"),Z=new RegExp(z,"g"),F=new RegExp(E,"g"),Q=[];class X{constructor(e,t){this.name=e,this.matching=t,this.at={},this.prioritySelectorIndex=-1;const s=this.constructor;if(void 0===t&&!(t=s.match(e)))return;let i,n,{semantics:l,unit:o,colors:d,key:h,values:u,fixedSelector:f,colorful:m,breakpoints:p,mediaQueries:x}=s,b=e;if(m||(d=null),t.origin===y)i=t.value,n=b.slice(t.value.length),this.value=l[t.value];else{if(t.origin===g){const e=b.indexOf(":");this.prefix=b.slice(0,e+1),this.prefix.includes("(")?(this.prefix=void 0,i=b):i=b.slice(e+1)}else t.origin===k&&(this.symbol=b[0],i=b.slice(1));let e,s="",r=[],c=0;!function t(n,l,h=""){let u;for(n&&(")"===n&&"$"===s.slice(-1)&&(u=s.length-1),s+=i[c++]);c<i.length;c++){const f=i[c];if(f===n){s+=f,void 0!==u&&(s=s.slice(0,u)+s.slice(u).replace(/\$\((.*)\)/,"var(--$1)")),l||("'"===n?r.push(s):(e=a(s,o,d),r.push(e.value+e.unit)),h="",s="");break}if(f in T)t(T[f],void 0===l?0:l+1,h);else if(";"!==f||"'"===n&&"path"!==h){if(!n){if("."===f){if(isNaN(+i[c+1]))break;"-"===i[c-1]&&(s+="0")}else{if(","===f){e=a(s,o,d),r.push(e.value+e.unit,","),s="";continue}if("#"===f&&(s||r.length&&";"!==i[c-1])||M.includes(f))break}h+=f}s+=f}else n?s+=" ":(e=a(s,o,d),r.push(e.value+e.unit),s="")}}(),s&&(e=a(s,o,d),r.push(e.value+e.unit)),n=i.slice(c),1===r.length?e?(this.value=e.value,this.unit=e.unit):(this.value=r[0],this.unit=""):this.value=r.join(" ")}n.includes(N)&&(n=n.replace(C,"::-webkit-scrollbar")),n.includes(I)&&(n=n.replace(q,"::-webkit-search")),n.includes(R)&&(n=n.replace(_,"::-webkit-slider-thumb")),n.includes(W)&&(n=n.replace(P,"::-webkit-slider-runnable-track")),n.includes($)&&(n=n.replace(L,"::-webkit-meter")),n.includes(z)&&(n=n.replace(Z,"::-webkit-resizer")),n.includes(E)&&(n=n.replace(F,"::-webkit-progress")),this.parseValue&&(this.value=this.parseValue),u&&this.value in u&&(this.value=u[this.value]),"!"===n[0]&&(this.important=!0,n=n.slice(1));const V=n.split("@");let Q=V[0].replace(/\_/g," ");if(Q){this.hasWhere=Q.includes(":where(");for(let e=0;e<c.length;e++)if(Q.includes(c[e])){this.prioritySelectorIndex=e;break}}this.selector=Q;for(let e=1;e<V.length;e++){const t=V[e];if(t)if(t.startsWith("dark")||t.startsWith("light"))this.colorScheme=t;else if("rtl"===t||"ltr"===t)this.direction=t;else{let e,s;const i=t.indexOf("_");if(-1!==i)e=t.slice(0,i),s=t.slice(i);else{const i=t.indexOf("(");-1!==i&&(e=t.slice(0,i),s=t.slice(i))}if(!e){e="media";const i=[];this.media={token:t,features:{}};const r=t.split("&");for(const e of r)if("all"===e||"print"===e||"screen"===e||"speech"===e)this.media.type=e;else if("🖨"===e)this.media.type="print";else if("landscape"===e||"portrait"===e)i.push("(orientation:"+e+")");else if(e===O||e===S)i.push("(prefers-reduced-motion:"+(e===O?"no-preference":j)+")");else if(e in x)i.push(x[e]);else{const t={token:e};let s="",r="",n=0;switch(e.startsWith("<=")?(r="<=",s=v):e.startsWith(">=")||p[e]?(r=">=",s=w):e.startsWith(">")?(r=">",s=w,n=.02):e.startsWith("<")&&(r="<",s=v,n=-.02),s){case v:case w:const c=r?e.replace(r,""):e,l=p[c];l?Object.assign(t,a(l,A)):Object.assign(t,a(c,A)),t.unit===A&&(t.value+=n),this.media.features[s]=t,i.push("("+s+":"+(t.value+t.unit)+")")}}s="",this.media.type&&(s=this.media.type),i.length&&(s+=(s?" and ":"")+i.join(" and "))}s&&(this.at[e]=s.replace(/\_/g," "))}}let Y="";this.colorScheme&&(Y+="."+this.colorScheme+" "),this.direction&&(Y+="[dir="+this.direction+"] ");const B=(Q?Q+" ":"")+(f||"");this.text=Y+"."+CSS.escape(this.name)+B+(this.name in X.relations?X.relations[this.name].map((e=>", "+Y+"."+e+B)).join(""):"")+"{"+("object"==typeof this.value?Object.keys(this.value).map((e=>r(e,Object.assign(Object.assign({},this),{unit:"",value:this.value[e]})))).join(";"):this.props?Object.keys(this.props).map((e=>r(e,this.props[e]))).join(";"):r(h,this))+"}";for(const e of Object.keys(this.at).sort(((e,t)=>"supports"===t?-1:1)))this.text="@"+e+" "+this.at[e]+"{"+this.text+"}";void 0===this.order&&(this.order=0)}static match(e){if(this.semantics)for(const t in this.semantics)if(e===t||e.startsWith(t)&&V.includes(e[t.length]))return{origin:y,value:t};return this.matches&&this.matches.test(e)||this.colorStarts&&(e.match("^"+this.colorStarts+"(#|(rgb|hsl)\\(.*\\))((?!;).)*$")||this.colorNames.length&&e.match("^"+this.colorStarts+"("+this.colorNames.join("|")+")")&&-1===e.indexOf(";"))?{origin:g}:this.symbol&&e.startsWith(this.symbol)?{origin:k}:this.key&&e.startsWith(this.key+":")?{origin:g}:void 0}static extend(e,t,s=!0){if(!t)return;const i=(e,s,i)=>{var r;for(const n in t){const a=t[n];null==a?n in e&&(null==i||i(n),delete e[n]):e[n]=null!==(r=null==s?void 0:s(n,a))&&void 0!==r?r:a}};switch(e){case"classes":i(this.classes,((e,t)=>{if(e in this.classes)for(const t in this.relations){const s=this.relations[t],i=s.indexOf(e);-1!==i&&(s.length>1?s.splice(i,1):delete this.relations[t])}const s=Array.isArray(t)?t:t.replace(/(?:\n(?:\s*))+/g," ").trim().split(" ");for(const t of s)t in this.relations?this.relations[t].push(e):this.relations[t]=[e];return s}),(e=>{for(const t of this.classes[e]){const s=this.relations[t];s.length>1?s.splice(s.indexOf(e),1):delete this.relations[t]}}));break;case"colors":i(this.colors,((e,t)=>{const s=this.colorNames.indexOf(e);-1!==s?null==B||B.deleteRule(s):this.colorNames.push(e);const i={};"string"==typeof t&&(t={"":t});const r=""in t;r&&(i[""]=x(t[""]).join(" "));let n=!1;for(const e in t)if(e&&+e>=100){n=!0;break}if(n)for(const e in t)i[e]=x(t[e]).join(" ");else if(!r||Object.keys(t).length>1){let e,s,r=0,n="0"in t?x(t[0]):[0,0,0];const a=[],c=()=>{const c=e-r,l=s.map(((e,t)=>(e-n[t])/c));for(const e of a){const s=e-r,a=n.map(((e,t)=>Math.round(e+l[t]*s)));i[e]=a.join(" "),t[e]=b.call(this,...a)}};for(let l=1;l<100;l++){const o=l%2==0;l in t?(a.length?(e=l,s=x(t[l]),c(),a.length=0,n=s):n=x(t[l]),r=l,o&&(i[l]=n.join(" "))):o&&a.push(l)}a.length&&(e=100,s="100"in t?x(t[100]):[255,255,255],c())}if(!r){const e=t[n?"500":"50"];t[""]=e,i[""]=x(e).join(" ")}return null==B||B.insertRule(function(e,t){let s=":root{";for(const i in t)s+="--"+e+(i?"-"+i:"")+":"+t[i]+";";return s+="}",s}(e,i),-1===s?Object.keys(this.colors).length:s),this.rgbColors[e]=i,t}),(e=>{const t=this.colorNames.indexOf(e);-1!==t&&this.colorNames.splice(t,1),null==B||B.deleteRule(t),delete this.rgbColors[e]}));break;default:let t=this[e];t||(t=this[e]={}),i(t)}s&&p.refresh()}}let Y,B;if(X.unit="rem",X.rgbColors={},X.mediaQueries={},X.sheets=Q,X.colors={},X.classes={},X.colorNames=[],X.relations={},"undefined"!=typeof window&&(window.MasterStyle=X),"undefined"!=typeof document){const e=document.head.querySelector('[id="master-colors"]');if(e){const t=document.head.querySelector('[name="master:colors"]');if(t&&t.content){Y=e;const s={},i=t.content.split(",");for(let e=0;e<Y.sheet.cssRules.length;e++){const t=Y.sheet.cssRules[e].cssText.slice(8,-1).split(";").slice(0,-1);if(t.length){const r=i[e],n=r.length+2,a={};for(const e of t){let[t,s]=e.split(":");t=t.trim().slice(n),t&&(t=t.slice(1)),a[t]=b.call(void 0,...s.split(" ").map((e=>+e)))}s[r]=a}}X.extend("colors",s),B=Y.sheet}}Y||(Y=document.createElement("style"),Y.id="master-colors",document.head.prepend(Y),B=Y.sheet)}const U=(...e)=>e.join("-"),D="border",G="radius",H="margin",J="padding",K="font",ee=",",te="flow",se="template",ie="column",re="columns",ne="gap",ae="row",ce="rows",le="shadow",oe="user",de="content",he="image",ue="stroke",fe="filter",me="blend",pe="background",xe="repeat",be="color",ge="scroll",ye="animation",ke="direction",ve="mode",we="behavior",Oe=U("overscroll",we),je="y",Se="x",Ne="height",Re="width",We="max",Ie="min",$e="block",ze="inline",Ee="flex",Ae="grid",Me="transition",Ve="origin",Te="delay",Ce="rotate",qe="deg",Le="timing-function",Pe="duration",_e="display",Ze="hidden",Fe="box",Qe="fill",Xe="clip",Ye="none",Be="text",Ue="align",De="transform",Ge="vertical",He="word",Je="space",Ke="decoration",et="break",tt="size",st="auto",it="line",rt="object",nt="position",at="rem",ct="style",lt="smoothing",ot="antialiased",dt="spacing",ht=U("letter",dt),ut=U(We,Re),ft=U(Ie,Re),mt=U(We,Ne),pt=U(Ie,Ne),xt="table",bt="list",gt="span",yt="justify",kt="items",vt="self",wt="place",Ot="type",jt="offset",St="outline",Nt="snap",Rt="shape",Wt="view",It="area",$t="start",zt="blur",Et="drop",At={full:"100%",fit:U("fit",de),max:U(We,de),min:U(Ie,de)};class Mt extends X{}Mt.matches=/^f(ont)?:(thin|extralight|light|regular|medium|semibold|bold|extrabold|heavy)(?!;)/,Mt.key=U(K,"weight"),Mt.unit="",Mt.values={thin:100,extralight:200,light:300,regular:400,medium:500,semibold:600,bold:700,extrabold:800,heavy:900};const Vt="var(--font-";class Tt extends X{}Tt.matches=/^f(ont)?:(mono|sans|serif)(?!;)/,Tt.key=U(K,"family"),Tt.values={mono:Vt+"mono)",sans:Vt+"sans)",serif:Vt+"serif)"};class Ct extends X{}Ct.matches=/^f(ont)?:([0-9]|(max|min|calc|clamp)\(.*\))((?!;).)*$/,Ct.key=U(K,tt);const qt="top",Lt="bottom",Pt="left",_t="right",Zt="l",Ft="r",Qt="t",Xt="b",Yt="x",Bt="y";class Ut extends X{get props(){const e="m"===this.prefix[0]?H:J,t=U(e,Pt),s=U(e,_t),i=U(e,qt),r=U(e,Lt);switch(this.prefix[1]){case Yt:return{[t]:this,[s]:this};case Bt:return{[i]:this,[r]:this};case Zt:return{[t]:this};case Ft:return{[s]:this};case Qt:return{[i]:this};case Xt:return{[r]:this};default:return{[e]:this}}}get order(){return"p:"===this.prefix||"m:"===this.prefix?-1:0}}Ut.id="spacing",Ut.matches=/^[pm][xytblr]?:./;class Dt extends X{}Dt.matches=/^w:./,Dt.key=Re,Dt.values=At;class Gt extends X{}Gt.matches=/^h:./,Gt.key=Ne,Gt.values=At;class Ht extends X{}Ht.matches=/^min-w:./,Ht.key=ft,Ht.values=At;class Jt extends X{}Jt.matches=/^min-h:./,Jt.key=pt,Jt.values=At;class Kt extends X{}Kt.matches=/^ls:./,Kt.key=ht,Kt.unit="em";const es=U("subpixel",ot),ts=U("-webkit-font",lt),ss=U("-moz-osxfont",lt);class is extends X{get props(){const e={};switch(this.value){case es:e[ts]=e[ss]=Object.assign(Object.assign({},this),{value:st});break;case ot:e[ts]=Object.assign(Object.assign({},this),{value:ot}),e[ss]=Object.assign(Object.assign({},this),{value:"grayscale"})}return e}}is.id="fontSmoothing",is.matches=/^f(ont)?:(antialiased|subpixel-antialiased)(?!;)/,is.unit="";class rs extends X{}rs.matches=/^f(ont)?:(normal|italic|oblique)(?!;)/,rs.key=U(K,ct),rs.unit="deg";class ns extends X{}ns.matches=/^f(ont)?:(ordinal|slashed-zero|lining-nums|oldstyle-nums|proportional-nums|tabular-nums|diagonal-fractions|stacked-fractions)(?!;)/,ns.key=U(K,"variant","numeric");class as extends X{}as.matches=/^lh:./,as.key=U(it,Ne),as.unit="";class cs extends X{}cs.matches=/^(object|obj):(contain|cover|fill|scale-down)/,cs.key=U(rt,"fit");class ls extends X{}ls.matches=/^(object|obj):(top|bottom|right|left|center)/,ls.key=U(rt,nt);class os extends X{}os.matches=/^t(ext)?:(justify|center|left|right|start|end)(?!;)/,os.key=U(Be,Ue);class ds extends X{constructor(){super(...arguments),this.order=-1}}ds.matches=/^t(ext)?:(underline|line-through|overline)/,ds.key=U(Be,Ke),ds.colorful=!0;class hs extends X{}hs.matches=/^t(ext)?:(uppercase|lowercase|capitalize)(?!;)/,hs.key=U(Be,De);class us extends X{}us.matches=/^v:./,us.key=U(Ge,Ue);class fs extends X{get props(){return{overflow:Object.assign(Object.assign({},this),{value:Ze}),display:Object.assign(Object.assign({},this),{value:"-webkit-box"}),"overflow-wrap":Object.assign(Object.assign({},this),{value:U(et,He)}),"text-overflow":Object.assign(Object.assign({},this),{value:"ellipsis"}),"-webkit-box-orient":Object.assign(Object.assign({},this),{value:Ge}),"-webkit-line-clamp":this}}}fs.id="lines",fs.matches=/^lines:./,fs.unit="";class ms extends X{}ms.matches=/^transform:((top|bottom|right|left|center)|\d)/,ms.key=U(De,Ve),ms.unit="px";class ps extends X{}ps.matches=/^transform:(flat|preserve-3d)(?!;)/,ps.key=U(De,ct);class xs extends X{}xs.matches=/^transform:(content|border|fill|stroke|view)(?!;)/,xs.key=U(De,Fe),xs.values={content:U(de,Fe),border:U(D,Fe),fill:U(Qe,Fe),stroke:U(ue,Fe),view:U(Wt,Fe)};class bs extends X{get parseValue(){return this.value.replace(/(translate|scale|skew|rotate|perspective|matrix)(3d|[XYZ])?\((.*?)\)/g,((e,t,s,i)=>{let r,n;switch(t){case"translate":r=at;break;case"skew":r=qe;break;case Ce:"3d"===s&&(n=!0),r=qe;break;default:return e}const a=i.split(",");return e.replace(i,a.map(((e,t)=>{if(n&&a.length-1!==t)return e;return Number.isNaN(+e)?e:e/(r===at?16:1)+r})).join(","))}))}}bs.matches=/^(translate|scale|skew|rotate|perspective|matrix)(3d|[XYZ])?\(/,bs.key=De,bs.unit="";class gs extends X{constructor(){super(...arguments),this.order=-1}}gs.symbol="~",gs.key=Me;class ys extends X{}ys.matches=/^~delay:./,ys.key=U(Me,Te),ys.unit="ms";class ks extends X{}ks.matches=/^~duration:./,ks.key=U(Me,Pe),ks.unit="ms";class vs extends X{}vs.matches=/^~property:./,vs.key=U(Me,"property");class ws extends X{}ws.matches=/^~easing:./,ws.key=U(Me,Le);class Os extends X{}Os.matches=/^max-h:./,Os.key=mt,Os.values=At;class js extends X{}js.matches=/^max-w:./,js.key=ut,js.values=At;class Ss extends X{}Ss.matches=/^d:./,Ss.key=_e,Ss.semantics={hidden:Ye,hide:Ye,block:$e,table:xt,flex:Ee,grid:Ae,contents:"contents","inline-block":U(ze,$e),"inline-flex":U(ze,Ee),"inline-grid":U(ze,Ae),"inline-table":U(ze,xt)};class Ns extends X{}Ns.matches=/^box:(content|border)(?!;)/,Ns.key=U(Fe,"sizing"),Ns.values={content:U(de,Fe),border:U(D,Fe)};class Rs extends X{}Rs.key="opacity",Rs.unit="";class Ws extends X{}Ws.key="visibility",Ws.semantics={visible:"visible",invisible:Ze};class Is extends X{}Is.key="clear";class $s extends X{}$s.key="float";class zs extends X{}zs.key="isolation",zs.semantics={isolate:"isolate"};class Es extends X{get props(){switch(this.prefix.slice(-2,-1)){case Se:return{"overflow-x":this};case je:return{"overflow-y":this};default:return{overflow:this}}}get order(){switch(this.prefix.slice(-2,-1)){case Se:case je:return 0;default:return-1}}}Es.id="overflow",Es.matches=/^(overflow|ovf)(-x|-y)?:./;class As extends X{get props(){switch(this.prefix.slice(-2,-1)){case Se:return{[U(Oe,Se)]:this};case je:return{[U(Oe,je)]:this};default:return{[Oe]:this}}}}As.id="overscrollBehavior",As.matches=/^overscroll-behavior(?:-[xy])?:/;class Ms extends X{}Ms.matches=/^z:./,Ms.key="z-index",Ms.unit="";class Vs extends X{}Vs.matches=/^\@delay:./,Vs.key=U(ye,Te),Vs.unit="ms";class Ts extends X{}Ts.matches=/^\@direction:./,Ts.key=U(ye,ke);class Cs extends X{}Cs.matches=/^\@fill-mode:./,Cs.key=U(ye,Qe,ve);class qs extends X{}qs.matches=/^\@iteration-count:./,qs.key=U(ye,"iteration","count"),qs.unit="";class Ls extends X{}Ls.matches=/^\@name:./,Ls.key=U(ye,"name");class Ps extends X{}Ps.matches=/^\@play-state:./,Ps.key=U(ye,"play-state");class _s extends X{}_s.matches=/^\@easing:./,_s.key=U(ye,Le);class Zs extends X{constructor(){super(...arguments),this.order=-1}}Zs.symbol="@",Zs.key=ye,Zs.unit="";function Fs(e,t,s=""){s&&(s="-"+s);const i="border-left"+s,r="border-right"+s,n="border-top"+s,a="border-bottom"+s;switch(/^b(order)?-?(.)?/.exec(e)[2]){case Yt:return{[i]:t,[r]:t};case Bt:return{[n]:t,[a]:t};case Zt:return{[i]:t};case Ft:return{[r]:t};case Qt:return{[n]:t};case Xt:return{[a]:t};default:return{[D+s]:t}}}class Qs extends X{get props(){return Fs(this.prefix,this,be)}get order(){return this.prefix===U(D,be)+":"||"b:"===this.prefix||"border:"===this.prefix?-1:0}}Qs.id="borderColor",Qs.matches=/^border(-(left|right|top|bottom))?-color:./,Qs.colorStarts="b([xytblr]|(order(-(left|right|top|bottom))?))?:",Qs.colorful=!0;const Xs=U(D,qt,Pt,G),Ys=U(D,qt,_t,G),Bs=U(D,Lt,Pt,G),Us=U(D,Lt,_t,G),Ds=U(D,G),Gs=[Xs,Ys,Bs,Us];class Hs extends X{get props(){var e;if(this.prefix){let e="";const t=this.prefix.split("-");if(t.length>1)for(let s=1;s<t.length-1;s++)e+=t[s][0];else e=this.prefix.slice(1,-1);switch(e){case Qt:return{[Xs]:this,[Ys]:this};case"tl":case"lt":return{[Xs]:this};case"rt":case"tr":return{[Ys]:this};case Xt:return{[Bs]:this,[Us]:this};case"bl":case"lb":return{[Bs]:this};case"br":case"rb":return{[Us]:this};case Zt:return{[Xs]:this,[Bs]:this};case Ft:return{[Ys]:this,[Us]:this};default:return{[Ds]:this}}}const t=null===(e=this.prefix)||void 0===e?void 0:e.slice(0,-1);return{[Gs.includes(t)?t:Ds]:this}}get order(){return this.prefix===U(D,G)+":"||"r:"===this.prefix?-1:0}}Hs.id="borderRadius",Hs.matches=/^((r[tblr]?[tblr]?|border(-(top|bottom)-(left|right))?-radius):.)/,Hs.semantics={rounded:"1e9em",round:"50%"};class Js extends X{get props(){return Fs(this.prefix,this,ct)}get order(){return this.prefix===U(D,ct)+":"||"b:"===this.prefix||"border:"===this.prefix?-1:0}}Js.id="borderStyle",Js.matches=/^(border(-(left|right|top|bottom))?-style:.|b([xytblr]|order(-(left|right|top|bottom))?)?:(none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset)(?!;))/;class Ks extends X{get props(){return Fs(this.prefix,this,Re)}get order(){return this.prefix===U(D,Re)+":"||"b:"===this.prefix||"border:"===this.prefix?-1:0}}Ks.id="borderWidth",Ks.matches=/^(border(-(left|right|top|bottom))?-width:.|b([xytblr]|order(-(left|right|top|bottom))?)?:(([0-9]|(max|min|calc|clamp)\(.*\))|(max|min|calc|clamp)\(.*\))((?!;).)*$)/;class ei extends X{get props(){return Fs(this.prefix,this)}get order(){return"border:"===this.prefix||"b:"===this.prefix?-2:-1}}ei.id="border",ei.matches=/^b([xytblr]?|order(-(left|right|top|bottom))?):./,ei.colorful=!0;class ti extends X{}ti.matches=/^(bg|background):(fixed|local|scroll)(?!;)/,ti.key=U(pe,"attachment");class si extends X{}si.key=U(pe,me,ve);class ii extends X{get props(){return{"-webkit-background-clip":this,"background-clip":this}}}ii.matches=/^(bg|background):text(?!;)/,ii.key=U(pe,Xe);class ri extends X{}ri.matches=/^(bg|background):transparent(?!;)/,ri.colorStarts="(bg|background):",ri.key=U(pe,be),ri.unit="",ri.colorful=!0;class ni extends X{}ni.matches=/^(bg|background):(content|border|padding)(?!;)/,ni.key=U(pe,Ve),ni.values={content:U(de,Fe),border:U(D,Fe),padding:U(J,Fe)};class ai extends X{}ai.matches=/^(bg|background):(top|bottom|right|left|center)(?!;)/,ai.key=U(pe,nt),ai.unit="px";class ci extends X{}ci.matches=/^(bg|background):(space|round|repeat|no-repeat|repeat-x|repeat-y)(?![;a-zA-Z])/,ci.key=U(pe,xe);class li extends X{}li.matches=/^(bg|background):((auto|cover|contain)(?!;)|\.?\d((?!;).)*$)/,li.key=U(pe,tt);class oi extends X{}oi.matches=/^(bg|background):(url|linear-gradient|radial-gradient|repeating-linear-gradient|repeating-radial-gradient|conic-gradient)\(.*\)((?!;).)*$/,oi.key=U(pe,he);class di extends X{constructor(){super(...arguments),this.order=-1}}di.matches=/^bg:./,di.key=pe,di.colorful=!0;class hi extends X{}hi.matches=/^blend:./,hi.key=U("mix",me,ve);class ui extends X{}ui.key=nt,ui.values={abs:"absolute",rel:"relative"},ui.semantics={static:"static",fixed:"fixed",abs:"absolute",rel:"relative",sticky:"sticky"};class fi extends X{get props(){const e=this.prefix.slice(0,-1);switch(e){case qt:case Pt:case _t:case Lt:return{[e]:this};case"center":return{left:this,right:this,"margin-left":Object.assign(Object.assign({},this),{unit:""}),"margin-right":Object.assign(Object.assign({},this),{unit:""})};case"middle":return{top:this,bottom:this,"margin-top":Object.assign(Object.assign({},this),{unit:""}),"margin-bottom":Object.assign(Object.assign({},this),{unit:""})}}}}function mi(e,t){let s="",i=0;return function r(n,a){let c="";const l=a?t(a):"",o=()=>{c&&(s+=!l||Number.isNaN(+c)?c:+c/(l===at?16:1)+l,c="")};for(;i<e.length;i++){const t=e[i];if(t===n&&("'"!==n||")"===e[i+1])){o(),s+=t;break}","===t||" "===t?(o(),s+=t):c||"'"!==t?c&&"("===t?(s+=c+t,i++,r(")",c),c=""):c+=t:(s+=t,i++,r(t),c="")}o()}(),s}fi.matches=/^(top|left|right|bottom|center|middle):./;class pi extends X{get props(){return{"backdrop-filter":this,"-webkit-backdrop-filter":this}}get parseValue(){return mi(this.value,(e=>{switch(e){case zt:case U(Et,le):return at;case U("hue",Ce):return qe}return""}))}}pi.matches=/^bd:./,pi.key=U("backdrop",fe);class xi extends X{}xi.key=Qe,xi.colorStarts="fill:",xi.colorful=!0;class bi extends X{}bi.key=ue,bi.colorful=!0;class gi extends X{}gi.matches=/^stroke:([0-9]|(max|min|calc|clamp)\(.*\))((?!;).)*$/,gi.key=U(ue,Re);class yi extends X{get parseValue(){return mi(this.value,(e=>{switch(e){case zt:case U(Et,le):return at;case U("hue",Ce):return qe}return""}))}}yi.matches=/^(blur|brightness|contrast|drop-shadow|grayscale|hue-rotate|invert|opacity|saturate|sepia)\(/,yi.key=fe;class ki extends X{}ki.key="cursor";class vi extends X{}vi.key=U("pointer","events");class wi extends X{}wi.key="resize";class Oi extends X{}Oi.key=U("touch","action");class ji extends X{get props(){return{"user-drag":this,"-webkit-user-drag":this}}}ji.key=U(oe,"drag");class Si extends X{get props(){return{"user-select":this,"-webkit-user-select":this}}}Si.key=U(oe,"select");class Ni extends X{}Ni.matches=/^s(?:hadow)?:./,Ni.key=U(Fe,le),Ni.colorful=!0;class Ri extends X{}Ri.key=U(Be,le);class Wi extends X{get props(){return{"font-size":this,"line-height":Object.assign(Object.assign({},this),{value:this.unit===at?this.value+.375+this.unit:"calc("+this.value+this.unit+" + .375rem)",unit:""})}}}Wi.id="textSize",Wi.matches=/^t(ext)?:([0-9]|(max|min|calc|clamp)\(.*\))((?!;).)*$/;class Ii extends X{}Ii.key=U(He,et),Ii.unit="",Ii.semantics={"break-word":{"overflow-wrap":U(et,He),overflow:Ze}};class $i extends X{get props(){return{[_e]:Object.assign(Object.assign({},this),{value:Ae}),[U(Ae,se,re)]:Object.assign(Object.assign({},this),{value:"repeat("+this.value+ee+Ie+"max(0"+",1fr))"})}}}$i.matches=/^grid-cols:./,$i.key=U(Ae,re),$i.unit="";class zi extends X{get props(){return{[_e]:Object.assign(Object.assign({},this),{value:Ae}),[U(Ae,st,te)]:Object.assign(Object.assign({},this),{value:ie}),[U(Ae,se,ce)]:Object.assign(Object.assign({},this),{value:"repeat("+this.value+ee+Ie+"max(0"+",1fr))"})}}}zi.key=U(Ae,ce),zi.unit="";class Ei extends X{constructor(){super(...arguments),this.order=-1}get props(){switch(this.prefix[4]){case Se:return{[U(ie,ne)]:this};case je:return{[U(ae,ne)]:this};default:return{[ne]:this}}}}Ei.id="gap",Ei.matches=/^gap(-x|-y)?:./;class Ai extends X{}Ai.key=U(He,dt);class Mi extends X{get props(){return{["--"+this.prefix.slice(1,-1)]:this}}}Mi.id="variable",Mi.matches=/^\$.+:./,Mi.unit="";class Vi extends X{}Vi.matches=/^aspect:./,Vi.key=U("aspect","ratio"),Vi.unit="",Vi.semantics={square:"1/1",video:"16/9"};class Ti extends X{get props(){return{"box-decoration-break":this,"-webkit-box-decoration-break":this}}}Ti.matches=/^box:(slice|clone)(?!;)/,Ti.key=U(Fe,Ke,et);class Ci extends X{}Ci.key=U(et,"after");class qi extends X{}qi.key=U(et,"before");class Li extends X{}Li.key=U(et,"inside");class Pi extends X{}Pi.key=U(Ee,"shrink"),Pi.unit="";class _i extends X{}_i.matches=/^flex:((row|col|column)(-reverse)?)(?!;)/,_i.key=U(Ee,ke),_i.values={col:ie,"col-reverse":U(ie,"reverse")};class Zi extends X{}Zi.key=U(Ee,"grow"),Zi.unit="";class Fi extends X{}Fi.matches=/^flex:(wrap(-reverse)?|nowrap)(?!;)/,Fi.key=U(Ee,"wrap");class Qi extends X{}Qi.key=U(Ee,"basis"),Qi.values=At;class Xi extends X{constructor(){super(...arguments),this.order=-1}}Xi.key=Ee,Xi.unit="";const Yi="999999";class Bi extends X{}Bi.matches=/^o:./,Bi.key="order",Bi.values={first:"-999999",last:Yi},Bi.unit="";class Ui extends X{constructor(){super(...arguments),this.order=-1}get parseValue(){return"span"===this.prefix.slice(-5,-1)&&"auto"!==this.value?"span "+this.value+"/"+"span "+this.value:this.value}}Ui.matches=/^grid-col(-span)?:./,Ui.key=U(Ae,ie),Ui.unit="";class Di extends X{}Di.matches=/^col-span:./,Di.key=U(ie,gt);class Gi extends X{constructor(){super(...arguments),this.order=-1}get parseValue(){return"span"===this.prefix.slice(-5,-1)&&"auto"!==this.value?"span "+this.value+"/"+"span "+this.value:this.value}}Gi.matches=/^grid-row-span:./,Gi.key=U(Ae,ae),Gi.unit="";class Hi extends X{}Hi.matches=/^font-color:./,Hi.colorStarts="f(ont)?:",Hi.colorful=!0,Hi.key=be,Hi.unit="";class Ji extends X{}Ji.matches=/^ac:./,Ji.key=U(Ue,de);class Ki extends X{}Ki.matches=/^ai:./,Ki.key=U(Ue,kt);class er extends X{}er.matches=/^as:./,er.key=U(Ue,vt);class tr extends X{}tr.matches=/^grid-auto-cols:./,tr.key=U(Ae,st,re),tr.values={min:U(Ie,de),max:U(We,de)};class sr extends X{}sr.matches=/^grid-flow:./,sr.key=U(Ae,st,te);class ir extends X{}ir.key=U(Ae,st,ce),ir.values={min:U(Ie,de),max:U(We,de)};class rr extends X{}rr.matches=/^jc:./,rr.key=U(yt,de);class nr extends X{}nr.matches=/^ji:./,nr.key=U(yt,kt);class ar extends X{}ar.matches=/^js:./,ar.key=U(yt,vt);class cr extends X{constructor(){super(...arguments),this.order=-1}}cr.key=U(wt,de);class lr extends X{constructor(){super(...arguments),this.order=-1}}lr.key=U(wt,kt);class or extends X{constructor(){super(...arguments),this.order=-1}}or.key=U(wt,vt);class dr extends X{get props(){return{[this.prefix.slice(0,-1)]:this}}get order(){return"padding:"===this.prefix?-1:0}}dr.id="padding",dr.matches=/^padding(?:-(?:left|right|top|bottom))?:./;class hr extends X{get props(){return{[this.prefix.slice(0,-1)]:this}}get order(){return"margin:"===this.prefix?-1:0}}hr.id="margin",hr.matches=/^margin(-(left|right|top|bottom))?:./;class ur extends X{}ur.matches=/^(text-(overflow|ovf):.|t(ext)?:(ellipsis|clip)(?!;))/,ur.key=U(Be,"overflow");class fr extends X{}fr.matches=/^list-style:(inside|outside)(?!;)/,fr.key=U(bt,ct,nt);class mr extends X{}mr.matches=/^list-style:(none|disc|decimal)(?!;)/,mr.key=U(bt,ct,Ot);class pr extends X{constructor(){super(...arguments),this.order=-1}}pr.key=U(bt,ct);class xr extends X{}xr.key=U(Be,Ke,be),xr.colorStarts="text-decoration:",xr.colorful=!0;class br extends X{}br.matches=/^t(ext)?:(solid|double|dotted|dashed|wavy)(?!;)/,br.key=U(Be,Ke,ct);class gr extends X{}gr.matches=/^text-decoration:(from-font(?!;)|([0-9]|(max|min|calc|clamp)\(.*\))((?!;).)*$)/,gr.key=U(Be,Ke,"thickness"),gr.unit="em";class yr extends X{}yr.key=U(Be,"indent");class kr extends X{}kr.key=de;class vr extends X{}vr.key=U(St,be),vr.colorStarts="outline:",vr.colorful=!0;class wr extends X{}wr.key=U(St,jt);class Or extends X{}Or.matches=/^outline:(none|dotted|dashed|solid|double|groove|ridge|inset|outset)(?!;)/,Or.key=U(St,ct);class jr extends X{}jr.matches=/^outline:([0-9]|(max|min|calc|clamp)\(.*\))((?!;).)*$/,jr.key=U(St,Re);class Sr extends X{constructor(){super(...arguments),this.order=-1}}Sr.key=St;class Nr extends X{}Nr.matches=/^b(order)?:(collapse|separate)(?!;)/,Nr.key=U(D,"collapse");class Rr extends X{}Rr.key=U(D,dt);class Wr extends X{}Wr.key=U(xt,"layout");class Ir extends X{}Ir.key=U("accent",be),Ir.colorStarts="accent:",Ir.colorful=!0;class $r extends X{}$r.key="appearance";class zr extends X{}zr.key=U("caret",be),zr.matches=/^caret:transparent(?!;)/,zr.colorStarts="caret:",zr.colorful=!0;class Er extends X{}Er.key=U(ge,we);class Ar extends X{get props(){if("m"!==this.prefix.slice(-3,-2))return{[this.prefix.replace(/-m(?!argin)/,"-margin").slice(0,-1)]:this};{const e=U(ge,H)+"-",t=e+Pt,s=e+_t,i=e+qt,r=e+Lt;switch(this.prefix.slice(-2,-1)){case Yt:return{[t]:this,[s]:this};case Bt:return{[i]:this,[r]:this};case Zt:return{[t]:this};case Ft:return{[s]:this};case Qt:return{[i]:this};case Xt:return{[r]:this}}}}get order(){return this.prefix===U(ge,H)+":"||this.prefix===U(ge,"m:")?-1:0}}Ar.id="scrollMargin",Ar.matches=/^scroll-m([xytblr]|argin(-(top|bottom|left|right))?)?:./;class Mr extends X{get props(){if("p"!==this.prefix.slice(-3,-2))return{[this.prefix.replace(/-p(?!adding)/,"-padding").slice(0,-1)]:this};{const e=U(ge,J)+"-",t=e+Pt,s=e+_t,i=e+qt,r=e+Lt;switch(this.prefix.slice(-2,-1)){case Yt:return{[t]:this,[s]:this};case Bt:return{[i]:this,[r]:this};case Zt:return{[t]:this};case Ft:return{[s]:this};case Qt:return{[i]:this};case Xt:return{[r]:this}}}}get order(){return this.prefix===U(ge,J)+":"||this.prefix===U(ge,"p:")?-1:0}}Mr.id="scrollPadding",Mr.matches=/^scroll-p([xytblr]|adding(-(top|bottom|left|right))?)?:./;class Vr extends X{}Vr.matches=/^scroll-snap:(start|end|center)/,Vr.key=U(ge,Nt,Ue);class Tr extends X{}Tr.matches=/^scroll-snap:(normal|always)(?!;)/,Tr.key=U(ge,Nt,"stop");class Cr extends X{}Cr.matches=/^scroll-snap:(([xy]|block|inline|both)(;(proximity|mandatory))?)(?!;)/,Cr.key=U(ge,Nt,Ot);class qr extends X{}qr.key="will-change";class Lr extends X{}Lr.key=U(Be,"underline",jt);class Pr extends X{get props(){return{[this.prefix.slice(0,-1)]:this}}}Pr.matches=/^(?:top|bottom|left|right):./,Pr.key="inset",Pr.semantics={center:{left:0,right:0,"margin-left":st,"margin-right":st},middle:{top:0,bottom:0,"margin-top":st,"margin-bottom":st}};class _r extends X{constructor(){super(...arguments),this.order=-1}}_r.matches=/^(columns|cols):./,_r.key=re,_r.unit="";class Zr extends X{}Zr.key=U("white",Je),Zr.unit="",Zr.semantics={"break-spaces":{"white-space":U(et,Je)+"s"}};class Fr extends X{}Fr.matches=/^t(ext)?:(mixed|upright|sideways-right|sideways|use-glyph-orientation)(?!;)/,Fr.key=U(Be,"orientation");class Qr extends X{}Qr.key=U("writing",ve);class Xr extends X{}Xr.key="contain";class Yr extends X{}Yr.matches=/^\@duration:./,Yr.key=U(ye,Pe),Yr.unit="ms";class Br extends X{}Br.matches=/^t(ext)?:(optimizeSpeed|optimizeLegibility|geometricPrecision)(?!;)/,Br.key=U(Be,"rendering");class Ur extends X{}Ur.key=ke;class Dr extends X{}Dr.matches=/^t(ext)?:(none|underline|overline|line-through)(?!;)/,Dr.key=U(Be,Ke,it);class Gr extends X{}Gr.matches=/^grid-col-start:./,Gr.key=U(Ae,ie,$t),Gr.unit="";class Hr extends X{}Hr.matches=/^list-style:(url|linear-gradient|radial-gradient|repeating-linear-gradient|repeating-radial-gradient|conic-gradient)\(.*\)((?!;).)*$/,Hr.key=U(bt,ct,he);class Jr extends X{}Jr.matches=/^shape:((margin|content|border|padding)(?!;)|(inset|circle|ellipse|polygon|url|linear-gradient)\(.*\)((?!;).)*$)/,Jr.key=U(Rt,"outside"),Jr.values={content:U(de,Fe),border:U(D,Fe),padding:U(J,Fe),margin:U(H,Fe)};class Kr extends X{}Kr.matches=/^shape:([0-9]|(max|min|calc|clamp)\(.*\))((?!;).)*$/,Kr.key=U(Rt,H);class en extends X{}en.key=U(Rt,he,"threshold"),en.unit="";class tn extends X{}tn.matches=/^clip:./,tn.key=U(Xe,"path"),tn.values={content:U(de,Fe),border:U(D,Fe),padding:U(J,Fe),margin:U(H,Fe),fill:U(Qe,Fe),stroke:U(ue,Fe),view:U(Wt,Fe)};class sn extends X{constructor(){super(...arguments),this.order=-1}}sn.key=Ae;class rn extends X{constructor(){super(...arguments),this.order=-1}}rn.matches=/^f:./,rn.key=K,rn.unit="",rn.colorful=!0;class nn extends X{}nn.key="quotes";class an extends X{constructor(){super(...arguments),this.order=-1}}an.key=U(Ae,se);class cn extends X{}cn.key=U(Ae,ae,$t),cn.unit="";class ln extends X{}ln.key=U(Ae,se,It)+"s";class on extends X{}on.matches=/^grid-template-cols:./,on.key=U(Ae,se,re),on.values={min:U(Ie,de),max:U(We,de)};class dn extends X{}dn.key=U(Ae,se,ce),dn.values={min:U(Ie,de),max:U(We,de)};class hn extends X{constructor(){super(...arguments),this.order=-1}}hn.key=U(Ae,It),hn.unit="";class un extends X{}un.matches=/^grid-col-end:./,un.key=U(Ae,ie,"end"),un.unit="";class fn extends X{}fn.key=U(Ae,ae,"end"),fn.unit="";class mn extends X{get props(){return{"mask-image":this,"-webkit-mask-image":this}}}mn.key=U("mask",he);class pn extends X{get props(){return{"-webkit-text-fill-color":this}}}pn.id="textFillColor",pn.matches=/^text-fill-color:./,pn.colorStarts="text-fill:",pn.colorful=!0;class xn extends X{get props(){return{"-webkit-text-stroke":this}}}xn.id="textStroke",xn.matches=/^text-stroke:./;class bn extends X{get props(){return{"-webkit-text-stroke-width":this}}}bn.id="textStrokeWidth",bn.matches=/^text-stroke(:((thin|medium|thick)(?!;)|\.?\d((?!;).)*$)|-width:.)/;class gn extends X{get props(){return{"-webkit-text-stroke-color":this}}}gn.id="textStrokeColor",gn.matches=/^text-stroke-color:./,gn.colorStarts="text-stroke:",gn.colorful=!0;class yn extends X{}yn.key=U(ue,"dasharray");class kn extends X{}kn.key=U(ue,"dash")+jt;class vn extends X{}vn.key="x",vn.unit="";class wn extends X{}wn.key="y",wn.unit="";class On extends X{}On.key="cx",On.unit="";class jn extends X{}jn.key="cy",jn.unit="";class Sn extends X{}Sn.key="rx",Sn.unit="";class Nn extends X{}Nn.key="ry",Nn.unit="";class Rn extends X{}Rn.key=U(D,he,"outset");class Wn extends X{}Wn.matches=/^border-image:(?:stretch|repeat|round|space)(?:(?!;).)*$/,Wn.key=U(D,he,xe);class In extends X{}In.key=U(D,he,"slice"),In.unit="";class $n extends X{}$n.matches=/^border-image:(?:url|linear-gradient|radial-gradient|repeating-linear-gradient|repeating-radial-gradient|conic-gradient)\(.*\)(?:(?!;).)*$/,$n.key=U(D,he,"source");class zn extends X{}zn.matches=/^border-image:(?:\.?[0-9]|(max|min|calc|clamp)\(.*\))(?:(?!;).)*$/,zn.key=U(D,he,Re);class En extends X{}En.key=U(D,he),En.unit="";const An="undefined"!=typeof window,Mn=[Mi,Mt,Tt,Hi,Ut,hr,dr,Ct,Qi,Fi,Zi,Pi,_i,Xi,Ss,Dt,Gt,Ht,Jt,Xr,kr,Kt,is,rs,ns,rn,as,cs,ls,os,xr,br,gr,Dr,ds,Lr,ur,Fr,hs,Br,yr,us,_r,Zr,Pr,fs,Os,js,Ns,Rs,Ws,Is,$s,zs,Es,As,Ms,ui,fi,ki,vi,wi,Oi,Ii,Ai,ji,Si,Ri,Wi,pn,bn,gn,xn,Ni,Wr,xs,ps,ms,bs,vs,ws,ks,ys,gs,Vs,Ts,Yr,Cs,qs,Ls,Ps,_s,Zs,Qs,Hs,Js,Ks,Nr,Rr,ei,Rn,Wn,In,$n,zn,En,ti,si,ii,ri,ni,ai,ci,li,oi,di,hi,pi,yi,xi,yn,kn,gi,bi,vn,wn,On,jn,Sn,Nn,Gr,un,Ui,$i,cn,fn,Gi,zi,tr,sr,ir,ln,on,dn,an,hn,sn,Ei,Bi,Li,qi,Ci,Ti,Vi,Di,Ji,Ki,er,rr,nr,ar,cr,lr,or,fr,mr,Hr,pr,vr,wr,Or,jr,Sr,Ir,$r,zr,Er,Ar,Mr,Vr,Tr,Cr,qr,Qr,Ur,Jr,Kr,en,tn,nn,mn],Vn=Mn.get=e=>Mn.find((t=>{var s;return e===t.id||e===(null===(s=t.key)||void 0===s?void 0:s.replace(/-./g,(e=>e[1].toUpperCase())))||e===t.key}));function Tn(){if(An){const e=new p(document.head);p.root=e,e.observe(document.documentElement)}}Mn.extend=(e,t,s=!0)=>{for(const s in t){const i=Vn(s);if(i){const r=t[s];i.extend(e,r)}}s&&p.refresh()},X.extend("colors",e.colors,!1),X.extend("breakpoints",t.breakpoints,!1),p.Styles.push(...Mn);An&&(window.initMasterStyles=Tn,window.MasterStyles=Mn,window.MasterStylesManual||Tn())})(),i})()}));
@@ -0,0 +1,7 @@
1
+ export interface StyleMediaFeature {
2
+ token: string;
3
+ tokenType?: string;
4
+ operator?: string;
5
+ value?: number;
6
+ unit?: string;
7
+ }
@@ -0,0 +1,8 @@
1
+ import { StyleMediaFeature } from './style-media-feature';
2
+ export interface StyleMedia {
3
+ token: string;
4
+ features?: {
5
+ [key: string]: StyleMediaFeature;
6
+ };
7
+ type?: string;
8
+ }
package/package.json ADDED
@@ -0,0 +1,29 @@
1
+ {
2
+ "name": "@master/css",
3
+ "license": "MIT",
4
+ "description": "A Virtual CSS language with enhanced syntax. ( ~15KB )",
5
+ "author": "Aoyue Design LLC.",
6
+ "main": "index.js",
7
+ "types": "index.d.ts",
8
+ "funding": "https://docs.master.co/css/donate",
9
+ "homepage": "https://css.master.co",
10
+ "private": false,
11
+ "keywords": [
12
+ "style",
13
+ "styles",
14
+ "html",
15
+ "variants",
16
+ "virtual",
17
+ "virtual-css",
18
+ "utility",
19
+ "css",
20
+ "ui",
21
+ "lightweight",
22
+ "class"
23
+ ],
24
+ "repository": {
25
+ "type": "git",
26
+ "url": "https://github.com/master-co/css.git"
27
+ },
28
+ "version": "1.14.1"
29
+ }
package/render.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import './polyfills/css-escape';
2
+ export declare function render(html: string): {
3
+ stylesCss: string;
4
+ colorsCss: string;
5
+ colorsMetaContent: string;
6
+ html: string;
7
+ };
package/render.js ADDED
@@ -0,0 +1 @@
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["@master/styles"]=t():e["@master/styles"]=t()}(this,(function(){return(()=>{var e={131:function(e,t,s){var i;i=void 0!==s.g?s.g:this,e.exports=function(e){if(e.CSS&&e.CSS.escape)return e.CSS.escape;var t=function(e){if(0==arguments.length)throw new TypeError("`CSS.escape` requires an argument.");for(var t,s=String(e),i=s.length,n=-1,r="",o=s.charCodeAt(0);++n<i;)0!=(t=s.charCodeAt(n))?r+=t>=1&&t<=31||127==t||0==n&&t>=48&&t<=57||1==n&&t>=48&&t<=57&&45==o?"\\"+t.toString(16)+" ":0==n&&1==i&&45==t||!(t>=128||45==t||95==t||t>=48&&t<=57||t>=65&&t<=90||t>=97&&t<=122)?"\\"+s.charAt(n):s.charAt(n):r+="�";return r};return e.CSS||(e.CSS={}),e.CSS.escape=t,t}(i)}},t={};function s(i){var n=t[i];if(void 0!==n)return n.exports;var r=t[i]={exports:{}};return e[i].call(r.exports,r,r.exports,s),r.exports}s.d=(e,t)=>{for(var i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{"use strict";function e(e,t){return e+":"+(t.unit?t.value+t.unit:t.value)+(t.important?"!important":"")}s.r(i),s.d(i,{render:()=>H});const t=/^([+-.]?\d+(\.?\d+)?)(.*)?/;function n(e,s,i){let n="",r="",o="";if("number"==typeof e)n=e,r=s||"";else{if(i){const[t,s]=e.split("/");for(const e in i)if(t.startsWith(e)){const i=t[e.length];if(!i||"-"===i)return n="rgb(var(--"+t+")"+(s?"/"+s:"")+")",{value:n,unit:r,unitToken:o}}}if(s){const i=e.match(t);if(i){if(e.includes("/")){const t=e.split("/");return{value:+t[0]/+t[1]*100+"%",unit:r,unitToken:o}}return n=+i[1],r=o=i[3]||"",r||("rem"!==s&&"em"!==s||(n/=16),r=s||""),{value:n,unit:r,unitToken:o}}}n=(-1===e.indexOf("calc(")?e:function(e){const t=e=>"+"===e||"-"===e||"*"===e||"/"===e;let s,i="",n="",r=!1;function o(){s=null,n=""}for(let l=0;l<e.length;l++){const c=e[l];if("("===c||")"===c)r=")"===c,i+=n+c,o();else if(","===c)i+=n+c+" ",o();else{switch(s){case 1:break;case 2:if(t(c)){i+=n+" "+c+" ",o();continue}break;default:r&&(n+=" "),isNaN(+c)?t(c)||(s=1):s=2}n+=c}}return n&&(i+=n),i}(e)).replace(/\$\(((\w|-)+)\)/g,"var(--$1)")}return{value:n,unit:r,unitToken:o}}const r=[":disabled",":active",":focus",":hover"],o=[",",".","#","[","!","*",">","+","~",":","@"],l="undefined"!=typeof document;let c;l&&(c=document.createElement("style"),c.id="master-styles");const a="max-width",h="min-width",f="undefined"!=typeof window,u=f?window.MutationObserver:Object;class d extends u{constructor(e){if(super((e=>{const t={},s=[],i=[],n=[],r=(e,t,s)=>{for(let i=0;i<e.length;i++){const n=e[i];if(n.classList&&!s.includes(n)){s.push(n),n.classList.forEach((e=>{t?l(e):o(e)}));const e=n.children;e.length&&r(e,t,s)}}},o=e=>{e in t?t[e]++:t[e]=1},l=e=>{e in t?t[e]--:t[e]=-1};for(let t=0;t<e.length;t++){const o=e[t],{addedNodes:l,removedNodes:c,type:a,target:h,oldValue:f}=o;if("attributes"===a){if(h.className===f||s.find((e=>e.target===h)))continue;s.push(o)}else l.length&&r(l,!1,i),c.length&&r(c,!0,n)}if(s.length||Object.keys(t).length){for(const{oldValue:e,target:t}of s){if(i.includes(t)||n.includes(t))continue;const s=e?e.split(" "):[],r=t.classList;r.length&&r.forEach((e=>{s.includes(e)||o(e)}));for(const e of s)r.contains(e)||l(e)}for(const e in t){const s=t[e],i=(this.countOfName[e]||0)+s;0===i?(delete this.countOfName[e],this.delete(e)):(e in this.countOfName||this.findAndInsert(e),this.countOfName[e]=i)}}})),this.container=e,this.styles=[],this.styleOfName={},this.countOfName={},l){if(e){const t=e.querySelector('[id="master-styles"]');if(t){this.element=t;const e=(t,s)=>{if(t.selectorText){const e=t.selectorText.split(", ")[0].split(" ");let i;for(let t=e.length-1;t>=0;t--){const s=e[t];if("."===s[0]){i=s.slice(1);break}}let n="";for(let e=0;e<i.length;e++){const t=i[e],s=i[e+1];if("\\"===t){if(e++,"\\"!==s){n+=s;continue}}else if(o.includes(t))break;n+=t}if(!(n in this.styleOfName)){const e=d.findAndNew(n);e&&(e.cssRule=null!=s?s:t,this.styles.push(e),this.styleOfName[e.name]=e)}}else if(t.cssRules)for(let i=0;i<t.cssRules.length;i++)e(t.cssRules[i],null!=s?s:t)};e(t.sheet,void 0)}else this.element=c.cloneNode(),null==e||e.prepend(this.element)}Q.push(this)}}observe(e,t={subtree:!0,childList:!0}){return t.subtree&&e.querySelectorAll("[class]").forEach((e=>{e.classList.forEach((e=>{e in this.countOfName?this.countOfName[e]++:(this.countOfName[e]=1,this.findAndInsert(e))}))})),super.observe(e,Object.assign(Object.assign({},t),{attributes:!0,attributeOldValue:!0,attributeFilter:["class"]})),this}disconnect(){super.disconnect(),this.styleOfName={},this.countOfName={},this.styles.length=0;const e=this.element.sheet;for(let t=e.cssRules.length-1;t>=0;t--)e.deleteRule(t)}static findAndNew(e){for(const t of this.Styles){const s=t.match(e);if(s)return new t(e,s)}}static find(e){for(const t of this.Styles){if(t.match(e))return t}}static refresh(){for(const e of Q)e.refresh()}refresh(){if(!this.element)return;const e=c.cloneNode();this.element.replaceWith(e),this.element=e,this.styles.length=0,this.styleOfName={};for(const e in this.countOfName)this.findAndInsert(e)}destroy(){this.element.remove(),this.disconnect(),Q.splice(Q.indexOf(this),1)}insert(e){if(this.styleOfName[e.name])return;const t=e.text;let s;const i=this.styles.length-1,n=e.media,r=e.order,o=e.prioritySelectorIndex,l=e.hasWhere,c=(e,t,s,i)=>{let n,c,a=0;t&&(a=e.findIndex(t)),s&&(c=e.findIndex(s)),-1===a&&(a=e.length),void 0!==c&&-1!==c||(c=e.length),n=e.slice(a,c);for(let e=0;e<n.length;e++){const t=n[e];if(!(-1===t.prioritySelectorIndex||i&&i(t))&&(t.prioritySelectorIndex<o||t.prioritySelectorIndex===o&&(l&&!t.hasWhere||t.order>=r)))return a+e}return a+n.length};if(n){const e=this.styles.findIndex((e=>e.media));if(-1!==e){const t=n.features[a],f=n.features[h];if(t&&f){const n=t.value-f.value;for(let t=i;t>=e;t--){s=t;const i=this.styles[t],r=i.media,f=r.features[a],u=r.features[h];if(!f||!u){s++;break}const d=f.value-u.value;if(d===n){if(l!==i.hasWhere)continue;if(-1!==o){const i=[this.styles[t]];for(let s=t-1;s>=e;s--){const e=this.styles[s];if(e.hasWhere!==l)break;const t=e.media,n=t.features[a],r=t.features[h];if(!n||!r||n.value-r.value!==d)break;i.unshift(this.styles[s])}s=c(this.styles,(e=>e.media&&-1!==e.prioritySelectorIndex&&e.media.features[h]&&e.media.features[a]))}break}if(d>n)break}}else if(f)for(let t=e;t<=i;t++){s=t;const e=this.styles[t],n=e.media,u=n.features[a],d=n.features[h];if(u){if(d)break;continue}const m=null==d?void 0:d.value;if(m===f.value){if(!l&&e.hasWhere){s++;continue}if(-1!==o)s=c(this.styles,(e=>e.media),(e=>e.media&&-1!==e.prioritySelectorIndex&&e.media.features[h]&&e.media.features[a]),(e=>!e.media.features[h]&&!e.media.features[a]));else for(let e=t;e<=i;e++){const t=this.styles[e],i=t.media,n=i.features[h];if(!i.features[a]){if(t.hasWhere!==l||n.value!==m||t.order>=r)break;s=e+1}}break}if(m>f.value)break;s++}else if(t)for(let n=i;n>=e;n--){s=n;const i=this.styles[n],f=i.media,u=f.features[a];if(f.features[h])continue;const d=null==u?void 0:u.value;if(!d||d>t.value){s++;break}if(d===t.value){if(l&&!i.hasWhere)continue;if(-1!==o)s=c(this.styles,(e=>e.media),(e=>e.media&&-1!==e.prioritySelectorIndex&&e.media.features[h]&&e.media.features[a]),(e=>!e.media.features[h]&&!e.media.features[a]));else{const t=[this.styles[n]];for(let s=n-1;s>=e;s--){const e=this.styles[s],i=e.media,n=i.features[h],r=i.features[a];if(!(n||r&&r.value===d&&e.hasWhere===l))break;t.unshift(e)}for(let e=0;e<t.length;e++){const i=t[e];if(!i.media.features[h]){if(i.order>=r)break;s=n-t.length+2+e}}}break}}}if(void 0===s)if(-1===e)s=i+1;else if(-1!==o)s=e+c(this.styles.slice(e),void 0,(e=>e.media.features[a]||e.media.features[h]));else if(l){let t=e;for(;t<this.styles.length;t++){const e=this.styles[t];if(-1!==e.prioritySelectorIndex||!e.hasWhere||e.order>=r){s=t;break}}void 0===s&&(s=t)}else for(let t=e;t<=i;t++){s=t;const e=this.styles[t],i=e.media;if(-1!==e.prioritySelectorIndex||i.features[a]||i.features[h])break;if(e.hasWhere)s++;else if(e.order>=r)break}}else if(-1===o)if(l)s=this.styles.findIndex((e=>!e.hasWhere||e.media||-1!==e.prioritySelectorIndex||e.order>=r)),-1===s&&(s=i+1);else{let e=0;for(;e<this.styles.length;e++){const t=this.styles[e];if(t.media||!t.hasWhere&&(t.order>=r||-1!==t.prioritySelectorIndex)){s=e;break}}void 0===s&&(s=e)}else s=c(this.styles,void 0,(e=>e.media));try{if(this.element){const i=this.element.sheet;i.insertRule(t,s),e.cssRule=i.cssRules[s]}this.styles.splice(s,0,e),this.styleOfName[e.name]=e}catch(e){}}delete(e){const t=this.element.sheet,s=e=>{const s=this.styleOfName[e];if(null==s?void 0:s.cssRule)for(let e=0;e<t.cssRules.length;e++){t.cssRules[e]===s.cssRule&&(t.deleteRule(e),this.styles.splice(e,1),delete this.styleOfName[s.name])}};if(e in B.classes)for(const t of B.classes[e])t in this.countOfName||s(t);else s(e)}findAndInsert(e){const t=e=>{const t=d.findAndNew(e);t&&this.insert(t)};if(e in B.classes)for(const s of B.classes[e])t(s);else t(e)}}function m(e,t){let s=":root{";for(const i in t)s+="--"+e+(i?"-"+i:"")+":"+t[i]+";";return s+="}",s}function p(e){const t=e.match(/.{1,2}/g);return[parseInt(t[0],16),parseInt(t[1],16),parseInt(t[2],16)]}function y(e,t,s){return((1<<24)+(e<<16)+(t<<8)+s).toString(16).slice(1)}d.Styles=[],f&&(window.MasterStyleSheet=d);const g="matches",b="semantics",v="symbol",x="max-width",k="min-width",S="motion",O="reduce",w="reduced-motion",N="::scrollbar",j="::slider-thumb",R="::slider-runnable-track",I="::search",W="::meter",C="::resizer",A="::progress",E="px",T=["!","*",">","+","~",":","[","@","_"],$=[...T,void 0,"."],M={"(":")","'":"'"},_=new RegExp(N,"g"),q=new RegExp(I,"g"),L=new RegExp(W,"g"),V=new RegExp(R,"g"),P=new RegExp(j,"g"),z=new RegExp(C,"g"),F=new RegExp(A,"g"),Q=[];class B{constructor(t,s){this.name=t,this.matching=s,this.at={},this.prioritySelectorIndex=-1;const i=this.constructor;if(void 0===s&&!(s=i.match(t)))return;let o,l,{semantics:c,unit:a,colors:h,key:f,values:u,fixedSelector:d,colorful:m,breakpoints:p,mediaQueries:y}=i,$=t;if(m||(h=null),s.origin===b)o=s.value,l=$.slice(s.value.length),this.value=c[s.value];else{if(s.origin===g){const e=$.indexOf(":");this.prefix=$.slice(0,e+1),this.prefix.includes("(")?(this.prefix=void 0,o=$):o=$.slice(e+1)}else s.origin===v&&(this.symbol=$[0],o=$.slice(1));let e,t="",i=[],r=0;!function s(l,c,f=""){let u;for(l&&(")"===l&&"$"===t.slice(-1)&&(u=t.length-1),t+=o[r++]);r<o.length;r++){const d=o[r];if(d===l){t+=d,void 0!==u&&(t=t.slice(0,u)+t.slice(u).replace(/\$\((.*)\)/,"var(--$1)")),c||("'"===l?i.push(t):(e=n(t,a,h),i.push(e.value+e.unit)),f="",t="");break}if(d in M)s(M[d],void 0===c?0:c+1,f);else if(";"!==d||"'"===l&&"path"!==f){if(!l){if("."===d){if(isNaN(+o[r+1]))break;"-"===o[r-1]&&(t+="0")}else{if(","===d){e=n(t,a,h),i.push(e.value+e.unit,","),t="";continue}if("#"===d&&(t||i.length&&";"!==o[r-1])||T.includes(d))break}f+=d}t+=d}else l?t+=" ":(e=n(t,a,h),i.push(e.value+e.unit),t="")}}(),t&&(e=n(t,a,h),i.push(e.value+e.unit)),l=o.slice(r),1===i.length?e?(this.value=e.value,this.unit=e.unit):(this.value=i[0],this.unit=""):this.value=i.join(" ")}l.includes(N)&&(l=l.replace(_,"::-webkit-scrollbar")),l.includes(I)&&(l=l.replace(q,"::-webkit-search")),l.includes(j)&&(l=l.replace(P,"::-webkit-slider-thumb")),l.includes(R)&&(l=l.replace(V,"::-webkit-slider-runnable-track")),l.includes(W)&&(l=l.replace(L,"::-webkit-meter")),l.includes(C)&&(l=l.replace(z,"::-webkit-resizer")),l.includes(A)&&(l=l.replace(F,"::-webkit-progress")),this.parseValue&&(this.value=this.parseValue),u&&this.value in u&&(this.value=u[this.value]),"!"===l[0]&&(this.important=!0,l=l.slice(1));const Q=l.split("@");let D=Q[0].replace(/\_/g," ");if(D){this.hasWhere=D.includes(":where(");for(let e=0;e<r.length;e++)if(D.includes(r[e])){this.prioritySelectorIndex=e;break}}this.selector=D;for(let e=1;e<Q.length;e++){const t=Q[e];if(t)if(t.startsWith("dark")||t.startsWith("light"))this.colorScheme=t;else if("rtl"===t||"ltr"===t)this.direction=t;else{let e,s;const i=t.indexOf("_");if(-1!==i)e=t.slice(0,i),s=t.slice(i);else{const i=t.indexOf("(");-1!==i&&(e=t.slice(0,i),s=t.slice(i))}if(!e){e="media";const i=[];this.media={token:t,features:{}};const r=t.split("&");for(const e of r)if("all"===e||"print"===e||"screen"===e||"speech"===e)this.media.type=e;else if("🖨"===e)this.media.type="print";else if("landscape"===e||"portrait"===e)i.push("(orientation:"+e+")");else if(e===S||e===w)i.push("(prefers-reduced-motion:"+(e===S?"no-preference":O)+")");else if(e in y)i.push(y[e]);else{const t={token:e};let s="",r="",o=0;switch(e.startsWith("<=")?(r="<=",s=x):e.startsWith(">=")||p[e]?(r=">=",s=k):e.startsWith(">")?(r=">",s=k,o=.02):e.startsWith("<")&&(r="<",s=x,o=-.02),s){case x:case k:const l=r?e.replace(r,""):e,c=p[l];c?Object.assign(t,n(c,E)):Object.assign(t,n(l,E)),t.unit===E&&(t.value+=o),this.media.features[s]=t,i.push("("+s+":"+(t.value+t.unit)+")")}}s="",this.media.type&&(s=this.media.type),i.length&&(s+=(s?" and ":"")+i.join(" and "))}s&&(this.at[e]=s.replace(/\_/g," "))}}let G="";this.colorScheme&&(G+="."+this.colorScheme+" "),this.direction&&(G+="[dir="+this.direction+"] ");const H=(D?D+" ":"")+(d||"");this.text=G+"."+CSS.escape(this.name)+H+(this.name in B.relations?B.relations[this.name].map((e=>", "+G+"."+e+H)).join(""):"")+"{"+("object"==typeof this.value?Object.keys(this.value).map((t=>e(t,Object.assign(Object.assign({},this),{unit:"",value:this.value[t]})))).join(";"):this.props?Object.keys(this.props).map((t=>e(t,this.props[t]))).join(";"):e(f,this))+"}";for(const e of Object.keys(this.at).sort(((e,t)=>"supports"===t?-1:1)))this.text="@"+e+" "+this.at[e]+"{"+this.text+"}";void 0===this.order&&(this.order=0)}static match(e){if(this.semantics)for(const t in this.semantics)if(e===t||e.startsWith(t)&&$.includes(e[t.length]))return{origin:b,value:t};return this.matches&&this.matches.test(e)||this.colorStarts&&(e.match("^"+this.colorStarts+"(#|(rgb|hsl)\\(.*\\))((?!;).)*$")||this.colorNames.length&&e.match("^"+this.colorStarts+"("+this.colorNames.join("|")+")")&&-1===e.indexOf(";"))?{origin:g}:this.symbol&&e.startsWith(this.symbol)?{origin:v}:this.key&&e.startsWith(this.key+":")?{origin:g}:void 0}static extend(e,t,s=!0){if(!t)return;const i=(e,s,i)=>{var n;for(const r in t){const o=t[r];null==o?r in e&&(null==i||i(r),delete e[r]):e[r]=null!==(n=null==s?void 0:s(r,o))&&void 0!==n?n:o}};switch(e){case"classes":i(this.classes,((e,t)=>{if(e in this.classes)for(const t in this.relations){const s=this.relations[t],i=s.indexOf(e);-1!==i&&(s.length>1?s.splice(i,1):delete this.relations[t])}const s=Array.isArray(t)?t:t.replace(/(?:\n(?:\s*))+/g," ").trim().split(" ");for(const t of s)t in this.relations?this.relations[t].push(e):this.relations[t]=[e];return s}),(e=>{for(const t of this.classes[e]){const s=this.relations[t];s.length>1?s.splice(s.indexOf(e),1):delete this.relations[t]}}));break;case"colors":i(this.colors,((e,t)=>{const s=this.colorNames.indexOf(e);-1!==s?null==G||G.deleteRule(s):this.colorNames.push(e);const i={};"string"==typeof t&&(t={"":t});const n=""in t;n&&(i[""]=p(t[""]).join(" "));let r=!1;for(const e in t)if(e&&+e>=100){r=!0;break}if(r)for(const e in t)i[e]=p(t[e]).join(" ");else if(!n||Object.keys(t).length>1){let e,s,n=0,r="0"in t?p(t[0]):[0,0,0];const o=[],l=()=>{const l=e-n,c=s.map(((e,t)=>(e-r[t])/l));for(const e of o){const s=e-n,o=r.map(((e,t)=>Math.round(e+c[t]*s)));i[e]=o.join(" "),t[e]=y.call(this,...o)}};for(let c=1;c<100;c++){const a=c%2==0;c in t?(o.length?(e=c,s=p(t[c]),l(),o.length=0,r=s):r=p(t[c]),n=c,a&&(i[c]=r.join(" "))):a&&o.push(c)}o.length&&(e=100,s="100"in t?p(t[100]):[255,255,255],l())}if(!n){const e=t[r?"500":"50"];t[""]=e,i[""]=p(e).join(" ")}return null==G||G.insertRule(m(e,i),-1===s?Object.keys(this.colors).length:s),this.rgbColors[e]=i,t}),(e=>{const t=this.colorNames.indexOf(e);-1!==t&&this.colorNames.splice(t,1),null==G||G.deleteRule(t),delete this.rgbColors[e]}));break;default:let t=this[e];t||(t=this[e]={}),i(t)}s&&d.refresh()}}let D,G;if(B.unit="rem",B.rgbColors={},B.mediaQueries={},B.sheets=Q,B.colors={},B.classes={},B.colorNames=[],B.relations={},"undefined"!=typeof window&&(window.MasterStyle=B),"undefined"!=typeof document){const e=document.head.querySelector('[id="master-colors"]');if(e){const t=document.head.querySelector('[name="master:colors"]');if(t&&t.content){D=e;const s={},i=t.content.split(",");for(let e=0;e<D.sheet.cssRules.length;e++){const t=D.sheet.cssRules[e].cssText.slice(8,-1).split(";").slice(0,-1);if(t.length){const n=i[e],r=n.length+2,o={};for(const e of t){let[t,s]=e.split(":");t=t.trim().slice(r),t&&(t=t.slice(1)),o[t]=y.call(void 0,...s.split(" ").map((e=>+e)))}s[n]=o}}B.extend("colors",s),G=D.sheet}}D||(D=document.createElement("style"),D.id="master-colors",document.head.prepend(D),G=D.sheet)}s(131);function H(e){if(!e)return{stylesCss:"",colorsCss:"",colorsMetaContent:"",html:e};const t=new d,s=/\sclass="([^"]*)"/gm;let i;for(;i=s.exec(e);){const e=i[1].replace(/\n/g,"").split(" ").filter((e=>e));for(const s of e)s in t.countOfName||(t.findAndInsert(s),t.countOfName[s]=1)}const n=t.styles.map((e=>e.text)).join(""),r=B.colorNames.map((e=>m(e,B.rgbColors[e]))).join(""),o=B.colorNames.join(",");return{stylesCss:n,colorsCss:r,colorsMetaContent:o,html:e.includes("<head>")?e.replace(/(<head>)/,`$1\n <style id="master-colors">${r}</style>\n <style id="master-styles">${n}</style>\n <meta name="master:colors" content="${o}"></meta>`):e}}})(),i})()}));
package/sheet.d.ts ADDED
@@ -0,0 +1,55 @@
1
+ import { Style } from './style';
2
+ declare const MutationObserver: {
3
+ new (callback: MutationCallback): MutationObserver;
4
+ prototype: MutationObserver;
5
+ } | ObjectConstructor;
6
+ export declare class StyleSheet extends MutationObserver {
7
+ private container?;
8
+ constructor(container?: Element);
9
+ readonly element: HTMLStyleElement;
10
+ readonly styles: Style[];
11
+ readonly styleOfName: {};
12
+ readonly countOfName: {};
13
+ static root: StyleSheet;
14
+ static Styles: typeof Style[];
15
+ observe(target: Node, options?: MutationObserverInit): this;
16
+ disconnect(): void;
17
+ /**
18
+ * 尋找匹配的 Style 生成實例
19
+ */
20
+ static findAndNew(name: string): Style;
21
+ /**
22
+ * 尋找匹配的 Style
23
+ */
24
+ static find(name: string): typeof Style;
25
+ /**
26
+ * 全部 sheet 根據目前蒐集到的所有 DOM class 重新 findAndNew
27
+ */
28
+ static refresh(): void;
29
+ /**
30
+ * 根據目前蒐集到的所有 DOM class 重新 findAndNew
31
+ */
32
+ refresh(): void;
33
+ destroy(): void;
34
+ /**
35
+ * 1. where
36
+ * 2. normal
37
+ * 3. where selectors
38
+ * 4. normal selectors
39
+ * 5. media where
40
+ * 6. media normal
41
+ * 7. media selectors
42
+ * 8. media width where
43
+ * 9. media width
44
+ * 10. media width selectors
45
+ */
46
+ insert(style: Style): void;
47
+ delete(className: string): void;
48
+ findAndInsert(className: string): void;
49
+ }
50
+ declare global {
51
+ interface Window {
52
+ MasterStyleSheet: typeof StyleSheet;
53
+ }
54
+ }
55
+ export {};
package/style.d.ts ADDED
@@ -0,0 +1,68 @@
1
+ import { StyleMedia } from './interfaces/style-media';
2
+ import { StyleSheet } from './sheet';
3
+ export interface StyleMatching {
4
+ origin: 'matches' | 'semantics' | 'symbol';
5
+ value?: string;
6
+ }
7
+ export declare const sheets: StyleSheet[];
8
+ export declare class Style {
9
+ readonly name: string;
10
+ readonly matching?: StyleMatching;
11
+ readonly prefix: string;
12
+ readonly symbol: string;
13
+ readonly value: any | {
14
+ [key: string]: string;
15
+ };
16
+ readonly token: string;
17
+ readonly selector: string;
18
+ readonly important: boolean;
19
+ readonly media: StyleMedia;
20
+ readonly at: Record<string, string>;
21
+ readonly direction: string;
22
+ readonly colorScheme: string;
23
+ readonly unit: string;
24
+ readonly unitToken: string;
25
+ readonly text: string;
26
+ readonly hasWhere: boolean;
27
+ readonly prioritySelectorIndex: number;
28
+ cssRule: CSSRule;
29
+ static fixedSelector: string;
30
+ static id: string;
31
+ static key: string;
32
+ static matches: RegExp;
33
+ static colorStarts: string;
34
+ static symbol: string;
35
+ static unit: string;
36
+ static colorful: boolean;
37
+ static rgbColors: Record<string, Record<string, string>>;
38
+ static readonly values: Record<string, any>;
39
+ static readonly semantics: {
40
+ [key: string]: any;
41
+ };
42
+ static readonly breakpoints: {
43
+ [key: string]: number;
44
+ };
45
+ static readonly mediaQueries: {
46
+ [key: string]: string;
47
+ };
48
+ static readonly sheets: StyleSheet[];
49
+ static readonly colors: Record<string, any>;
50
+ static readonly classes: Record<string, string>;
51
+ static readonly colorNames: string[];
52
+ private static readonly relations;
53
+ static match(name: string): StyleMatching;
54
+ constructor(name: string, matching?: StyleMatching);
55
+ static extend(property: 'classes' | 'breakpoints' | 'colors' | 'values' | 'semantics' | 'mediaQueries', settings: Record<string, any>, refresh?: boolean): void;
56
+ }
57
+ export interface Style {
58
+ readonly parseValue?: any;
59
+ readonly props?: {
60
+ [key: string]: any;
61
+ };
62
+ readonly order?: number;
63
+ }
64
+ declare global {
65
+ interface Window {
66
+ MasterStyle: typeof Style;
67
+ }
68
+ }
@@ -0,0 +1,6 @@
1
+ import { Style } from '../style';
2
+ export declare class AccentColor extends Style {
3
+ static key: string;
4
+ static colorStarts: string;
5
+ static colorful: boolean;
6
+ }
@@ -0,0 +1,5 @@
1
+ import { Style } from '../style';
2
+ export declare class AlignContent extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ }
@@ -0,0 +1,5 @@
1
+ import { Style } from '../style';
2
+ export declare class AlignItems extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ }
@@ -0,0 +1,5 @@
1
+ import { Style } from '../style';
2
+ export declare class AlignSelf extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ }
@@ -0,0 +1,6 @@
1
+ import { Style } from '../style';
2
+ export declare class AnimationDelay extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ static unit: string;
6
+ }
@@ -0,0 +1,5 @@
1
+ import { Style } from '../style';
2
+ export declare class AnimationDirection extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ }
@@ -0,0 +1,6 @@
1
+ import { Style } from '../style';
2
+ export declare class AnimationDuration extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ static unit: string;
6
+ }
@@ -0,0 +1,5 @@
1
+ import { Style } from '../style';
2
+ export declare class AnimationFillMode extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ }
@@ -0,0 +1,6 @@
1
+ import { Style } from '../style';
2
+ export declare class AnimationIterationCount extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ static unit: string;
6
+ }
@@ -0,0 +1,5 @@
1
+ import { Style } from '../style';
2
+ export declare class AnimationName extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ }
@@ -0,0 +1,5 @@
1
+ import { Style } from '../style';
2
+ export declare class AnimationPlayState extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ }
@@ -0,0 +1,5 @@
1
+ import { Style } from '../style';
2
+ export declare class AnimationTimingFunction extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ }
@@ -0,0 +1,7 @@
1
+ import { Style } from '../style';
2
+ export declare class Animation extends Style {
3
+ static symbol: string;
4
+ static key: string;
5
+ static unit: string;
6
+ order: number;
7
+ }
@@ -0,0 +1,4 @@
1
+ import { Style } from '../style';
2
+ export declare class Appearance extends Style {
3
+ static key: string;
4
+ }
@@ -0,0 +1,10 @@
1
+ import { Style } from '../style';
2
+ export declare class AspectRadio extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ static unit: string;
6
+ static semantics: {
7
+ square: string;
8
+ video: string;
9
+ };
10
+ }
@@ -0,0 +1,9 @@
1
+ import { Style } from '../style';
2
+ export declare class BackdropFilter extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ get props(): {
6
+ [key: string]: any;
7
+ };
8
+ get parseValue(): string;
9
+ }
@@ -0,0 +1,5 @@
1
+ import { Style } from '../style';
2
+ export declare class BackgroundAttachment extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ }
@@ -0,0 +1,4 @@
1
+ import { Style } from '../style';
2
+ export declare class BackgroundBlendMode extends Style {
3
+ static key: string;
4
+ }
@@ -0,0 +1,8 @@
1
+ import { Style } from '../style';
2
+ export declare class BackgroundClip extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ get props(): {
6
+ [key: string]: any;
7
+ };
8
+ }
@@ -0,0 +1,8 @@
1
+ import { Style } from '../style';
2
+ export declare class BackgroundColor extends Style {
3
+ static matches: RegExp;
4
+ static colorStarts: string;
5
+ static key: string;
6
+ static unit: string;
7
+ static colorful: boolean;
8
+ }
@@ -0,0 +1,5 @@
1
+ import { Style } from '../style';
2
+ export declare class BackgroundImage extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ }
@@ -0,0 +1,10 @@
1
+ import { Style } from '../style';
2
+ export declare class BackgroundOrigin extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ static values: {
6
+ content: string;
7
+ border: string;
8
+ padding: string;
9
+ };
10
+ }
@@ -0,0 +1,6 @@
1
+ import { Style } from '../style';
2
+ export declare class BackgroundPosition extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ static unit: string;
6
+ }
@@ -0,0 +1,5 @@
1
+ import { Style } from '../style';
2
+ export declare class BackgroundRepeat extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ }
@@ -0,0 +1,5 @@
1
+ import { Style } from '../style';
2
+ export declare class BackgroundSize extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ }
@@ -0,0 +1,7 @@
1
+ import { Style } from '../style';
2
+ export declare class Background extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ static colorful: boolean;
6
+ order: number;
7
+ }
@@ -0,0 +1,5 @@
1
+ import { Style } from '../style';
2
+ export declare class BorderCollapse extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ }
@@ -0,0 +1,11 @@
1
+ import { Style } from '../style';
2
+ export declare class BorderColor extends Style {
3
+ static id: string;
4
+ static matches: RegExp;
5
+ static colorStarts: string;
6
+ static colorful: boolean;
7
+ get props(): {
8
+ [key: string]: any;
9
+ };
10
+ get order(): number;
11
+ }
@@ -0,0 +1,4 @@
1
+ import { Style } from '../style';
2
+ export declare class BorderImageOutset extends Style {
3
+ static key: string;
4
+ }
@@ -0,0 +1,5 @@
1
+ import { Style } from '../style';
2
+ export declare class BorderImageRepeat extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ }
@@ -0,0 +1,5 @@
1
+ import { Style } from '../style';
2
+ export declare class BorderImageSlice extends Style {
3
+ static key: string;
4
+ static unit: string;
5
+ }
@@ -0,0 +1,5 @@
1
+ import { Style } from '../style';
2
+ export declare class BorderImageSource extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ }
@@ -0,0 +1,5 @@
1
+ import { Style } from '../style';
2
+ export declare class BorderImageWidth extends Style {
3
+ static matches: RegExp;
4
+ static key: string;
5
+ }