solid-ui 5.0.0-1 → 5.0.0

package/dist/chunks/{style-DI3buiHt.js → style-Dpwrc8CC.js}

@@ -1,4 +1,4 @@
-import { V as e, h as t, m as n, t as r } from "./index.esm-C63HBmfn.js";
+import { H as e, g as t, h as n, t as r } from "./index.esm-AZPmKqjU.js";
 //#region src/lib/log.ts
 var i = /* @__PURE__ */ e({
 	LogLevel: () => ee,
@@ -194,8 +194,8 @@ function I() {
 	});
 }
 function L(e, t, n, r) {
-	let i, a, o;
-	for (o = 0; o < e.children.length; o++) a = e.children[o], a.trashMe = !0;
+	let i, a, o = 0;
+	for (; o < e.children.length; o++) a = e.children[o], a.trashMe = !0;
 	for (let s = 0; s < t.length; s++) {
 		let c = t[s];
 		for (i = !1, o = 0; o < e.children.length; o++) if (a = e.children[o], a.subject && a.subject.sameTerm(c)) {
@@ -534,4 +534,4 @@ $.setStyle = function(e, t) {
 //#endregion
 export { V as a, R as c, b as d, v as f, Y as i, oe as l, i as m, Q as n, J as o, y as p, P as r, L as s, $ as t, O as u };
 
-//# sourceMappingURL=style-DI3buiHt.js.map
+//# sourceMappingURL=style-Dpwrc8CC.js.map

package/dist/chunks/style-Dpwrc8CC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-Dpwrc8CC.js","names":["TERROR","TWARN","TMESG","TSUCCESS","TINFO","TDEBUG","TALL","LogLevel","_level","_ascending","_dom","document","_window","window","log","str","type","typestr","logArea","getElementById","addendum","createElement","setAttribute","now","Date","innerHTML","getHours","getMinutes","getSeconds","escapeForXML","insertBefore","firstChild","appendChild","console","msg","message","warn","debug","info","error","success","alert","clear","setLevel","level","dumpHTML","body","logAscending","logDescending","replace","setInternals","escapeForXML","log","store","ns","rdf","UI","label","thing","initialCap","doCap","slice","toUpperCase","cleanUp","result","i","length","toLowerCase","getWellKnownLabel","value","termType","elements","s","uri","toString","split","map","decodeURIComponent","join","_e","hex","indexOf","String","fromCharCode","parseInt","hash","slash","lastIndexOf","suffix","any","ui","link","vcard","foaf","dct","dc","rss","contact","sym","cal","as","schema","rdfs","UI","store","log","store","ns","rdf","label","UI","addLoadEvent","AJARImage","ancestor","beep","clearVariableNames","emptyNode","escapeForXML","findPos","genUuid","getAbout","getEyeFocus","getTarget","getTerm","hashColor","include","labelForXML","labelWithOntology","newVariableName","ontologyLabel","predicateLabel","predicateLabelForXML","predParentOf","RDFComparePredicateObject","RDFComparePredicateSubject","shortName","stackString","syncTableToArray","syncTableToArrayReOrdered","nextVariable","audioContext","AudioContext","window","webkitAudioContext","ContextClass","ctx","duration","frequency","type","finishedCallback","osc","createOscillator","value","connect","destination","start","stop","who","uri","hash","x","split","reduce","a","b","charCodeAt","toString","replace","c","r","Math","random","v","table","things","createNewRow","updateExistingRow","foundOne","row","i","children","length","trashMe","g","thing","subject","sameTerm","replacement","parentNode","replaceChild","newRow","appendChild","ele","insertBefore","removeChild","elementMap","toNT","existingRow","before","e","str","stack","lines","toPrint","line","indexOf","charAt","chunks","push","node","nodes","childNodes","len","target","event","srcElement","nodeType","tagName","level","undefined","kb","aa","getAttribute","fromNT","debug","statementTr","st","AJAR_statement","className","predicate","AJAR_inverse","object","nextSibling","document","linkstr","lnk","createElement","setAttribute","func","oldonload","onload","obj","myDocument","ownerDocument","DocBox","documentElement","getBoundingClientRect","box","left","top","element","instantly","isBottom","myWindow","elementPosY","appContext","SolidAppContext","scrollDiff","scroll","totalScroll","scrollY","scrollBy","clientHeight","innerHeight","id","setInterval","scrollAmount","times","clearInterval","src","alt","tt","doc","image","addEventListener","clipboardData","setData","preventDefault","p","slice","namespaces","prefixes","pok","canUse","pp","lastIndexOf","slash","prefixchars","term","s","part","initialCap","t","findTypeURIs","rdfs","inverse","lab","ip","any","owl","self","other","compareTerm","n","previousSibling","nodeName","error","ContextClass","store","highlightColor","formBorderColor","formHeadingColor","lowProfileLinkColor","formFieldNameBoxWidth","mediaModuleCanvasWidth","mediaModuleCanvasHeight","textInputSize","tabBorderRadius","textInputBackgroundColor","textInputBackgroundColorUneditable","textInputColor","textInputColorPending","defaultErrorBackgroundColor","participationDefaultBackground","basicMaxLength","styleConstants","style","checkboxStyle","checkboxInputStyle","fieldLabelStyle","formSelectStyle","textInputStyle","textInputStyleUneditable","buttonStyle","commentStyle","iconStyle","smallButtonStyle","classIconStyle","confirmPopupStyle","messageBodyStyle","pendingeditModifier","personaBarStyle","searchInputStyle","autocompleteRowStyle","signInAndUpButtonStyle","headerBannerLoginInput","signUpBackground","signInBackground","heading1Style","heading2Style","heading3Style","heading4Style","formHeadingStyle","formTextInput","formGroupStyle","formBorderColor","formFieldLabelStyle","lowProfileLinkColor","formFieldNameBoxStyle","formFieldNameBoxWidth","multilineTextInputStyle","renderAsDivStyle","imageDivStyle","linkDivStyle","aclControlBoxContainer","aclControlBoxHeader","aclControlBoxStatus","aclControlBoxStatusRevealed","aclGroupContent","accessGroupList","accessGroupListItem","defaultsController","defaultsControllerNotice","bigButton","group","group1","group2","group3","group5","group9","group13","trustedAppAddApplicationsTable","trustedAppCancelButton","trustedAppControllerI","temporaryStatusInit","temporaryStatusEnd","headerUserMenuLink","headerUserMenuLinkHover","headerUserMenuTrigger","headerUserMenuTriggerImg","headerUserMenuButton","headerUserMenuButtonHover","headerUserMenuList","headerUserMenuListDisplay","headerUserMenuNavigationMenu","headerUserMenuNavigationMenuNotDisplayed","headerUserMenuListItem","headerUserMenuPhoto","headerBanner","headerBannerLink","headerBannerRightMenu","headerBannerLogin","allChildrenVisible","headerBannerUserMenu","headerBannerHelpMenu","headerBannerIcon","footer","primaryButton","primaryButtonHover","primaryButtonNoBorder","primaryButtonNoBorderHover","secondaryButton","secondaryButtonHover","secondaryButtonNoBorder","secondaryButtonNoBorderHover","controlStyle","mediaModuleCanvasWidth","mediaModuleCanvasHeight","dragEvent","dropEvent","restoreStyle","errorCancelButton","errorMessageBlockStyle","notepadStyle","upstreamStatus","downstreamStatus","baseStyle","headingCore","headingStyle","participantsStyle","participantsBlock","personTableTD","tabsNavElement","tabsRootElement","tabsMainElement","tabContainer","makeNewSlot","ellipsis","setStyle","ele","styleName","styleConstants","__exportAll","esm_exports","ns_default","_","log_exports","LogLevel","alert","clear","debug","dumpHTML","error","escapeForXML$1","info","logAscending","logDescending","msg","setInternals","setLevel","success","warn","TERROR","TWARN","TMESG","TSUCCESS","TINFO","TDEBUG","TALL","\"Error\"","\"Warning\"","\"Message\"","\"Success\"","\"Info\"","\"Debug\"","\"All\"","_level","_ascending","_dom","_window","log","type","logArea","addendum","typestr","now","str","message","level","window","document","UI$1","label","doCap","initialCap","cleanUp","result","i","getWellKnownLabel","thing","s","hex","slice","hash","slash","length","suffix","utils_exports","AJARImage","RDFComparePredicateObject","RDFComparePredicateSubject","addLoadEvent","ancestor","beep","clearVariableNames","emptyNode","escapeForXML","findPos","genUuid","getAbout","getEyeFocus","getTarget","getTerm","hashColor","include","labelForXML","labelWithOntology","newVariableName","ontologyLabel","predParentOf","predicateLabel","predicateLabelForXML","shortName","stackString","syncTableToArray","syncTableToArrayReOrdered","UI","nextVariable","audioContext","ctx","duration","finishedCallback","osc","frequency","who","x","a","b","r","c","foundOne","row","table","g","things","updateExistingRow","replacement","newRow","createNewRow","ele","elementMap","existingRow","lines","toPrint","line","chunks","nodes","node","len","target","tagName","aa","kb","statementTr","st","lnk","linkstr","oldonload","func","DocBox","obj","box","myWindow","elementPosY","element","appContext","totalScroll","instantly","isBottom","id","scrollAmount","times","doc","image","src","tt","p","uri","namespaces","ns","pok","canUse","pp","term","part","t","inverse","lab","ip","self","other","n","styleConstants_default","style","styleName"],"sources":["../../src/lib/log.ts","../../src/utils/label.ts","../../src/utils/index.js","../../src/lib/styleConstants.js","../../src/lib/style.js"],"sourcesContent":["// ///////////////////////  Logging\n//\n// bitmask levels\n// const TNONE = 0\n/** @internal */\nconst TERROR = 1\n/** @internal */\nconst TWARN = 2\n/** @internal */\nconst TMESG = 4\n/** @internal */\nconst TSUCCESS = 8\n/** @internal */\nconst TINFO = 16\n/** @internal */\nconst TDEBUG = 32\n/** @internal */\nconst TALL = 63\n\n/** @internal */\nexport enum LogLevel {\n  Error = TERROR,\n  Warning = TWARN,\n  Message = TMESG,\n  Success = TSUCCESS,\n  Info = TINFO,\n  Debug = TDEBUG,\n  All = TALL\n}\n\n/** @internal */\nlet _level: number = TERROR + TWARN + TMESG\n/** @internal */\nlet _ascending: boolean = false\n/** @internal */\nlet _dom: HTMLDocument = document // must be able to override for tests\n/** @internal */\nlet _window: Window = window // must be able to override for tests\n\n/** @internal */\nfunction log (str: string, type: number = TMESG, typestr: string = 'mesg') {\n  if (!(_level & type)) return // bitmask\n\n  if (typeof _dom !== 'undefined') {\n    const logArea = _dom.getElementById('status')\n    if (!logArea) return\n\n    const addendum = _dom.createElement('span')\n    addendum.setAttribute('class', typestr)\n    const now = new Date()\n    addendum.innerHTML = `${now.getHours()}:${now.getMinutes()}:${now.getSeconds()} [${typestr}] ${escapeForXML(str)}<br/>`\n    if (_ascending) {\n      logArea.insertBefore(addendum, logArea.firstChild)\n    } else {\n      logArea.appendChild(addendum)\n    }\n  } else if (typeof console !== 'undefined') {\n    console.log(str)\n  }\n}\n\n/**\n * Adds a message to the element with id \"status\". The messages are prepended with\n * time and type of message, in this case [mesg].\n */\nexport function msg (message: string) {\n  log(message)\n}\n\n/**\n * Adds a warning message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [warn].\n */\nexport function warn (message: string): void {\n  log(message, TWARN, 'warn')\n}\n\n/**\n * Adds a debugging message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [dbug].\n */\nexport function debug (message: string): void {\n  log(message, TDEBUG, 'dbug')\n}\n\n/**\n * Adds a info message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [info].\n */\nexport function info (message: string): void {\n  log(message, TINFO, 'info')\n}\n\n/**\n * Adds a error to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [eror].\n */\nexport function error (message: string): void {\n  log(message, TERROR, 'eror')\n}\n\n/**\n * Adds a success message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [good].\n */\nexport function success (message: string): void {\n  log(message, TSUCCESS, 'good')\n}\n\n/**\n * Uses the global alert to send an alert. If global alert is not available, it\n * will output the message using the method [[warning]]s.\n */\nexport function alert (message: string): void {\n  if (_window && typeof _window.alert !== 'undefined') {\n    _window.alert(message)\n  } else {\n    warn(message)\n  }\n}\n\n/**\n * Will clear the content of the element with id \"status\".\n */\nexport function clear (): void {\n  const logArea = _dom?.getElementById('status')\n  if (!logArea) return\n  logArea.innerHTML = ''\n}\n\n/**\n * Lets you configure which types of messages will be shown. The module uses\n * [bitmask](https://en.wikipedia.org/wiki/Mask_(computing)) to filter which\n * types of messages should be shown. E.g. if you only want warning messages\n * to be shown, pass 2 to the function, if you want warning and success to be\n * shown, pass 10 (2+8). By passing the sum of all, 63, you'll show all\n * types of messages.\n *\n * - Error: 1\n * - Warning: 2\n * - Message: 4\n * - Success: 8\n * - Info: 16\n * - Debug: 32\n */\nexport function setLevel (level: number): void {\n  _level = TALL\n  debug('Log level is now ' + level)\n  _level = level\n}\n\n/**\n * Will dump the current HTML using the [[debug]] method.\n */\nexport function dumpHTML (): void {\n  if (!_dom) return\n  const level = _level\n  _level = TALL\n  debug(_dom?.body?.innerHTML || '')\n  _level = level\n}\n\n/**\n * Will start prepending messages the list of log messages.\n */\nexport function logAscending () {\n  _ascending = true\n}\n\n/**\n * Will start appending messages the list of log messages. (This is default\n * behavior.)\n */\nexport function logDescending () {\n  _ascending = false\n}\n\n/** @internal */\nexport function escapeForXML (str: string): string {\n  // can be replaced with function utils module when migrating\n  return str\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n}\n\n/** @internal */\nexport function setInternals (window, document) {\n  _window = window\n  _dom = document\n}\n","import * as log from '../lib/log'\nimport { store } from 'solid-logic'\nimport ns from '../lib/ns'\nimport * as rdf from 'rdflib' // pull in first avoid cross-refs\n\nconst UI = { log, ns, rdf }\n\n// This ubiquitous function returns the best label for a thing\n//\n// The hacks in this code make a major difference to the usability\nexport function label (thing, initialCap = false): string {\n  function doCap (label: string) {\n    if (initialCap) {\n      return label.slice(0, 1).toUpperCase() + label.slice(1)\n    }\n    return label\n  }\n  function cleanUp (label: string) {\n    let result = ''\n    if (label.slice(-1) === '/') label = label.slice(0, -1) // chop trailing slash\n    for (let i = 0; i < label.length; i++) {\n      if (label[i] === '_' || label[i] === '-') {\n        result += ' '\n        continue\n      }\n      result += label[i]\n      if (\n        i + 1 < label.length &&\n        label[i].toUpperCase() !== label[i] &&\n        label[i + 1].toLowerCase() !== label[i + 1]\n      ) {\n        result += ' '\n      }\n    }\n    if (result.slice(0, 4) === 'has ') result = result.slice(4)\n    return doCap(result)\n  }\n\n  const label = getWellKnownLabel(thing)\n\n  if (label) {\n    return doCap(label.value)\n  }\n\n  // Default to label just generated from the URI\n\n  if (thing.termType === 'BlankNode') {\n    return '...'\n  }\n  if (thing.termType === 'Collection') {\n    return '(' + thing.elements.length + ')'\n  }\n  let s = thing.uri\n  if (typeof s === 'undefined') return thing.toString() // can't be a symbol\n  // s = decodeURI(s) // This can crash is random valid @ signs are presentation\n  // The idea was to clean up eg URIs encoded in query strings\n  // Also encoded character in what was filenames like @ [] {}\n  try {\n    s = s\n      .split('/')\n      .map(decodeURIComponent)\n      .join('/') // If it is properly encoded\n  } catch (_e) {\n    // try individual decoding of ASCII code points\n    for (let i = s.length - 3; i > 0; i--) {\n      const hex = '0123456789abcefABCDEF' // The while upacks multiple layers of encoding\n      while (\n        s[i] === '%' &&\n        hex.indexOf(s[i + 1]) >= 0 &&\n        hex.indexOf(s[i + 2]) >= 0\n      ) {\n        s =\n          s.slice(0, i) +\n          String.fromCharCode(parseInt(s.slice(i + 1, i + 3), 16)) +\n          s.slice(i + 3)\n      }\n    }\n  }\n\n  s = slice(s, '/profile/card#me')\n  s = slice(s, '#this')\n  s = slice(s, '#me')\n\n  const hash = s.indexOf('#')\n  if (hash >= 0) return cleanUp(s.slice(hash + 1))\n\n  // Eh? Why not do this? e.g. dc:title needs it only trim URIs, not rdfs:labels\n  const slash = s.lastIndexOf('/', s.length - 2) // (len-2) excludes trailing slash\n  if (slash >= 0 && slash < thing.uri.length) return cleanUp(s.slice(slash + 1))\n\n  return doCap(decodeURIComponent(thing.uri))\n}\n\nfunction slice (s: string, suffix: string) {\n  const length = suffix.length * -1\n  if (s.slice(length) === suffix) {\n    return s.slice(0, length)\n  }\n  return s\n}\n\n// Hard coded known label predicates\n//  @@ TBD: Add subproperties of rdfs:label\nfunction getWellKnownLabel (thing) {\n  return store.any(thing, UI.ns.ui('label')) || // Prioritize ui:label\n      store.any(thing, UI.ns.link('message')) ||\n      store.any(thing, UI.ns.vcard('fn')) ||\n      store.any(thing, UI.ns.foaf('name')) ||\n      store.any(thing, UI.ns.dct('title')) ||\n      store.any(thing, UI.ns.dc('title')) ||\n      store.any(thing, UI.ns.rss('title')) ||\n      store.any(thing, UI.ns.contact('fullName')) ||\n      store.any(thing, store.sym('http://www.w3.org/2001/04/roadmap/org#name')) ||\n      store.any(thing, UI.ns.cal('summary')) ||\n      store.any(thing, UI.ns.foaf('nick')) ||\n      store.any(thing, UI.ns.as('name')) ||\n      store.any(thing, UI.ns.schema('name')) ||\n      store.any(thing, UI.ns.rdfs('label')) ||\n      store.any(thing, store.sym('http://www.w3.org/2004/02/skos/core#prefLabel'))\n}\n","//                  Solid-UI general Utilities\n//                  ==========================\n//\n// This must load AFTER the rdflib.js and log-ext.js (or log.js).\n//\nimport * as log from '../lib/log'\nimport { store } from 'solid-logic'\nimport ns from '../lib/ns'\nimport * as rdf from 'rdflib' // pull in first avoid cross-refs\nimport { label } from './label'\n\nconst UI = { log, ns, rdf }\n\nexport {\n  addLoadEvent, // not used anywhere\n  AJARImage,\n  ancestor,\n  beep,\n  clearVariableNames,\n  emptyNode,\n  escapeForXML,\n  findPos,\n  genUuid,\n  getAbout,\n  getEyeFocus,\n  getTarget,\n  getTerm,\n  hashColor,\n  include,\n  label,\n  labelForXML,\n  labelWithOntology,\n  newVariableName,\n  ontologyLabel,\n  predicateLabel,\n  predicateLabelForXML,\n  predParentOf,\n  RDFComparePredicateObject,\n  RDFComparePredicateSubject,\n  shortName,\n  stackString,\n  syncTableToArray,\n  syncTableToArrayReOrdered\n}\n\nlet nextVariable = 0\n\nfunction newVariableName () {\n  return 'v' + nextVariable++\n}\n\nfunction clearVariableNames () {\n  nextVariable = 0\n}\n\n// http://stackoverflow.com/questions/879152/how-do-i-make-javascript-beep\n// http://www.tsheffler.com/blog/2013/05/14/audiocontext-noteonnoteoff-and-time-units/\n\nlet audioContext\n\nif (typeof AudioContext !== 'undefined') {\n  audioContext = AudioContext\n} else if (typeof window !== 'undefined') {\n  audioContext = window.AudioContext || window.webkitAudioContext\n}\n\nfunction beep () {\n  if (!audioContext) {\n    return\n  } // Safari 2015\n\n  const ContextClass = audioContext\n  const ctx = new ContextClass()\n\n  return function (duration, frequency, type, finishedCallback) {\n    duration = +(duration || 0.3)\n\n    // Only 0-4 are valid types.\n    type = type || 'sine' // sine, square, sawtooth, triangle\n\n    if (typeof finishedCallback !== 'function') {\n      finishedCallback = function () {}\n    }\n\n    const osc = ctx.createOscillator()\n\n    osc.type = type\n    osc.frequency.value = frequency || 256\n\n    osc.connect(ctx.destination)\n    osc.start(0)\n    osc.stop(duration)\n  }\n}\n\n// Make pseudorandom color from a uri\n// NOT USED ANYWHERE\nfunction hashColor (who) {\n  who = who.uri || who\n  const hash = function (x) {\n    return x.split('').reduce(function (a, b) {\n      a = (a << 5) - a + b.charCodeAt(0)\n      return a & a\n    }, 0)\n  }\n  return '#' + ((hash(who) & 0xffffff) | 0xc0c0c0).toString(16) // c0c0c0 or 808080 forces pale\n}\n\nfunction genUuid () {\n  // http://stackoverflow.com/questions/105034/create-guid-uuid-in-javascript\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n    const r = (Math.random() * 16) | 0\n    const v = c === 'x' ? r : (r & 0x3) | 0x8\n    return v.toString(16)\n  })\n}\n\n/** Sync a DOM table with an array of things\n *\n * @param {DomElement} table - will have a tr for each thing\n * @param {Array<NamedNode>} things - ORDERED array of NamedNode objects\n * @param {function({NamedNode})} createNewRow(thing) returns a TR table row for a new thing\n * @param {function(DomElement, NamedNode)} updateExistingRow(row, thing) optional hook for refreshing matched rows\n *\n * Tolerates out of order elements but puts new ones in order.\n * Can be used for any element type; does not have to be a table and tr.\n */\nfunction syncTableToArray (table, things, createNewRow, updateExistingRow) {\n  let foundOne\n  let row\n  let i\n\n  for (i = 0; i < table.children.length; i++) {\n    row = table.children[i]\n    row.trashMe = true\n  }\n\n  for (let g = 0; g < things.length; g++) {\n    const thing = things[g]\n    foundOne = false\n\n    for (i = 0; i < table.children.length; i++) {\n      row = table.children[i]\n      if (row.subject && row.subject.sameTerm(thing)) {\n        if (updateExistingRow) {\n          const replacement = updateExistingRow(row, thing)\n          if (replacement && replacement !== row) {\n            row.parentNode.replaceChild(replacement, row)\n            replacement.subject = thing\n            row = replacement\n          }\n        }\n        row.trashMe = false\n        foundOne = true\n        break\n      }\n    }\n    if (!foundOne) {\n      const newRow = createNewRow(thing)\n      // Insert new row in position g in the table to match array\n      if (g >= table.children.length) {\n        table.appendChild(newRow)\n      } else {\n        const ele = table.children[g]\n        table.insertBefore(newRow, ele)\n      }\n      newRow.subject = thing\n    } // if not foundOne\n  } // loop g\n\n  for (i = 0; i < table.children.length; i++) {\n    row = table.children[i]\n    if (row.trashMe) {\n      table.removeChild(row)\n    }\n  }\n} // syncTableToArray\n\n/** Sync a DOM table with an array of things\n *\n * @param {DomElement} table - will have a tr for each thing\n * @param {Array<NamedNode>} things - ORDERED array of UNIQUE NamedNode objects. No duplicates\n * @param {function({NamedNode})} createNewRow(thing) returns a rendering of a new thing\n *\n * Ensures order matches exacly.  We will re-rder existing elements if necessary\n * Can be used for any element type; does not have to be a table and tr.\n * Any RDF node value can only appear ONCE in the array\n */\nfunction syncTableToArrayReOrdered (table, things, createNewRow) {\n  const elementMap = {}\n\n  for (let i = 0; i < table.children.length; i++) {\n    const row = table.children[i]\n    elementMap[row.subject.toNT()] = row // More sophisticaed would be to have a bag of duplicates\n  }\n\n  for (let g = 0; g < things.length; g++) {\n    const thing = things[g]\n    if (g >= table.children.length) { // table needs extending\n      const newRow = createNewRow(thing)\n      newRow.subject = thing\n      table.appendChild(newRow)\n    } else {\n      const row = table.children[g]\n      if (row.subject.sameTerm(thing)) {\n        // ...\n      } else {\n        const existingRow = elementMap[thing.toNT()]\n        if (existingRow) {\n          table.removeChild(existingRow)\n          table.insertBefore(existingRow, row) // Insert existing row in place of this one\n        } else {\n          const newRow = createNewRow(thing)\n          row.before(newRow) // Insert existing row in place of this one\n          newRow.subject = thing\n        }\n      }\n    }\n  } // loop g\n  // Lop off any we don't need any more:\n  while (table.children.length > things.length) {\n    table.removeChild(table.children[table.children.length - 1])\n  }\n} // syncTableToArrayReOrdered\n\n/* Error stack to string for better diagnotsics\n **\n ** See  http://snippets.dzone.com/posts/show/6632\n */\nfunction stackString (e) {\n  let str = '' + e + '\\n'\n  let i\n  if (!e.stack) {\n    return str + 'No stack available.\\n'\n  }\n  const lines = e.stack.toString().split('\\n')\n  const toPrint = []\n  for (i = 0; i < lines.length; i++) {\n    let line = lines[i]\n    if (line.indexOf('ecmaunit.js') > -1) {\n      // remove useless bit of traceback\n      break\n    }\n    if (line.charAt(0) === '(') {\n      line = 'function' + line\n    }\n    const chunks = line.split('@')\n    toPrint.push(chunks)\n  }\n  // toPrint.reverse();  No - I prefer the latest at the top by the error message -tbl\n\n  for (i = 0; i < toPrint.length; i++) {\n    str += '  ' + toPrint[i][1] + '\\n    ' + toPrint[i][0]\n  }\n  return str\n}\n\nfunction emptyNode (node) {\n  const nodes = node.childNodes\n  const len = nodes.length\n  for (let i = len - 1; i >= 0; i--) node.removeChild(nodes[i])\n  return node\n}\n\nfunction getTarget (e) {\n  let target\n  e = e || window.event\n  if (e.target) target = e.target\n  else if (e.srcElement) target = e.srcElement\n  if (target.nodeType === 3) {\n    // defeat Safari bug [sic]\n    target = target.parentNode\n  }\n  // UI.log.debug(\"Click on: \" + target.tagName)\n  return target\n}\n\nfunction ancestor (target, tagName) {\n  let level\n  for (level = target; level; level = level.parentNode) {\n    // UI.log.debug(\"looking for \"+tagName+\" Level: \"+level+\" \"+level.tagName)\n    try {\n      if (level.tagName === tagName) return level\n    } catch (e) {\n      // can hit \"TypeError: can't access dead object\" in ffox\n      return undefined\n    }\n  }\n  return undefined\n}\n\nfunction getAbout (kb, target) {\n  let level, aa\n  for (\n    level = target;\n    level && level.nodeType === 1;\n    level = level.parentNode\n  ) {\n    // UI.log.debug(\"Level \"+level + ' '+level.nodeType + ': '+level.tagName)\n    aa = level.getAttribute('about')\n    if (aa) {\n      // UI.log.debug(\"kb.fromNT(aa) = \" + kb.fromNT(aa))\n      return kb.fromNT(aa)\n      //        } else {\n      //            if (level.tagName=='TR') return undefined//this is to prevent literals passing through\n    }\n  }\n  UI.log.debug('getAbout: No about found')\n  return undefined\n}\n\nfunction getTerm (target) {\n  const statementTr = target.parentNode\n  const st = statementTr ? statementTr.AJAR_statement : undefined\n\n  const className = st ? target.className : '' // if no st then it's necessary to use getAbout\n  switch (className) {\n    case 'pred':\n    case 'pred selected':\n      return st.predicate\n    case 'obj':\n    case 'obj selected':\n      if (!statementTr.AJAR_inverse) {\n        return st.object\n      } else {\n        return st.subject\n      }\n    case '':\n    case 'selected': // header TD\n      return getAbout(store, target) // kb to be changed\n    case 'undetermined selected':\n      return target.nextSibling\n        ? st.predicate\n        : !statementTr.AJAR_inverse\n            ? st.object\n            : st.subject\n  }\n}\n\nfunction include (document, linkstr) {\n  const lnk = document.createElement('script')\n  lnk.setAttribute('type', 'text/javascript')\n  lnk.setAttribute('src', linkstr)\n  // TODO:This needs to be fixed or no longer used.\n  // document.getElementsByTagName('head')[0].appendChild(lnk)\n  return lnk\n}\n\nfunction addLoadEvent (func) {\n  const oldonload = window.onload\n  if (typeof window.onload !== 'function') {\n    window.onload = func\n  } else {\n    window.onload = function () {\n      oldonload()\n      func()\n    }\n  }\n} // addLoadEvent\n\n// Find the position of an object relative to the window\nfunction findPos (obj) {\n  // C&P from http://www.quirksmode.org/js/findpos.html\n  const myDocument = obj.ownerDocument\n  const DocBox = myDocument.documentElement.getBoundingClientRect()\n  const box = obj.getBoundingClientRect()\n  return [box.left - DocBox.left, box.top - DocBox.top]\n}\n\nfunction getEyeFocus (element, instantly, isBottom, myWindow) {\n  if (!myWindow) myWindow = window\n  const elementPosY = findPos(element)[1]\n  const appContext = window.SolidAppContext || {}\n  const scrollDiff = (appContext && appContext.scroll) || 52 // 52 = magic number for web-based version\n  const totalScroll = elementPosY - scrollDiff - myWindow.scrollY\n\n  if (instantly) {\n    if (isBottom) {\n      myWindow.scrollBy(\n        0,\n        elementPosY +\n        element.clientHeight -\n        (myWindow.scrollY + myWindow.innerHeight)\n      )\n      return\n    }\n    myWindow.scrollBy(0, totalScroll)\n    return\n  }\n  const id = myWindow.setInterval(scrollAmount, 50)\n  let times = 0\n  function scrollAmount () {\n    myWindow.scrollBy(0, totalScroll / 10)\n    times++\n    if (times === 10) {\n      myWindow.clearInterval(id)\n    }\n  }\n}\n\nfunction AJARImage (src, alt, tt, doc) {\n  if (!doc) {\n    doc = document\n  }\n  const image = doc.createElement('img')\n  image.setAttribute('src', src)\n  image.addEventListener('copy', function (e) {\n    e.clipboardData.setData('text/plain', '')\n    e.clipboardData.setData('text/html', '')\n    e.preventDefault() // We want no title data to be written to the clipboard\n  })\n  //    if (typeof alt != 'undefined')      // Messes up cut-and-paste of text\n  //        image.setAttribute('alt', alt)\n  if (typeof tt !== 'undefined') {\n    image.setAttribute('title', tt)\n  }\n  return image\n}\n\n//  Make short name for ontology\n\nfunction shortName (uri) {\n  let p = uri\n  if ('#/'.indexOf(p[p.length - 1]) >= 0) p = p.slice(0, -1)\n  const namespaces = []\n  for (const ns in this.prefixes) {\n    namespaces[this.prefixes[ns]] = ns // reverse index\n  }\n  let pok\n  const canUse = function canUse (pp) {\n    // if (!__Serializer.prototype.validPrefix.test(pp)) return false; // bad format\n    if (pp === 'ns') return false // boring\n    // if (pp in this.namespaces) return false; // already used\n    // this.prefixes[uri] = pp;\n    // this.namespaces[pp] = uri;\n    pok = pp\n    return true\n  }\n\n  let i\n  const hash = p.lastIndexOf('#')\n  if (hash >= 0) p = p.slice(hash - 1) // lop off localid\n  // eslint-disable-next-line no-unreachable-loop\n  for (;;) {\n    const slash = p.lastIndexOf('/')\n    if (slash >= 0) p = p.slice(slash + 1)\n    i = 0\n    while (i < p.length) {\n      if (this.prefixchars.indexOf(p[i])) i++\n      else break\n    }\n    p = p.slice(0, i)\n    if (p.length < 6 && canUse(p)) return pok // exact i sbest\n    if (canUse(p.slice(0, 3))) return pok\n    if (canUse(p.slice(0, 2))) return pok\n    if (canUse(p.slice(0, 4))) return pok\n    if (canUse(p.slice(0, 1))) return pok\n    if (canUse(p.slice(0, 5))) return pok\n    for (i = 0; ; i++) if (canUse(p.slice(0, 3) + i)) return pok\n  }\n}\n\n// Short name for an ontology\nfunction ontologyLabel (term) {\n  if (term.uri === undefined) return '??'\n  let s = term.uri\n  const namespaces = []\n  let i = s.lastIndexOf('#')\n  let part\n  if (i >= 0) {\n    s = s.slice(0, i + 1)\n  } else {\n    i = s.lastIndexOf('/')\n    if (i >= 0) {\n      s = s.slice(0, i + 1)\n    } else {\n      return term.uri + '?!' // strange should have # or /\n    }\n  }\n  for (const ns in UI.ns) {\n    namespaces[UI.ns[ns]] = ns // reverse index\n  }\n  try {\n    return namespaces[s]\n  } catch (e) {}\n\n  s = s.slice(0, -1) // Chop off delimiter ... now have just\n\n  while (s) {\n    i = s.lastIndexOf('/')\n    if (i >= 0) {\n      part = s.slice(i + 1)\n      s = s.slice(0, i)\n      if (part !== 'ns' && '0123456789'.indexOf(part[0]) < 0) {\n        return part\n      }\n    } else {\n      return term.uri + '!?' // strange should have a nice part\n    }\n  }\n}\n\nfunction labelWithOntology (x, initialCap) {\n  const t = store.findTypeURIs(x)\n  if (t[UI.ns.rdf('Predicate').uri] || t[UI.ns.rdfs('Class').uri]) {\n    return label(x, initialCap) + ' (' + ontologyLabel(x) + ')'\n  }\n  return label(x, initialCap)\n}\n\nfunction escapeForXML (str) {\n  return str.replace(/&/g, '&amp;').replace(/</g, '&lt;')\n}\n\n//  As above but escaped for XML and chopped of contains a slash\nfunction labelForXML (x) {\n  return escapeForXML(label(x))\n}\n\nfunction predicateLabelForXML (p, inverse) {\n  return escapeForXML(predicateLabel(p, inverse))\n}\n// As above but for predicate, possibly inverse\nfunction predicateLabel (p, inverse) {\n  const lab = label(p)\n  if (inverse) {\n    // If we know an inverse predicate, use its label\n    const ip = store.any(p, UI.ns.owl('inverseOf')) || store.any(undefined, UI.ns.owl('inverseOf'), p)\n    if (ip) return label(ip)\n    if (lab === 'type') return '...' // Not \"is type of\"\n    return 'is ' + lab + ' of'\n  }\n  return lab\n}\n\n// Not a method. For use in sorts\nfunction RDFComparePredicateObject (self, other) {\n  const x = self.predicate.compareTerm(other.predicate)\n  if (x !== 0) return x\n  return self.object.compareTerm(other.object)\n}\n\nfunction RDFComparePredicateSubject (self, other) {\n  const x = self.predicate.compareTerm(other.predicate)\n  if (x !== 0) return x\n  return self.subject.compareTerm(other.subject)\n}\n// ends\n\nfunction predParentOf (node) {\n  let n = node\n  while (true) {\n    if (n.getAttribute('predTR')) {\n      return n\n    } else if (n.previousSibling && n.previousSibling.nodeName === 'TR') {\n      n = n.previousSibling\n    } else {\n      UI.log.error('Could not find predParent')\n      return node\n    }\n  }\n}\n\n// makeQueryRow moved to outline mode\n","export default {\n  highlightColor: '#7C4DFF', // Solid lavender https://design.inrupt.com/atomic-core/?cat=Core\n\n  formBorderColor: '#888888', // Mid-grey\n  formHeadingColor: '#888888', // originally was brown; now grey\n  lowProfileLinkColor: '#3B5998', // Grey-blue, e.g., for field labels linking to ontology\n  formFieldNameBoxWidth: '8em', // The fixed amount to get form fields to line up\n  // We put in the latter when switching away from using tables.  However, getting\n  // alignment between fields in different groups is a hard problem.\n\n  mediaModuleCanvasWidth: '640',\n  mediaModuleCanvasHeight: '480',\n\n  textInputSize: 20, // Rough default text input size, in characters\n  tabBorderRadius: '0.2em',\n\n  textInputBackgroundColor: '#eef',\n  textInputBackgroundColorUneditable: '#fff',\n  textInputColor: '#000',\n  textInputColorPending: '#888',\n\n  defaultErrorBackgroundColor: '#fee',\n\n  participationDefaultBackground: 'white',\n\n  basicMaxLength: '4096'\n}\n","// Common readable consistent stylesheet\n// to avoid using style sheets which are document-global\n// and make programmable style toggling with selection, drag over, etc easier\n// These must all end with semicolon so they can be appended to.\n\nimport styleConstants from './styleConstants'\n\nexport const style = { // styleModule\n\n  checkboxStyle: 'color: black; font-size: 100%; padding-left: 0.5 em; padding-right: 0.5 em;',\n  checkboxInputStyle: 'font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em;',\n\n  fieldLabelStyle: 'color: #3B5998; text-decoration: none;',\n  formSelectStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyleUneditable: // Color difference only\n    'background-color: white; padding: 0.5em;  border: .05em solid white; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  buttonStyle:\n      'background-color: #fff; padding: 0.7em;  border: .01em solid white; border-radius:0.2em; font-size: 100%; margin: 0.3em;', // 'background-color: #eef;\n  commentStyle: 'padding: 0.7em;  border: none; font-size: 100%; white-space: pre-wrap;',\n  iconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 1em;',\n  smallButtonStyle: 'margin: 0.2em; width: 1em; height:1em;',\n  classIconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 0.2em; border: 0.1em solid green; padding: 0.2em; background-color: #efe;', // combine with buttonStyle\n  confirmPopupStyle: 'padding: 0.7em; border-radius: 0.2em; border: 0.1em solid orange; background-color: white; box-shadow: 0.5em 0.9em #888;',\n  messageBodyStyle:\n    'white-space: pre-wrap; width: 99%; font-size:100%; border: 0.07em solid #eee; border-radius:0.2em; padding: .3em 0.5em; margin: 0.1em;',\n  pendingeditModifier: 'color: #bbb;',\n\n  // Contacts\n  personaBarStyle: 'width: 100%; height: 4em; background-color: #eee; vertical-align: middle;',\n  searchInputStyle: 'border: 0.1em solid #444; border-radius: 0.2em; width: 100%; font-size: 100%; padding: 0.1em 0.6em; margin 0.2em;',\n  autocompleteRowStyle: 'border: 0.2em solid straw;',\n\n  // Login buttons\n  signInAndUpButtonStyle: 'padding: 1em; border-radius:0.2em; font-size: 100%;', // was 0.5em radius\n  headerBannerLoginInput: 'margin: 0.75em 0 0.75em 0.5em !important; padding: 0.5em !important;',\n  signUpBackground: 'background-color: #eef;',\n  signInBackground: 'background-color: #efe;',\n\n  // Forms\n  heading1Style: 'font-size: 180%; font-weight: bold; color: #888888; padding: 0.5em; margin: 0.7em 0.0m;', // originally was brown; now grey\n  heading2Style: 'font-size: 130%; font-weight: bold; color: #888888; padding: 0.4em; margin: 0.7em 0.0em;', // originally was brown; now grey\n  heading3Style: 'font-size: 120%; font-weight: bold; color: #888888; padding: 0.3em; margin: 0.7em 0.0em;', // For example, in large forms or before a small form\n  heading4Style: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em; margin: 0.7em 0.0em;', // Lowest level used by default in small things\n\n  formHeadingStyle: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em;  margin: 0.7em 0.0em;', // originally was brown; now grey\n  formTextInput: 'font-size: 100%; margin: 0.1em; padding: 0.1em;', // originally used this\n  formGroupStyle: [`padding-left: 0em; border: 0.0em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`, // weight 0\n    `padding-left: 2em; border: 0.05em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.1em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.2em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;` // @@ pink\n  ],\n\n  formFieldLabelStyle: `color: ${styleConstants.lowProfileLinkColor}; text-decoration: none;`,\n  formFieldNameBoxStyle: `padding: 0.3em; vertical-align: middle; width:${styleConstants.formFieldNameBoxWidth};`,\n  multilineTextInputStyle: 'font-size:100%; white-space: pre-wrap; background-color: #eef;' +\n  ' border: 0.07em solid gray; padding: 1em 0.5em; margin: 1em 1em;',\n\n  // Buttons\n  renderAsDivStyle: 'display: flex; align-items: center; justify-content: space-between; height: 2.5em; padding: 1em;',\n  imageDivStyle: 'width:2.5em; padding:0.5em; height: 2.5em;',\n  linkDivStyle: 'width:2em; padding:0.5em; height: 4em;',\n\n  // ACL\n  aclControlBoxContainer: 'margin: 1em;',\n  aclControlBoxHeader: 'font-size: 120%; margin: 0 0 1rem;',\n  aclControlBoxStatus: 'display: none; margin: 1rem 0;',\n  aclControlBoxStatusRevealed: 'display: block;',\n  aclGroupContent: 'maxWidth: 650;',\n  accessGroupList: 'display: grid; grid-template-columns: 1fr; margin: 1em; width: 100%;',\n  accessGroupListItem: 'display: grid; grid-template-columns: 100px auto 30%;',\n  defaultsController: 'display: flex;',\n  defaultsControllerNotice: 'color: #888; flexGrow: 1; fontSize: 80%;',\n  bigButton: 'background-color: white; color: black; text-wrap: pretty; border: 0.1em solid #888; border-radius: 0.3em; max-width: 50%; padding-bottom: 1em; padding-top: 1em;',\n  group: 'color: #888;',\n  group1: 'color: green;',\n  group2: 'color: #cc0;',\n  group3: 'color: orange;',\n  group5: 'color: red;',\n  group9: 'color: blue;',\n  group13: 'color: purple;',\n\n  trustedAppAddApplicationsTable: 'background-color: #eee;',\n  trustedAppCancelButton: 'float: right;',\n  trustedAppControllerI: 'border-color: orange; border-radius: 1em; border-width: 0.1em;',\n  temporaryStatusInit: 'background: green;',\n  temporaryStatusEnd: 'background: transparent; transition: background 5s linear;',\n\n  // header\n  headerUserMenuLink: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none;',\n  headerUserMenuLinkHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',\n  headerUserMenuTrigger: 'background: none; border: 0; cursor: pointer; width: 60px; height: 60px;',\n  headerUserMenuTriggerImg: 'border-radius: 50%; height: 56px; width: 28px !important;',\n  headerUserMenuButton: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%;',\n  headerUserMenuButtonHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',\n  headerUserMenuList: 'list-style: none; margin: 0; padding: 0;',\n  headerUserMenuListDisplay: 'list-style: none; margin: 0; padding: 0; display:true;',\n  headerUserMenuNavigationMenu: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: true;',\n  headerUserMenuNavigationMenuNotDisplayed: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: none;',\n  headerUserMenuListItem: 'border-bottom: solid 1px #000000;',\n  headerUserMenuPhoto: 'border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px;',\n  headerBanner: 'box-shadow: 0px 1px 4px #000000; display: flex; justify-content: space-between; padding: 0 1.5em; margin-bottom: 4px;',\n  headerBannerLink: 'display: block;',\n  headerBannerRightMenu: 'display: flex;',\n  headerBannerLogin: 'margin-left: auto;',\n  allChildrenVisible: 'display:true;',\n  headerBannerUserMenu: 'border-left: solid 1px #000000; margin-left: auto;',\n  headerBannerHelpMenu: 'border-left: solid 1px #000000; margin-left: auto;',\n  headerBannerIcon: 'background-size: 65px 60px !important; height: 60px !important; width: 65px !important;', // may just be 65px round($icon-size * 352 / 322);\n\n  // footer\n  footer: 'border-top: solid 1px $divider-color; font-size: 0.9em; padding: 0.5em 1.5em;',\n\n  // buttons\n  primaryButton: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  primaryButtonHover: 'background-color: #9f7dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  primaryButtonNoBorder: 'background-color: #ffffff; color: #7c4dff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  primaryButtonNoBorderHover: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  secondaryButton: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  secondaryButtonHover: 'background-color: #37cde6; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  secondaryButtonNoBorder: 'background-color: #ffffff; color: #01c9ea; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  secondaryButtonNoBorderHover: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n\n  // media\n  controlStyle: `border-radius: 0.5em; margin: 0.8em; width:${styleConstants.mediaModuleCanvasWidth}; height:${styleConstants.mediaModuleCanvasHeight};`,\n\n  // dragAndDrop\n  dragEvent: 'background-color: #ccc; border: 0.25em dashed black; border-radius: 0.3em;',\n  dropEvent: 'background-color: white; border: 0em solid black;',\n  restoreStyle: 'background-color: white;',\n\n  // errors\n  errorCancelButton: 'width: 2em; height: 2em; align: right;',\n  errorMessageBlockStyle: 'margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; color:black;',\n\n  // pad\n  notepadStyle: 'padding: 1em; overflow: auto; resize: horizontal; min-width: 40em;',\n  upstreamStatus: 'width: 50%;',\n  downstreamStatus: 'width: 50%;',\n  baseStyle: 'font-size: 100%; font-family: monospace; width: 100%; border: none; white-space: pre-wrap;',\n  headingCore: 'font-family: sans-serif; font-weight: bold;  border: none;',\n  headingStyle: [\n    'font-size: 110%; padding-top: 0.5em; padding-bottom: 0.5em; width: 100%;',\n    'font-size: 120%; padding-top: 1em; padding-bottom: 1em; width: 100%;',\n    'font-size: 150%; padding-top: 1em; padding-bottom: 1em; width: 100%;'\n  ],\n\n  // participation\n  participantsStyle: 'margin: 0.8em;',\n  participantsBlock: 'height: 1.5em; width: 1.5em; margin: 0.3em; border 0.01em solid #888;',\n  personTableTD: 'vertical-align: middle;',\n\n  // tabs\n  tabsNavElement: 'margin: 0;',\n  tabsRootElement: 'display: flex; height: 100%; width: 100%;',\n  tabsMainElement: 'margin: 0; width:100%; height: 100%;',\n  tabContainer: 'list-style-type: none; display: flex; height: 100%; width: 100%; margin: 0; padding: 0;',\n  makeNewSlot: 'background: none; border: none; font: inherit; cursor: pointer;',\n  ellipsis: 'position: absolute; right: 0; bottom: 0; width: 20%; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;'\n\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n"],"mappings":"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"}

package/dist/components/account/Account.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Account.cjs.js","names":["consume","html","nothing","property","customElement","WebComponent","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Account","_Account2","_A","WeakMap","_B","_ref","_menuItemsDecs","type","Array","_authDecs","context","subscribe","_Account3","Account","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_menuItems","_init_auth","_defineProperty","_classPrivateFieldGet","menuItems","v","_classPrivateFieldSet","auth","connectedCallback","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","initialized","account","map","menuItem","href","selected","onSelected","label","e","c","_initClass","_applyDecs","_Class","_identity","initializing","component","loggedIn","default"],"sources":["../../../src/components/account/Account.ts"],"sourcesContent":["import { consume } from '@lit/context'\nimport { html, nothing, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { customElement, WebComponent } from '@/lib/components'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/avatar'\nimport '@/components/button'\nimport '@/components/login-button'\nimport '@/components/logout-button'\nimport '@/components/menu-item'\nimport '@/components/menu'\nimport '@/components/signup-button'\nimport '~icons/lucide/chevron-down'\nimport '~icons/lucide/log-in'\nimport '~icons/lucide/log-out'\nimport '~icons/lucide/user'\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Account.styles.css'\n\nexport interface AccountMenuItem {\n  label: string | TemplateResult\n  href?: string\n  selected?: boolean\n  onSelected?(): void\n}\n\n@customElement('solid-ui-account')\nexport default class Account extends WebComponent {\n  static styles = styles\n  static states = {\n    initializing: (component: Account) => !component.auth.initialized,\n    loggedIn: (component: Account) => !!component.auth.account,\n  }\n\n  @property({ type: Array })\n  accessor menuItems: AccountMenuItem[] = []\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => this.requestUpdate())\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.initialized) {\n      return html`\n        <icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>\n      `\n    }\n\n    if (!this.auth.account) {\n      return html`\n        <solid-ui-login-button>\n            <solid-ui-button slot=\"trigger\">\n                <icon-lucide-user slot=\"left-icon\"></icon-lucide-user>\n                Log In\n            </solid-ui-button>\n        </solid-ui-login-button>\n        <solid-ui-signup-button>\n            <solid-ui-button slot=\"trigger\" variant=\"outline\">\n                <icon-lucide-log-in slot=\"left-icon\"></icon-lucide-log-in>\n                Sign Up\n            </solid-ui-button>\n        </solid-ui-signup-button>\n      `\n    }\n\n    return html`\n        <solid-ui-menu placement=\"bottom-end\">\n            <button type=\"button\" slot=\"trigger\">\n                <solid-ui-avatar></solid-ui-avatar>\n                <icon-lucide-chevron-down slot=\"right-icon\"></icon-lucide-chevron-down>\n            </button>\n\n            ${this.menuItems.map(menuItem => html`\n                <solid-ui-menu-item .href=${menuItem.href ?? nothing} ?selected=${menuItem.selected} @solid-ui-select=${() => menuItem.onSelected?.()}>\n                    ${menuItem.label}\n                </solid-ui-menu-item>\n            `)}\n            <solid-ui-logout-button>\n                <solid-ui-menu-item slot=\"trigger\">\n                    <icon-lucide-log-out slot=\"left-icon\"></icon-lucide-log-out>\n                    Sign out\n                </solid-ui-menu-item>\n            </solid-ui-logout-button>\n        </solid-ui-menu>\n    `\n  }\n}\n"],"mappings":"s+JAmByCS,EAAA,CASxCL,EAAAA,cAAc,kBAAkB,CAAC,EAAA,IAAAM,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,GAAAC,GAAAA,EAQ/Bb,EAAAA,SAAAA,CAAS,CAAEc,KAAMC,KAAM,CAAC,EAACC,GAAAA,EAGzBnB,EAAAA,QAAAA,CAAQ,CAAEoB,QAASd,EAAAA,YAAae,UAAW,EAAK,CAAC,EAAC,aAAAC,EAXrD,cACqCjB,EAAAA,OAAa,CAAAmB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAd,GAAAe,EAAA,IAAA,EAAAC,EAAA,KAQR,CAAA,CAAE,EAAA,EAAAF,EAAA,KAAAZ,EAAAe,EAAA,KAGLtB,EAAAA,oBAAoB,CAAA,EAAAuB,EAAA,KAAA,4BAAA,IAAA,EAAA,CAAA,CAAA,IAAAf,IAAA,CAAA,OAAAgB,EAAAnB,EAAA,IAAA,CAAA,CAAA,IAHhDoB,UAASC,EAAA,CAAAC,EAAAtB,EAAA,KAAAqB,CAAA,CAAA,CAAA,IAGDE,MAAI,CAAA,OAAAJ,EAAAjB,EAAA,IAAA,CAAA,CAAA,IAAJqB,KAAIF,EAAA,CAAAC,EAAApB,EAAA,KAAAmB,CAAA,CAAA,CAIrBG,mBAAqB,CACnB,MAAMA,kBAAkB,EAExB,KAAKC,0BAA4B,KAAKF,KAAKG,qBAAuB,KAAKC,cAAc,CAAC,CACxF,CAEAC,sBAAwB,CACtB,MAAMA,qBAAqB,EAE3B,KAAKH,4BAA4B,CACnC,CAEUI,QAAU,CAwBlB,OAvBK,KAAKN,KAAKO,YAMV,KAAKP,KAAKQ,QAiBR1C,EAAAA,IAAI;;;;;;;cAOD,KAAK+B,UAAUY,IAAIC,GAAY5C,EAAAA,IAAI;4CACL4C,EAASC,MAAQ5C,EAAAA,QAAO,aAAc2C,EAASE,SAAQ,wBAA2BF,EAASG,aAAa,EAAC;sBAC/HH,EAASI,MAAK;;aAEvB,EAAC;;;;;;;;MA3BDhD,EAAAA,IAAI;;;;;;;;;;;;;QANJA,EAAAA,IAAI;;OA0Cf,CACF,EAAC,CAAAiD,EAAA,CAAAtB,EAAAC,EAAAF,GAAAwB,EAAA,CAAAzC,EAAA0C,IAAAC,EAAA/B,EAAA,CAAA,CAAAN,EAAA,EAAA,WAAA,EAAA,CAAAG,EAAA,EAAA,MAAA,CAAA,EAAAV,EAAA,EAAA,IAAA,GAxEoCJ,EAAAA,OAAY,EAAAiB,GAAAgC,EAAA,cAAAC,CAAA,CAAA/B,aAAA,CAAA,MAAAd,CAAA,EAAAoB,EAAA,KAAA,SAC/BtB,EAAAA,OAAM,EAAAsB,EAAA,KAAA,SACN,CACd0B,aAAeC,GAAuB,CAACA,EAAUtB,KAAKO,YACtDgB,SAAWD,GAAuB,CAAC,CAACA,EAAUtB,KAAKQ,OACrD,CAAC,EAAAS,EAAA,CAAA,CAAA,EAAAtB,EAAAwB,EAAA3C,EAAA,IAAA,EAAA,EAAA2C"}
+{"version":3,"file":"Account.cjs.js","names":["consume","html","nothing","property","customElement","WebComponent","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Account","_Account2","_A","WeakMap","_B","_ref","_menuItemsDecs","type","Array","_authDecs","context","subscribe","_Account3","Account","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_menuItems","_init_auth","_defineProperty","_classPrivateFieldGet","menuItems","v","_classPrivateFieldSet","auth","connectedCallback","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","initialized","account","map","menuItem","href","selected","onSelected","label","e","c","_initClass","_applyDecs","_Class","_identity","initializing","component","loggedIn","default","customElement","property","consume","authContext","WebComponent","DEFAULT_AUTH_CONTEXT","nothing","styles","require_context","require_decorators","require_WebComponent","require_Account_styles","_lit_context","lit","lit_decorators_js","_Class","_Account3","_A","_B","_initProto","_initClass","_classDecs","_menuItemsDecs","_init_menuItems","_authDecs","_init_auth","_Account2","_ref","_classPrivateFieldInitSpec","_checkPrivateRedeclaration","a","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","b","u","w","S","A","d","f","p","_setFunctionName","P","j","D","I","k","F","l","N","_checkInRHS","_toPrimitive","e","_identity","_Account","args","menuItem","component"],"sources":["../../../src/components/account/Account.ts"],"sourcesContent":["import { consume } from '@lit/context'\nimport { html, nothing, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { customElement, WebComponent } from '@/lib/components'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/avatar'\nimport '@/components/button'\nimport '@/components/login-button'\nimport '@/components/logout-button'\nimport '@/components/menu-item'\nimport '@/components/menu'\nimport '@/components/signup-button'\nimport '~icons/lucide/chevron-down'\nimport '~icons/lucide/log-in'\nimport '~icons/lucide/log-out'\nimport '~icons/lucide/user'\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Account.styles.css'\n\nexport interface AccountMenuItem {\n  label: string | TemplateResult\n  href?: string\n  selected?: boolean\n  onSelected?(): void\n}\n\n@customElement('solid-ui-account')\nexport default class Account extends WebComponent {\n  static styles = styles\n  static states = {\n    initializing: (component: Account) => !component.auth.initialized,\n    loggedIn: (component: Account) => !!component.auth.account,\n  }\n\n  @property({ type: Array })\n  accessor menuItems: AccountMenuItem[] = []\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => this.requestUpdate())\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.initialized) {\n      return html`\n        <icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>\n      `\n    }\n\n    if (!this.auth.account) {\n      return html`\n        <solid-ui-login-button>\n            <solid-ui-button slot=\"trigger\">\n                <icon-lucide-user slot=\"left-icon\"></icon-lucide-user>\n                Log In\n            </solid-ui-button>\n        </solid-ui-login-button>\n        <solid-ui-signup-button>\n            <solid-ui-button slot=\"trigger\" variant=\"outline\">\n                <icon-lucide-log-in slot=\"left-icon\"></icon-lucide-log-in>\n                Sign Up\n            </solid-ui-button>\n        </solid-ui-signup-button>\n      `\n    }\n\n    return html`\n        <solid-ui-menu placement=\"bottom-end\">\n            <button type=\"button\" slot=\"trigger\">\n                <solid-ui-avatar></solid-ui-avatar>\n                <icon-lucide-chevron-down slot=\"right-icon\"></icon-lucide-chevron-down>\n            </button>\n\n            ${this.menuItems.map(menuItem => html`\n                <solid-ui-menu-item .href=${menuItem.href ?? nothing} ?selected=${menuItem.selected} @solid-ui-select=${() => menuItem.onSelected?.()}>\n                    ${menuItem.label}\n                </solid-ui-menu-item>\n            `)}\n            <solid-ui-logout-button>\n                <solid-ui-menu-item slot=\"trigger\">\n                    <icon-lucide-log-out slot=\"left-icon\"></icon-lucide-log-out>\n                    Sign out\n                </solid-ui-menu-item>\n            </solid-ui-logout-button>\n        </solid-ui-menu>\n    `\n  }\n}\n"],"mappings":"s+JAmByCS,EAAA,CASxCL,EAAAA,cAAc,kBAAkB,CAAC,EAAA,IAAAM,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,GAAAC,GAAAA,EAQ/Bb,EAAAA,SAAAA,CAAS,CAAEc,KAAMC,KAAM,CAAC,EAACC,GAAAA,EAGzBnB,EAAAA,QAAAA,CAAQ,CAAEoB,QAASd,EAAAA,YAAae,UAAW,EAAK,CAAC,EAAC,aAAAC,EAXrD,cACqCjB,EAAAA,OAAa,CAAAmB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAd,GAAAe,EAAA,IAAA,EAAAC,EAAA,KAQR,CAAA,CAAE,EAAA,EAAAF,EAAA,KAAAZ,EAAAe,EAAA,KAGLtB,EAAAA,oBAAoB,CAAA,EAAAuB,EAAA,KAAA,4BAAA,IAAA,EAAA,CAAA,CAAA,IAAAf,IAAA,CAAA,OAAAgB,EAAAnB,EAAA,IAAA,CAAA,CAAA,IAHhDoB,UAASC,EAAA,CAAAC,EAAAtB,EAAA,KAAAqB,CAAA,CAAA,CAAA,IAGDE,MAAI,CAAA,OAAAJ,EAAAjB,EAAA,IAAA,CAAA,CAAA,IAAJqB,KAAIF,EAAA,CAAAC,EAAApB,EAAA,KAAAmB,CAAA,CAAA,CAIrBG,mBAAqB,CACnB,MAAMA,kBAAkB,EAExB,KAAKC,0BAA4B,KAAKF,KAAKG,qBAAuB,KAAKC,cAAc,CAAC,CACxF,CAEAC,sBAAwB,CACtB,MAAMA,qBAAqB,EAE3B,KAAKH,4BAA4B,CACnC,CAEUI,QAAU,CAwBlB,OAvBK,KAAKN,KAAKO,YAMV,KAAKP,KAAKQ,QAiBR1C,EAAAA,IAAI;;;;;;;cAOD,KAAK+B,UAAUY,IAAIC,GAAY5C,EAAAA,IAAI;4CACL4C,EAASC,MAAQ5C,EAAAA,QAAO,aAAc2C,EAASE,SAAQ,wBAA2BF,EAASG,aAAa,EAAC;sBAC/HH,EAASI,MAAK;;aAEvB,EAAC;;;;;;;;MA3BDhD,EAAAA,IAAI;;;;;;;;;;;;;QANJA,EAAAA,IAAI;;OA0Cf,CACF,EAAC,CAAAiD,EAAA,CAAAtB,EAAAC,EAAAF,GAAAwB,EAAA,CAAAzC,EAAA0C,IAAAC,EAAA/B,EAAA,CAAA,CAAAN,EAAA,EAAA,WAAA,EAAA,CAAAG,EAAA,EAAA,MAAA,CAAA,EAAAV,EAAA,EAAA,IAAA,GAxEoCJ,EAAAA,OAAY,EAAAiB,GAAAgC,EAAA,cAAAC,CAAA,CAAA/B,aAAA,CAAA,MAAAd,CAAA,EAAAoB,EAAA,KAAA,SAC/BtB,EAAAA,OAAM,EAAAsB,EAAA,KAAA,SACN,CACd0B,aAAeC,GAAuB,CAACA,EAAUtB,KAAKO,YACtDgB,SAAWD,GAAuB,CAAC,CAACA,EAAUtB,KAAKQ,OACrD,CAAC,EAAAS,EAAA,CAAA,CAAA,EAAAtB,EAAAwB,EAAA3C,EAAA,IAAA,EAAA,EAAA2C"}

package/dist/components/account/Account.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Account.esm.js","names":["consume","html","nothing","property","customElement","WebComponent","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Account","_Account2","_A","WeakMap","_B","_ref","_menuItemsDecs","type","Array","_authDecs","context","subscribe","_Account3","Account","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_menuItems","_init_auth","_defineProperty","_classPrivateFieldGet","menuItems","v","_classPrivateFieldSet","auth","connectedCallback","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","initialized","account","map","menuItem","href","selected","onSelected","label","e","c","_initClass","_applyDecs","_Class","_identity","initializing","component","loggedIn","default"],"sources":["../../../src/components/account/Account.ts"],"sourcesContent":["import { consume } from '@lit/context'\nimport { html, nothing, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { customElement, WebComponent } from '@/lib/components'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/avatar'\nimport '@/components/button'\nimport '@/components/login-button'\nimport '@/components/logout-button'\nimport '@/components/menu-item'\nimport '@/components/menu'\nimport '@/components/signup-button'\nimport '~icons/lucide/chevron-down'\nimport '~icons/lucide/log-in'\nimport '~icons/lucide/log-out'\nimport '~icons/lucide/user'\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Account.styles.css'\n\nexport interface AccountMenuItem {\n  label: string | TemplateResult\n  href?: string\n  selected?: boolean\n  onSelected?(): void\n}\n\n@customElement('solid-ui-account')\nexport default class Account extends WebComponent {\n  static styles = styles\n  static states = {\n    initializing: (component: Account) => !component.auth.initialized,\n    loggedIn: (component: Account) => !!component.auth.account,\n  }\n\n  @property({ type: Array })\n  accessor menuItems: AccountMenuItem[] = []\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => this.requestUpdate())\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.initialized) {\n      return html`\n        <icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>\n      `\n    }\n\n    if (!this.auth.account) {\n      return html`\n        <solid-ui-login-button>\n            <solid-ui-button slot=\"trigger\">\n                <icon-lucide-user slot=\"left-icon\"></icon-lucide-user>\n                Log In\n            </solid-ui-button>\n        </solid-ui-login-button>\n        <solid-ui-signup-button>\n            <solid-ui-button slot=\"trigger\" variant=\"outline\">\n                <icon-lucide-log-in slot=\"left-icon\"></icon-lucide-log-in>\n                Sign Up\n            </solid-ui-button>\n        </solid-ui-signup-button>\n      `\n    }\n\n    return html`\n        <solid-ui-menu placement=\"bottom-end\">\n            <button type=\"button\" slot=\"trigger\">\n                <solid-ui-avatar></solid-ui-avatar>\n                <icon-lucide-chevron-down slot=\"right-icon\"></icon-lucide-chevron-down>\n            </button>\n\n            ${this.menuItems.map(menuItem => html`\n                <solid-ui-menu-item .href=${menuItem.href ?? nothing} ?selected=${menuItem.selected} @solid-ui-select=${() => menuItem.onSelected?.()}>\n                    ${menuItem.label}\n                </solid-ui-menu-item>\n            `)}\n            <solid-ui-logout-button>\n                <solid-ui-menu-item slot=\"trigger\">\n                    <icon-lucide-log-out slot=\"left-icon\"></icon-lucide-log-out>\n                    Sign out\n                </solid-ui-menu-item>\n            </solid-ui-logout-button>\n        </solid-ui-menu>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmByCS,IAAA,CASxCL,EAAc,kBAAkB,CAAC;AAAA,IAAAM;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,KAAAC,IAQ/Bb,EAAS,EAAEc,MAAMC,MAAM,CAAC,GAACC,IAGzBnB,EAAQ;CAAEoB,SAASd;CAAae,WAAW;AAAK,CAAC,GAAC,cAAAC,IAXrD,cACqCjB,EAAa;CAAAmB,YAAA,GAAAC,GAAA;EAWSK,AAXT,MAAA,GAAAL,CAAA,GAAAC,EAAA,MAAAd,IAAAe,EAAA,IAAA,GAAAC,EAAA,MAQR,CAAA,CAAE,EAAA,GAAAF,EAAA,MAAAZ,GAAAe,EAAA,MAGLtB,CAAoB,CAAA,GAAAuB,EAAA,MAAA,6BAAA,KAAA,CAAA;CAAA;CAAA,KAAAf,KAAA;EAAA,OAAAgB,EAAAnB,GAAA,IAAA;CAAA;CAAA,IAHhDoB,UAASC,GAAA;EAAAC,EAAAtB,GAAA,MAAAqB,CAAA;CAAA;CAAA,IAGDE,OAAI;EAAA,OAAAJ,EAAAjB,GAAA,IAAA;CAAA;CAAA,IAAJqB,KAAIF,GAAA;EAAAC,EAAApB,GAAA,MAAAmB,CAAA;CAAA;CAIrBG,oBAAqB;EAGnB,AAFA,MAAMA,kBAAkB,GAExB,KAAKC,4BAA4B,KAAKF,KAAKG,uBAAuB,KAAKC,cAAc,CAAC;CACxF;CAEAC,uBAAwB;EAGtB,AAFA,MAAMA,qBAAqB,GAE3B,KAAKH,4BAA4B;CACnC;CAEUI,SAAU;EAwBlB,OAvBK,KAAKN,KAAKO,cAMV,KAAKP,KAAKQ,UAiBR1C,CAAI;;;;;;;cAOD,KAAK+B,UAAUY,KAAIC,MAAY5C,CAAI;4CACL4C,EAASC,QAAQ5C,EAAO,aAAc2C,EAASE,SAAQ,0BAA2BF,EAASG,aAAa,EAAC;sBAC/HH,EAASI,MAAK;;aAEvB,EAAC;;;;;;;;QA3BDhD,CAAI;;;;;;;;;;;;;UANJA,CAAI;;;CA0Cf;AACF,GAAC,CAAAiD,GAAA,CAAAtB,GAAAC,GAAAF,IAAAwB,GAAA,CAAAzC,GAAA0C,MAAAC,EAAA/B,GAAA,CAAA;CAAAN;CAAA;CAAA;AAAA,GAAA;CAAAG;CAAA;CAAA;AAAA,CAAA,GAAAV,GAAA,GAAA,KAAA,GAxEoCJ,CAAY,GAAAiB,IAAAgC,IAAA,cAAAC,EAAA;CAAA/B,cAAA;EAAA,MAAAd,CAAA,GAAAoB,EAAA,MAAA,UAC/BtB,CAAM,GAAAsB,EAAA,MAAA,UACN;GACd0B,eAAeC,MAAuB,CAACA,EAAUtB,KAAKO;GACtDgB,WAAWD,MAAuB,CAAC,CAACA,EAAUtB,KAAKQ;EACrD,CAAC,GAAAS,EAAA;CAAA;AAAA,GAAAtB,EAAAwB,GAAA3C,GAAA,KAAA,CAAA,GAAA2C,GAAA"}
+{"version":3,"file":"Account.esm.js","names":["consume","html","nothing","property","customElement","WebComponent","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Account","_Account2","_A","WeakMap","_B","_ref","_menuItemsDecs","type","Array","_authDecs","context","subscribe","_Account3","Account","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_menuItems","_init_auth","_defineProperty","_classPrivateFieldGet","menuItems","v","_classPrivateFieldSet","auth","connectedCallback","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","initialized","account","map","menuItem","href","selected","onSelected","label","e","c","_initClass","_applyDecs","_Class","_identity","initializing","component","loggedIn","default","styles","WebComponent","Account_styles_default","_Class","_Account3","_A","_B","_initProto","_initClass","_classDecs","_menuItemsDecs","_init_menuItems","_authDecs","_init_auth","_Account2","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","b","u","w","S","A","d","p","_setFunctionName","P","j","D","I","F","l","f","N","_checkInRHS","_toPrimitive","e","_identity","customElement","_Account","property","consume","authContext","args","DEFAULT_AUTH_CONTEXT","menuItem","nothing","component"],"sources":["../../../src/components/account/Account.ts"],"sourcesContent":["import { consume } from '@lit/context'\nimport { html, nothing, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { customElement, WebComponent } from '@/lib/components'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/avatar'\nimport '@/components/button'\nimport '@/components/login-button'\nimport '@/components/logout-button'\nimport '@/components/menu-item'\nimport '@/components/menu'\nimport '@/components/signup-button'\nimport '~icons/lucide/chevron-down'\nimport '~icons/lucide/log-in'\nimport '~icons/lucide/log-out'\nimport '~icons/lucide/user'\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Account.styles.css'\n\nexport interface AccountMenuItem {\n  label: string | TemplateResult\n  href?: string\n  selected?: boolean\n  onSelected?(): void\n}\n\n@customElement('solid-ui-account')\nexport default class Account extends WebComponent {\n  static styles = styles\n  static states = {\n    initializing: (component: Account) => !component.auth.initialized,\n    loggedIn: (component: Account) => !!component.auth.account,\n  }\n\n  @property({ type: Array })\n  accessor menuItems: AccountMenuItem[] = []\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => this.requestUpdate())\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.initialized) {\n      return html`\n        <icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>\n      `\n    }\n\n    if (!this.auth.account) {\n      return html`\n        <solid-ui-login-button>\n            <solid-ui-button slot=\"trigger\">\n                <icon-lucide-user slot=\"left-icon\"></icon-lucide-user>\n                Log In\n            </solid-ui-button>\n        </solid-ui-login-button>\n        <solid-ui-signup-button>\n            <solid-ui-button slot=\"trigger\" variant=\"outline\">\n                <icon-lucide-log-in slot=\"left-icon\"></icon-lucide-log-in>\n                Sign Up\n            </solid-ui-button>\n        </solid-ui-signup-button>\n      `\n    }\n\n    return html`\n        <solid-ui-menu placement=\"bottom-end\">\n            <button type=\"button\" slot=\"trigger\">\n                <solid-ui-avatar></solid-ui-avatar>\n                <icon-lucide-chevron-down slot=\"right-icon\"></icon-lucide-chevron-down>\n            </button>\n\n            ${this.menuItems.map(menuItem => html`\n                <solid-ui-menu-item .href=${menuItem.href ?? nothing} ?selected=${menuItem.selected} @solid-ui-select=${() => menuItem.onSelected?.()}>\n                    ${menuItem.label}\n                </solid-ui-menu-item>\n            `)}\n            <solid-ui-logout-button>\n                <solid-ui-menu-item slot=\"trigger\">\n                    <icon-lucide-log-out slot=\"left-icon\"></icon-lucide-log-out>\n                    Sign out\n                </solid-ui-menu-item>\n            </solid-ui-logout-button>\n        </solid-ui-menu>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmByCS,IAAA,CASxCL,EAAc,kBAAkB,CAAC;AAAA,IAAAM;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,KAAAC,IAQ/Bb,EAAS,EAAEc,MAAMC,MAAM,CAAC,GAACC,IAGzBnB,EAAQ;CAAEoB,SAASd;CAAae,WAAW;AAAK,CAAC,GAAC,cAAAC,IAXrD,cACqCjB,EAAa;CAAAmB,YAAA,GAAAC,GAAA;EAWSK,AAXT,MAAA,GAAAL,CAAA,GAAAC,EAAA,MAAAd,IAAAe,EAAA,IAAA,GAAAC,EAAA,MAQR,CAAA,CAAE,EAAA,GAAAF,EAAA,MAAAZ,GAAAe,EAAA,MAGLtB,CAAoB,CAAA,GAAAuB,EAAA,MAAA,6BAAA,KAAA,CAAA;CAAA;CAAA,KAAAf,KAAA;EAAA,OAAAgB,EAAAnB,GAAA,IAAA;CAAA;CAAA,IAHhDoB,UAASC,GAAA;EAAAC,EAAAtB,GAAA,MAAAqB,CAAA;CAAA;CAAA,IAGDE,OAAI;EAAA,OAAAJ,EAAAjB,GAAA,IAAA;CAAA;CAAA,IAAJqB,KAAIF,GAAA;EAAAC,EAAApB,GAAA,MAAAmB,CAAA;CAAA;CAIrBG,oBAAqB;EAGnB,AAFA,MAAMA,kBAAkB,GAExB,KAAKC,4BAA4B,KAAKF,KAAKG,uBAAuB,KAAKC,cAAc,CAAC;CACxF;CAEAC,uBAAwB;EAGtB,AAFA,MAAMA,qBAAqB,GAE3B,KAAKH,4BAA4B;CACnC;CAEUI,SAAU;EAwBlB,OAvBK,KAAKN,KAAKO,cAMV,KAAKP,KAAKQ,UAiBR1C,CAAI;;;;;;;cAOD,KAAK+B,UAAUY,KAAIC,MAAY5C,CAAI;4CACL4C,EAASC,QAAQ5C,EAAO,aAAc2C,EAASE,SAAQ,0BAA2BF,EAASG,aAAa,EAAC;sBAC/HH,EAASI,MAAK;;aAEvB,EAAC;;;;;;;;QA3BDhD,CAAI;;;;;;;;;;;;;UANJA,CAAI;;;CA0Cf;AACF,GAAC,CAAAiD,GAAA,CAAAtB,GAAAC,GAAAF,IAAAwB,GAAA,CAAAzC,GAAA0C,MAAAC,EAAA/B,GAAA,CAAA;CAAAN;CAAA;CAAA;AAAA,GAAA;CAAAG;CAAA;CAAA;AAAA,CAAA,GAAAV,GAAA,GAAA,KAAA,GAxEoCJ,CAAY,GAAAiB,IAAAgC,IAAA,cAAAC,EAAA;CAAA/B,cAAA;EAAA,MAAAd,CAAA,GAAAoB,EAAA,MAAA,UAC/BtB,CAAM,GAAAsB,EAAA,MAAA,UACN;GACd0B,eAAeC,MAAuB,CAACA,EAAUtB,KAAKO;GACtDgB,WAAWD,MAAuB,CAAC,CAACA,EAAUtB,KAAKQ;EACrD,CAAC,GAAAS,EAAA;CAAA;AAAA,GAAAtB,EAAAwB,GAAA3C,GAAA,KAAA,CAAA,GAAA2C,GAAA"}

package/dist/components/account/Account.styles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Account.styles.cjs.js","names":[],"sources":["../../../src/components/account/Account.styles.css"],"sourcesContent":[":host {\n    --image-size: 1.875rem; /* 30px */\n\n    display: inline-flex;\n    flex-direction: row;\n    gap: 10px;\n}\n\n:host([data-state-initializing]) {\n    icon-svg-spinners-180-ring {\n        width: var(--image-size);\n        height: var(--image-size);\n    }\n}\n\n:host([data-state-loggedIn]) {\n    --padding: 4px;\n    --border-width: 1px;\n\n    button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n        background-color: var(--solid-ui-color-body-grey);\n        padding: var(--padding);\n        border-radius: calc((var(--image-size) + 2 * var(--padding) + 2 * var(--border-width)) / 2);\n        color: var(--solid-ui-color-white);\n\n        solid-ui-avatar {\n            width: var(--image-size);\n            height: var(--image-size);\n            border: var(--border-width) solid var(--solid-ui-color-white);\n            border-radius: 50%;\n        }\n\n        icon-lucide-chevron-down {\n            width: 16px;\n            height: 16px;\n        }\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"Account.styles.cjs.js","names":["Account_styles_default"],"sources":["../../../src/components/account/Account.styles.css"],"sourcesContent":[":host {\n    --image-size: 1.875rem; /* 30px */\n\n    display: inline-flex;\n    flex-direction: row;\n    gap: 10px;\n}\n\n:host([data-state-initializing]) {\n    icon-svg-spinners-180-ring {\n        width: var(--image-size);\n        height: var(--image-size);\n    }\n}\n\n:host([data-state-loggedIn]) {\n    --padding: 4px;\n    --border-width: 1px;\n\n    button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n        background-color: var(--solid-ui-color-body-grey);\n        padding: var(--padding);\n        border-radius: calc((var(--image-size) + 2 * var(--padding) + 2 * var(--border-width)) / 2);\n        color: var(--solid-ui-color-white);\n\n        solid-ui-avatar {\n            width: var(--image-size);\n            height: var(--image-size);\n            border: var(--border-width) solid var(--solid-ui-color-white);\n            border-radius: 50%;\n        }\n\n        icon-lucide-chevron-down {\n            width: 16px;\n            height: 16px;\n        }\n    }\n}\n"],"mappings":""}

package/dist/components/account/Account.styles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Account.styles.esm.js","names":[],"sources":["../../../src/components/account/Account.styles.css"],"sourcesContent":[":host {\n    --image-size: 1.875rem; /* 30px */\n\n    display: inline-flex;\n    flex-direction: row;\n    gap: 10px;\n}\n\n:host([data-state-initializing]) {\n    icon-svg-spinners-180-ring {\n        width: var(--image-size);\n        height: var(--image-size);\n    }\n}\n\n:host([data-state-loggedIn]) {\n    --padding: 4px;\n    --border-width: 1px;\n\n    button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n        background-color: var(--solid-ui-color-body-grey);\n        padding: var(--padding);\n        border-radius: calc((var(--image-size) + 2 * var(--padding) + 2 * var(--border-width)) / 2);\n        color: var(--solid-ui-color-white);\n\n        solid-ui-avatar {\n            width: var(--image-size);\n            height: var(--image-size);\n            border: var(--border-width) solid var(--solid-ui-color-white);\n            border-radius: 50%;\n        }\n\n        icon-lucide-chevron-down {\n            width: 16px;\n            height: 16px;\n        }\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"Account.styles.esm.js","names":["Account_styles_default"],"sources":["../../../src/components/account/Account.styles.css"],"sourcesContent":[":host {\n    --image-size: 1.875rem; /* 30px */\n\n    display: inline-flex;\n    flex-direction: row;\n    gap: 10px;\n}\n\n:host([data-state-initializing]) {\n    icon-svg-spinners-180-ring {\n        width: var(--image-size);\n        height: var(--image-size);\n    }\n}\n\n:host([data-state-loggedIn]) {\n    --padding: 4px;\n    --border-width: 1px;\n\n    button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n        background-color: var(--solid-ui-color-body-grey);\n        padding: var(--padding);\n        border-radius: calc((var(--image-size) + 2 * var(--padding) + 2 * var(--border-width)) / 2);\n        color: var(--solid-ui-color-white);\n\n        solid-ui-avatar {\n            width: var(--image-size);\n            height: var(--image-size);\n            border: var(--border-width) solid var(--solid-ui-color-white);\n            border-radius: 50%;\n        }\n\n        icon-lucide-chevron-down {\n            width: 16px;\n            height: 16px;\n        }\n    }\n}\n"],"mappings":""}

package/dist/components/account/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":["Account"],"sources":["../../../src/components/account/index.ts"],"sourcesContent":["import Account, { type AccountMenuItem } from './Account'\n\nexport { Account, type AccountMenuItem }\nexport default Account\n"],"mappings":"mIAGA,IAAA,EAAeA,EAAAA"}
+{"version":3,"file":"index.cjs.js","names":["Account","Account","require_Account","account_default"],"sources":["../../../src/components/account/index.ts"],"sourcesContent":["import Account, { type AccountMenuItem } from './Account'\n\nexport { Account, type AccountMenuItem }\nexport default Account\n"],"mappings":"mIAGA,IAAAG,EAAeH,EAAAA"}

package/dist/components/account/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":["Account"],"sources":["../../../src/components/account/index.ts"],"sourcesContent":["import Account, { type AccountMenuItem } from './Account'\n\nexport { Account, type AccountMenuItem }\nexport default Account\n"],"mappings":";;AAGA,IAAA,IAAeA"}
+{"version":3,"file":"index.esm.js","names":["Account","Account","_Account","account_default"],"sources":["../../../src/components/account/index.ts"],"sourcesContent":["import Account, { type AccountMenuItem } from './Account'\n\nexport { Account, type AccountMenuItem }\nexport default Account\n"],"mappings":";;AAGA,IAAAG,IAAeH"}

package/dist/components/account.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/account-CSKDoS_I.js";
+import { n as e, t } from "../chunks/account-BawgTPEQ.js";
 export { e as Account, t as default };

package/dist/components/avatar/Avatar.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Avatar","_Avatar2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Avatar3","Avatar","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_defineProperty","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","connectedCallback","loadProfile","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","account","avatarUrl","e","c","_initClass","_applyDecs","_Class","_identity","fallback","component","default"],"sources":["../../../src/components/avatar/Avatar.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '~icons/lucide/circle-user'\n\nimport styles from './Avatar.styles.css'\n\n@customElement('solid-ui-avatar')\nexport default class Avatar extends WebComponent {\n  static styles = styles\n  static states = {\n    fallback: (component: Avatar) => !component.auth.account?.avatarUrl,\n  }\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.auth.loadProfile?.()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => {\n      this.auth.loadProfile?.()\n      this.requestUpdate()\n    })\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.account?.avatarUrl) {\n      return html`\n          <icon-lucide-circle-user></icon-lucide-circle-user>\n      `\n    }\n\n    return html`\n        <img src=\"${this.auth.account?.avatarUrl}\" alt=\"\" />\n    `\n  }\n}\n"],"mappings":"69IAOwCO,EAAA,CAEvCP,EAAAA,cAAc,iBAAiB,CAAC,EAAA,IAAAQ,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAO9BX,EAAAA,QAAAA,CAAQ,CAAEY,QAASV,EAAAA,YAAaW,UAAW,EAAK,CAAC,EAAC,QAAAC,EAPrD,cACoCf,EAAAA,OAAa,CAAAiB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAV,GAAAW,EAAA,IAAA,EAAAC,EAAA,KAOVjB,EAAAA,oBAAoB,EAAA,EAAAkB,EAAA,KAAA,4BAAA,IAAA,EAAA,CAAA,CAAA,IAAAX,IAAA,CAAA,OAAAY,EAAAd,EAAA,IAAA,CAAA,CAAA,IAAxCe,KAAIC,EAAA,CAAAC,EAAAjB,EAAA,KAAAgB,CAAA,CAAA,CAIrBE,mBAAqB,CACnB,MAAMA,kBAAkB,EAExB,KAAKH,KAAKI,cAAc,EAExB,KAAKC,0BAA4B,KAAKL,KAAKM,qBAAuB,CAChE,KAAKN,KAAKI,cAAc,EACxB,KAAKG,cAAc,CACrB,CAAC,CACH,CAEAC,sBAAwB,CACtB,MAAMA,qBAAqB,EAE3B,KAAKH,4BAA4B,CACnC,CAEUI,QAAU,CAOlB,OANK,KAAKT,KAAKU,SAASC,UAMjBjC,EAAAA,IAAI;oBACK,KAAKsB,KAAKU,SAASC,UAAS;MANnCjC,EAAAA,IAAI;;OAQf,CACF,EAAC,CAAAkC,EAAA,CAAAf,EAAAD,GAAAiB,EAAA,CAAA9B,EAAA+B,IAAAC,EAAAxB,EAAA,CAAA,CAAAH,EAAA,EAAA,MAAA,CAAA,EAAAN,EAAA,EAAA,IAAA,GAvCmCN,EAAAA,OAAY,EAAAe,GAAAyB,EAAA,cAAAC,CAAA,CAAAxB,aAAA,CAAA,MAAAV,CAAA,EAAAe,EAAA,KAAA,SAC9BjB,EAAAA,OAAM,EAAAiB,EAAA,KAAA,SACN,CACdoB,SAAWC,GAAsB,CAACA,EAAUnB,KAAKU,SAASC,SAC5D,CAAC,EAAAG,EAAA,CAAA,CAAA,EAAAhB,EAAAkB,EAAAhC,EAAA,IAAA,EAAA,EAAAgC"}
+{"version":3,"file":"Avatar.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Avatar","_Avatar2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Avatar3","Avatar","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_defineProperty","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","connectedCallback","loadProfile","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","account","avatarUrl","e","c","_initClass","_applyDecs","_Class","_identity","fallback","component","default","customElement","consume","authContext","WebComponent","DEFAULT_AUTH_CONTEXT","styles","require_context","require_decorators","require_WebComponent","require_Avatar_styles","_lit_context","lit","_Class","_Avatar3","_A","_initProto","_initClass","_classDecs","_authDecs","_init_auth","_Avatar2","_ref","_classPrivateFieldInitSpec","_checkPrivateRedeclaration","a","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","b","u","w","S","A","d","f","p","_setFunctionName","P","j","D","E","I","O","k","F","l","N","_checkInRHS","_toPrimitive","e","_identity","_Avatar","args","component"],"sources":["../../../src/components/avatar/Avatar.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '~icons/lucide/circle-user'\n\nimport styles from './Avatar.styles.css'\n\n@customElement('solid-ui-avatar')\nexport default class Avatar extends WebComponent {\n  static styles = styles\n  static states = {\n    fallback: (component: Avatar) => !component.auth.account?.avatarUrl,\n  }\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.auth.loadProfile?.()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => {\n      this.auth.loadProfile?.()\n      this.requestUpdate()\n    })\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.account?.avatarUrl) {\n      return html`\n          <icon-lucide-circle-user></icon-lucide-circle-user>\n      `\n    }\n\n    return html`\n        <img src=\"${this.auth.account?.avatarUrl}\" alt=\"\" />\n    `\n  }\n}\n"],"mappings":"69IAOwCO,EAAA,CAEvCP,EAAAA,cAAc,iBAAiB,CAAC,EAAA,IAAAQ,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAO9BX,EAAAA,QAAAA,CAAQ,CAAEY,QAASV,EAAAA,YAAaW,UAAW,EAAK,CAAC,EAAC,QAAAC,EAPrD,cACoCf,EAAAA,OAAa,CAAAiB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAV,GAAAW,EAAA,IAAA,EAAAC,EAAA,KAOVjB,EAAAA,oBAAoB,EAAA,EAAAkB,EAAA,KAAA,4BAAA,IAAA,EAAA,CAAA,CAAA,IAAAX,IAAA,CAAA,OAAAY,EAAAd,EAAA,IAAA,CAAA,CAAA,IAAxCe,KAAIC,EAAA,CAAAC,EAAAjB,EAAA,KAAAgB,CAAA,CAAA,CAIrBE,mBAAqB,CACnB,MAAMA,kBAAkB,EAExB,KAAKH,KAAKI,cAAc,EAExB,KAAKC,0BAA4B,KAAKL,KAAKM,qBAAuB,CAChE,KAAKN,KAAKI,cAAc,EACxB,KAAKG,cAAc,CACrB,CAAC,CACH,CAEAC,sBAAwB,CACtB,MAAMA,qBAAqB,EAE3B,KAAKH,4BAA4B,CACnC,CAEUI,QAAU,CAOlB,OANK,KAAKT,KAAKU,SAASC,UAMjBjC,EAAAA,IAAI;oBACK,KAAKsB,KAAKU,SAASC,UAAS;MANnCjC,EAAAA,IAAI;;OAQf,CACF,EAAC,CAAAkC,EAAA,CAAAf,EAAAD,GAAAiB,EAAA,CAAA9B,EAAA+B,IAAAC,EAAAxB,EAAA,CAAA,CAAAH,EAAA,EAAA,MAAA,CAAA,EAAAN,EAAA,EAAA,IAAA,GAvCmCN,EAAAA,OAAY,EAAAe,GAAAyB,EAAA,cAAAC,CAAA,CAAAxB,aAAA,CAAA,MAAAV,CAAA,EAAAe,EAAA,KAAA,SAC9BjB,EAAAA,OAAM,EAAAiB,EAAA,KAAA,SACN,CACdoB,SAAWC,GAAsB,CAACA,EAAUnB,KAAKU,SAASC,SAC5D,CAAC,EAAAG,EAAA,CAAA,CAAA,EAAAhB,EAAAkB,EAAAhC,EAAA,IAAA,EAAA,EAAAgC"}

package/dist/components/avatar/Avatar.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.esm.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Avatar","_Avatar2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Avatar3","Avatar","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_defineProperty","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","connectedCallback","loadProfile","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","account","avatarUrl","e","c","_initClass","_applyDecs","_Class","_identity","fallback","component","default"],"sources":["../../../src/components/avatar/Avatar.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '~icons/lucide/circle-user'\n\nimport styles from './Avatar.styles.css'\n\n@customElement('solid-ui-avatar')\nexport default class Avatar extends WebComponent {\n  static styles = styles\n  static states = {\n    fallback: (component: Avatar) => !component.auth.account?.avatarUrl,\n  }\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.auth.loadProfile?.()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => {\n      this.auth.loadProfile?.()\n      this.requestUpdate()\n    })\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.account?.avatarUrl) {\n      return html`\n          <icon-lucide-circle-user></icon-lucide-circle-user>\n      `\n    }\n\n    return html`\n        <img src=\"${this.auth.account?.avatarUrl}\" alt=\"\" />\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOwCO,IAAA,CAEvCP,EAAc,iBAAiB,CAAC;AAAA,IAAAQ;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,KAAAC,IAO9BX,EAAQ;CAAEY,SAASV;CAAaW,WAAW;AAAK,CAAC,GAAC,SAAAC,IAPrD,cACoCf,EAAa;CAAAiB,YAAA,GAAAC,GAAA;EAOUI,AAPV,MAAA,GAAAJ,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAOVjB,CAAoB,EAAA,GAAAkB,EAAA,MAAA,6BAAA,KAAA,CAAA;CAAA;CAAA,KAAAX,KAAA;EAAA,OAAAY,EAAAd,GAAA,IAAA;CAAA;CAAA,IAAxCe,KAAIC,GAAA;EAAAC,EAAAjB,GAAA,MAAAgB,CAAA;CAAA;CAIrBE,oBAAqB;EAKnB,AAJA,MAAMA,kBAAkB,GAExB,KAAKH,KAAKI,cAAc,GAExB,KAAKC,4BAA4B,KAAKL,KAAKM,uBAAuB;GAEhE,AADA,KAAKN,KAAKI,cAAc,GACxB,KAAKG,cAAc;EACrB,CAAC;CACH;CAEAC,uBAAwB;EAGtB,AAFA,MAAMA,qBAAqB,GAE3B,KAAKH,4BAA4B;CACnC;CAEUI,SAAU;EAOlB,OANK,KAAKT,KAAKU,SAASC,YAMjBjC,CAAI;oBACK,KAAKsB,KAAKU,SAASC,UAAS;QANnCjC,CAAI;;;CAQf;AACF,GAAC,CAAAkC,GAAA,CAAAf,GAAAD,IAAAiB,GAAA,CAAA9B,GAAA+B,MAAAC,EAAAxB,GAAA,CAAA;CAAAH;CAAA;CAAA;AAAA,CAAA,GAAAN,GAAA,GAAA,KAAA,GAvCmCN,CAAY,GAAAe,IAAAyB,IAAA,cAAAC,EAAA;CAAAxB,cAAA;EAAA,MAAAV,CAAA,GAAAe,EAAA,MAAA,UAC9BjB,CAAM,GAAAiB,EAAA,MAAA,UACN,EACdoB,WAAWC,MAAsB,CAACA,EAAUnB,KAAKU,SAASC,UAC5D,CAAC,GAAAG,EAAA;CAAA;AAAA,GAAAhB,EAAAkB,GAAAhC,GAAA,KAAA,CAAA,GAAAgC,GAAA"}
+{"version":3,"file":"Avatar.esm.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Avatar","_Avatar2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Avatar3","Avatar","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_defineProperty","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","connectedCallback","loadProfile","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","account","avatarUrl","e","c","_initClass","_applyDecs","_Class","_identity","fallback","component","default","styles","WebComponent","Avatar_styles_default","_Class","_Avatar3","_A","_initProto","_initClass","_classDecs","_authDecs","_init_auth","_Avatar2","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","b","u","w","S","A","d","p","_setFunctionName","P","j","D","E","I","O","k","F","l","f","N","_checkInRHS","_toPrimitive","e","_identity","customElement","_Avatar","consume","authContext","args","DEFAULT_AUTH_CONTEXT","component"],"sources":["../../../src/components/avatar/Avatar.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '~icons/lucide/circle-user'\n\nimport styles from './Avatar.styles.css'\n\n@customElement('solid-ui-avatar')\nexport default class Avatar extends WebComponent {\n  static styles = styles\n  static states = {\n    fallback: (component: Avatar) => !component.auth.account?.avatarUrl,\n  }\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.auth.loadProfile?.()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => {\n      this.auth.loadProfile?.()\n      this.requestUpdate()\n    })\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.account?.avatarUrl) {\n      return html`\n          <icon-lucide-circle-user></icon-lucide-circle-user>\n      `\n    }\n\n    return html`\n        <img src=\"${this.auth.account?.avatarUrl}\" alt=\"\" />\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOwCO,IAAA,CAEvCP,EAAc,iBAAiB,CAAC;AAAA,IAAAQ;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,KAAAC,IAO9BX,EAAQ;CAAEY,SAASV;CAAaW,WAAW;AAAK,CAAC,GAAC,SAAAC,IAPrD,cACoCf,EAAa;CAAAiB,YAAA,GAAAC,GAAA;EAOUI,AAPV,MAAA,GAAAJ,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAOVjB,CAAoB,EAAA,GAAAkB,EAAA,MAAA,6BAAA,KAAA,CAAA;CAAA;CAAA,KAAAX,KAAA;EAAA,OAAAY,EAAAd,GAAA,IAAA;CAAA;CAAA,IAAxCe,KAAIC,GAAA;EAAAC,EAAAjB,GAAA,MAAAgB,CAAA;CAAA;CAIrBE,oBAAqB;EAKnB,AAJA,MAAMA,kBAAkB,GAExB,KAAKH,KAAKI,cAAc,GAExB,KAAKC,4BAA4B,KAAKL,KAAKM,uBAAuB;GAEhE,AADA,KAAKN,KAAKI,cAAc,GACxB,KAAKG,cAAc;EACrB,CAAC;CACH;CAEAC,uBAAwB;EAGtB,AAFA,MAAMA,qBAAqB,GAE3B,KAAKH,4BAA4B;CACnC;CAEUI,SAAU;EAOlB,OANK,KAAKT,KAAKU,SAASC,YAMjBjC,CAAI;oBACK,KAAKsB,KAAKU,SAASC,UAAS;QANnCjC,CAAI;;;CAQf;AACF,GAAC,CAAAkC,GAAA,CAAAf,GAAAD,IAAAiB,GAAA,CAAA9B,GAAA+B,MAAAC,EAAAxB,GAAA,CAAA;CAAAH;CAAA;CAAA;AAAA,CAAA,GAAAN,GAAA,GAAA,KAAA,GAvCmCN,CAAY,GAAAe,IAAAyB,IAAA,cAAAC,EAAA;CAAAxB,cAAA;EAAA,MAAAV,CAAA,GAAAe,EAAA,MAAA,UAC9BjB,CAAM,GAAAiB,EAAA,MAAA,UACN,EACdoB,WAAWC,MAAsB,CAACA,EAAUnB,KAAKU,SAASC,UAC5D,CAAC,GAAAG,EAAA;CAAA;AAAA,GAAAhB,EAAAkB,GAAAhC,GAAA,KAAA,CAAA,GAAAgC,GAAA"}

package/dist/components/avatar/Avatar.styles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.styles.cjs.js","names":[],"sources":["../../../src/components/avatar/Avatar.styles.css"],"sourcesContent":[":host {\n    --size: 150px;\n\n    display: inline-flex;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n\n    img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n}\n\n:host([data-state-fallback]) {\n    background: var(--solid-ui-color-gray-100);\n    justify-content: center;\n    align-items: center;\n\n    icon-lucide-circle-user {\n        color: var(--solid-ui-color-gray-200);\n        width: 50%;\n        height: 50%;\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"Avatar.styles.cjs.js","names":["Avatar_styles_default"],"sources":["../../../src/components/avatar/Avatar.styles.css"],"sourcesContent":[":host {\n    --size: 150px;\n\n    display: inline-flex;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n\n    img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n}\n\n:host([data-state-fallback]) {\n    background: var(--solid-ui-color-gray-100);\n    justify-content: center;\n    align-items: center;\n\n    icon-lucide-circle-user {\n        color: var(--solid-ui-color-gray-200);\n        width: 50%;\n        height: 50%;\n    }\n}\n"],"mappings":""}

package/dist/components/avatar/Avatar.styles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.styles.esm.js","names":[],"sources":["../../../src/components/avatar/Avatar.styles.css"],"sourcesContent":[":host {\n    --size: 150px;\n\n    display: inline-flex;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n\n    img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n}\n\n:host([data-state-fallback]) {\n    background: var(--solid-ui-color-gray-100);\n    justify-content: center;\n    align-items: center;\n\n    icon-lucide-circle-user {\n        color: var(--solid-ui-color-gray-200);\n        width: 50%;\n        height: 50%;\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"Avatar.styles.esm.js","names":["Avatar_styles_default"],"sources":["../../../src/components/avatar/Avatar.styles.css"],"sourcesContent":[":host {\n    --size: 150px;\n\n    display: inline-flex;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n\n    img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n}\n\n:host([data-state-fallback]) {\n    background: var(--solid-ui-color-gray-100);\n    justify-content: center;\n    align-items: center;\n\n    icon-lucide-circle-user {\n        color: var(--solid-ui-color-gray-200);\n        width: 50%;\n        height: 50%;\n    }\n}\n"],"mappings":""}

package/dist/components/avatar/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":["Avatar"],"sources":["../../../src/components/avatar/index.ts"],"sourcesContent":["import Avatar from './Avatar'\n\nexport { Avatar }\nexport default Avatar\n"],"mappings":"kIAGA,IAAA,EAAeA,EAAAA"}
+{"version":3,"file":"index.cjs.js","names":["Avatar","Avatar","require_Avatar","avatar_default"],"sources":["../../../src/components/avatar/index.ts"],"sourcesContent":["import Avatar from './Avatar'\n\nexport { Avatar }\nexport default Avatar\n"],"mappings":"kIAGA,IAAAG,EAAeH,EAAAA"}

package/dist/components/avatar/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":["Avatar"],"sources":["../../../src/components/avatar/index.ts"],"sourcesContent":["import Avatar from './Avatar'\n\nexport { Avatar }\nexport default Avatar\n"],"mappings":";;AAGA,IAAA,IAAeA"}
+{"version":3,"file":"index.esm.js","names":["Avatar","Avatar","_Avatar","avatar_default"],"sources":["../../../src/components/avatar/index.ts"],"sourcesContent":["import Avatar from './Avatar'\n\nexport { Avatar }\nexport default Avatar\n"],"mappings":";;AAGA,IAAAG,IAAeH"}

package/dist/components/avatar.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/avatar-BXaBs_3q.js";
+import { n as e, t } from "../chunks/avatar-CoxEa3ul.js";
 export { e as Avatar, t as default };

package/dist/components/button/Button.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs.js","names":["customElement","WebComponent","html","nothing","property","styles","BUTTON_VARIANTS","_classDecs","_Button","_Button2","_A","WeakMap","_B","_C","_D","_ref","_variantDecs","type","String","reflect","_typeDecs","_disabledDecs","Boolean","_loadingDecs","_Button3","Button","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_variant","_init_type","_init_disabled","undefined","_init_loading","_classPrivateFieldGet","variant","v","_classPrivateFieldSet","disabled","loading","render","onClick","onIconSlotChange","e","slot","target","toggleAttribute","assignedElements","length","getInternals","form","requestSubmit","reset","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/button/Button.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Button.styles.css'\n\nexport const BUTTON_VARIANTS = ['primary', 'secondary', 'tertiary', 'outline', 'ghost'] as const\nexport type ButtonVariant = typeof BUTTON_VARIANTS[number]\n\n@customElement('solid-ui-button')\nexport default class Button extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor variant: ButtonVariant = 'primary'\n\n  @property({ type: String, reflect: true })\n  accessor type = 'button'\n\n  @property({ type: Boolean })\n  accessor disabled: boolean | undefined = undefined\n\n  @property({ type: Boolean })\n  accessor loading = false\n\n  render () {\n    const disabled = this.disabled ?? this.loading\n\n    return html`\n        <button type=${this.type} ?disabled=${disabled} @click=${this.onClick}>\n            ${this.loading ? html`<icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>` : nothing}\n            <slot name=\"left-icon\"></slot>\n            <slot @slotchange=${this.onIconSlotChange} name=\"icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </button>\n    `\n  }\n\n  private onIconSlotChange (e: Event) {\n    const slot = e.target as HTMLSlotElement\n\n    this.toggleAttribute('data-has-icon-slot', slot.assignedElements().length > 0)\n  }\n\n  private onClick () {\n    switch (this.type) {\n      case 'submit':\n        this.getInternals().form?.requestSubmit()\n        break\n      case 'reset':\n        this.getInternals().form?.reset()\n        break\n    }\n  }\n}\n"],"mappings":"q6IAQA,IAAaM,EAAkB,CAAC,UAAW,YAAa,WAAY,UAAW,OAAO,EAAUC,EAAA,CAG/FP,EAAAA,cAAc,iBAAiB,CAAC,EAAA,IAAAQ,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,EAAA,IAAAH,QAAAI,GAAAC,GAAAA,EAK9BZ,EAAAA,SAAAA,CAAS,CAAEa,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACC,GAAAA,EAGzChB,EAAAA,SAAAA,CAAS,CAAEa,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACE,GAAAA,EAGzCjB,EAAAA,SAAAA,CAAS,CAAEa,KAAMK,OAAQ,CAAC,EAACC,GAAAA,EAG3BnB,EAAAA,SAAAA,CAAS,CAAEa,KAAMK,OAAQ,CAAC,EAAC,WAAAE,EAd9B,cACoCvB,EAAAA,OAAa,CAAAyB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAlB,GAAAmB,EAAA,IAAA,EAAAC,EAAA,KAKb,SAAS,EAAA,EAAAF,EAAA,KAAAhB,EAAAmB,EAAA,KAG3B,QAAQ,CAAA,EAAAH,EAAA,KAAAf,EAAAmB,EAAA,KAGiBC,IAAAA,EAAS,CAAA,EAAAL,EAAA,KAAAd,EAAAoB,EAAA,KAG/B,EAAK,CAAA,CAAA,CAAA,IAAAnB,IAAA,CAAA,OAAAoB,EAAAzB,EAAA,IAAA,CAAA,CAAA,IATf0B,QAAOC,EAAA,CAAAC,EAAA5B,EAAA,KAAA2B,CAAA,CAAA,CAAA,IAGPpB,MAAI,CAAA,OAAAkB,EAAAvB,EAAA,IAAA,CAAA,CAAA,IAAJK,KAAIoB,EAAA,CAAAC,EAAA1B,EAAA,KAAAyB,CAAA,CAAA,CAAA,IAGJE,UAAQ,CAAA,OAAAJ,EAAAtB,EAAA,IAAA,CAAA,CAAA,IAAR0B,SAAQF,EAAA,CAAAC,EAAAzB,EAAA,KAAAwB,CAAA,CAAA,CAAA,IAGRG,SAAO,CAAA,OAAAL,EAAArB,EAAA,IAAA,CAAA,CAAA,IAAP0B,QAAOH,EAAA,CAAAC,EAAAxB,EAAA,KAAAuB,CAAA,CAAA,CAEhBI,QAAU,CACR,IAAMF,EAAW,KAAKA,UAAY,KAAKC,QAEvC,MAAOtC,GAAAA,IAAI;uBACQ,KAAKe,KAAI,aAAcsB,EAAQ,UAAW,KAAKG,QAAO;cAC/D,KAAKF,QAAUtC,EAAAA,IAAI,4DAA8DC,EAAAA,QAAO;;gCAEtE,KAAKwC,iBAAgB;;;;KAKnD,CAEQA,iBAAkBC,EAAU,CAClC,IAAMC,EAAOD,EAAEE,OAEf,KAAKC,gBAAgB,qBAAsBF,EAAKG,iBAAiB,CAAC,CAACC,OAAS,CAAC,CAC/E,CAEQP,SAAW,CACjB,OAAQ,KAAKzB,KAAb,CACE,IAAK,SACH,KAAKiC,aAAa,CAAC,CAACC,MAAMC,cAAc,EACxC,MACF,IAAK,QACH,KAAKF,aAAa,CAAC,CAACC,MAAME,MAAM,CAEpC,CACF,CACF,EAAC,CAAAT,EAAA,CAAAd,EAAAC,EAAAC,EAAAE,EAAAL,GAAAyB,EAAA,CAAA9C,EAAA+C,IAAAC,EAAAhC,EAAA,CAAA,CAAAR,EAAA,EAAA,SAAA,EAAA,CAAAI,EAAA,EAAA,MAAA,EAAA,CAAAC,EAAA,EAAA,UAAA,EAAA,CAAAE,EAAA,EAAA,SAAA,CAAA,EAAAhB,EAAA,EAAA,IAAA,GA9CmCN,EAAAA,OAAY,EAAAuB,GAAAiC,EAAA,cAAAC,CAAA,CAAAhC,aAAA,CAAA,MAAAlB,CAAA,EAAAmD,EAAA,KAAA,SAC9BtD,EAAAA,OAAM,EAAAsD,EAAA,KAAA,iBACE,EAAI,EAAAJ,EAAA,CAAA,CAAA,EAAAI,EAAAF,EAAAhD,EAAA,IAAA,EAAA,EAAAgD"}
+{"version":3,"file":"Button.cjs.js","names":["customElement","WebComponent","html","nothing","property","styles","BUTTON_VARIANTS","_classDecs","_Button","_Button2","_A","WeakMap","_B","_C","_D","_ref","_variantDecs","type","String","reflect","_typeDecs","_disabledDecs","Boolean","_loadingDecs","_Button3","Button","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_variant","_init_type","_init_disabled","undefined","_init_loading","_classPrivateFieldGet","variant","v","_classPrivateFieldSet","disabled","loading","render","onClick","onIconSlotChange","e","slot","target","toggleAttribute","assignedElements","length","getInternals","form","requestSubmit","reset","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","customElement","property","WebComponent","nothing","styles","require_decorators","require_WebComponent","require_Button_styles","lit","lit_decorators_js","_Class","_Button3","_A","_B","_C","_D","_initProto","_initClass","_classDecs","_variantDecs","_init_variant","_typeDecs","_init_type","_disabledDecs","_init_disabled","_loadingDecs","_init_loading","_Button2","_ref","_classPrivateFieldInitSpec","_checkPrivateRedeclaration","a","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","b","u","w","S","A","d","f","p","_setFunctionName","P","j","D","I","F","l","N","_checkInRHS","_toPrimitive","e","_identity","BUTTON_VARIANTS","_Button","args","disabled","slot"],"sources":["../../../src/components/button/Button.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Button.styles.css'\n\nexport const BUTTON_VARIANTS = ['primary', 'secondary', 'tertiary', 'outline', 'ghost'] as const\nexport type ButtonVariant = typeof BUTTON_VARIANTS[number]\n\n@customElement('solid-ui-button')\nexport default class Button extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor variant: ButtonVariant = 'primary'\n\n  @property({ type: String, reflect: true })\n  accessor type = 'button'\n\n  @property({ type: Boolean })\n  accessor disabled: boolean | undefined = undefined\n\n  @property({ type: Boolean })\n  accessor loading = false\n\n  render () {\n    const disabled = this.disabled ?? this.loading\n\n    return html`\n        <button type=${this.type} ?disabled=${disabled} @click=${this.onClick}>\n            ${this.loading ? html`<icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>` : nothing}\n            <slot name=\"left-icon\"></slot>\n            <slot @slotchange=${this.onIconSlotChange} name=\"icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </button>\n    `\n  }\n\n  private onIconSlotChange (e: Event) {\n    const slot = e.target as HTMLSlotElement\n\n    this.toggleAttribute('data-has-icon-slot', slot.assignedElements().length > 0)\n  }\n\n  private onClick () {\n    switch (this.type) {\n      case 'submit':\n        this.getInternals().form?.requestSubmit()\n        break\n      case 'reset':\n        this.getInternals().form?.reset()\n        break\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/components/button/Button.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.esm.js","names":["customElement","WebComponent","html","nothing","property","styles","BUTTON_VARIANTS","_classDecs","_Button","_Button2","_A","WeakMap","_B","_C","_D","_ref","_variantDecs","type","String","reflect","_typeDecs","_disabledDecs","Boolean","_loadingDecs","_Button3","Button","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_variant","_init_type","_init_disabled","undefined","_init_loading","_classPrivateFieldGet","variant","v","_classPrivateFieldSet","disabled","loading","render","onClick","onIconSlotChange","e","slot","target","toggleAttribute","assignedElements","length","getInternals","form","requestSubmit","reset","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/button/Button.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Button.styles.css'\n\nexport const BUTTON_VARIANTS = ['primary', 'secondary', 'tertiary', 'outline', 'ghost'] as const\nexport type ButtonVariant = typeof BUTTON_VARIANTS[number]\n\n@customElement('solid-ui-button')\nexport default class Button extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor variant: ButtonVariant = 'primary'\n\n  @property({ type: String, reflect: true })\n  accessor type = 'button'\n\n  @property({ type: Boolean })\n  accessor disabled: boolean | undefined = undefined\n\n  @property({ type: Boolean })\n  accessor loading = false\n\n  render () {\n    const disabled = this.disabled ?? this.loading\n\n    return html`\n        <button type=${this.type} ?disabled=${disabled} @click=${this.onClick}>\n            ${this.loading ? html`<icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>` : nothing}\n            <slot name=\"left-icon\"></slot>\n            <slot @slotchange=${this.onIconSlotChange} name=\"icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </button>\n    `\n  }\n\n  private onIconSlotChange (e: Event) {\n    const slot = e.target as HTMLSlotElement\n\n    this.toggleAttribute('data-has-icon-slot', slot.assignedElements().length > 0)\n  }\n\n  private onClick () {\n    switch (this.type) {\n      case 'submit':\n        this.getInternals().form?.requestSubmit()\n        break\n      case 'reset':\n        this.getInternals().form?.reset()\n        break\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Button.esm.js","names":["customElement","WebComponent","html","nothing","property","styles","BUTTON_VARIANTS","_classDecs","_Button","_Button2","_A","WeakMap","_B","_C","_D","_ref","_variantDecs","type","String","reflect","_typeDecs","_disabledDecs","Boolean","_loadingDecs","_Button3","Button","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_variant","_init_type","_init_disabled","undefined","_init_loading","_classPrivateFieldGet","variant","v","_classPrivateFieldSet","disabled","loading","render","onClick","onIconSlotChange","e","slot","target","toggleAttribute","assignedElements","length","getInternals","form","requestSubmit","reset","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","styles","WebComponent","Button_styles_default","_Class","_Button3","_A","_B","_C","_D","_initProto","_initClass","_classDecs","_variantDecs","_init_variant","_typeDecs","_init_type","_disabledDecs","_init_disabled","_loadingDecs","_init_loading","_Button2","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","b","u","w","S","A","d","p","_setFunctionName","P","j","D","I","F","l","f","N","_checkInRHS","_toPrimitive","e","_identity","BUTTON_VARIANTS","customElement","_Button","property","args","disabled","nothing","slot"],"sources":["../../../src/components/button/Button.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Button.styles.css'\n\nexport const BUTTON_VARIANTS = ['primary', 'secondary', 'tertiary', 'outline', 'ghost'] as const\nexport type ButtonVariant = typeof BUTTON_VARIANTS[number]\n\n@customElement('solid-ui-button')\nexport default class Button extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor variant: ButtonVariant = 'primary'\n\n  @property({ type: String, reflect: true })\n  accessor type = 'button'\n\n  @property({ type: Boolean })\n  accessor disabled: boolean | undefined = undefined\n\n  @property({ type: Boolean })\n  accessor loading = false\n\n  render () {\n    const disabled = this.disabled ?? this.loading\n\n    return html`\n        <button type=${this.type} ?disabled=${disabled} @click=${this.onClick}>\n            ${this.loading ? html`<icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>` : nothing}\n            <slot name=\"left-icon\"></slot>\n            <slot @slotchange=${this.onIconSlotChange} name=\"icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </button>\n    `\n  }\n\n  private onIconSlotChange (e: Event) {\n    const slot = e.target as HTMLSlotElement\n\n    this.toggleAttribute('data-has-icon-slot', slot.assignedElements().length > 0)\n  }\n\n  private onClick () {\n    switch (this.type) {\n      case 'submit':\n        this.getInternals().form?.requestSubmit()\n        break\n      case 'reset':\n        this.getInternals().form?.reset()\n        break\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAaM,IAAkB;CAAC;CAAW;CAAa;CAAY;CAAW;AAAO;AAAUC,IAAA,CAG/FP,EAAc,iBAAiB,CAAC;AAAA,IAAAQ;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,kBAAA,IAAAF,QAAA,GAAAG,kBAAA,IAAAH,QAAA,GAAAI,KAAAC,IAK9BZ,EAAS;CAAEa,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACC,IAGzChB,EAAS;CAAEa,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACE,IAGzCjB,EAAS,EAAEa,MAAMK,QAAQ,CAAC,GAACC,IAG3BnB,EAAS,EAAEa,MAAMK,QAAQ,CAAC,GAAC,YAAAE,IAd9B,cACoCvB,EAAa;CAAAyB,YAAA,GAAAC,GAAA;EAWGC,AAXH,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAlB,IAAAmB,EAAA,IAAA,GAAAC,EAAA,MAKb,SAAS,EAAA,GAAAF,EAAA,MAAAhB,GAAAmB,EAAA,MAG3B,QAAQ,CAAA,GAAAH,EAAA,MAAAf,GAAAmB,EAAA,MAGiBC,KAAAA,CAAS,CAAA,GAAAL,EAAA,MAAAd,GAAAoB,EAAA,MAG/B,EAAK,CAAA;CAAA;CAAA,KAAAnB,KAAA;EAAA,OAAAoB,EAAAzB,GAAA,IAAA;CAAA;CAAA,IATf0B,QAAOC,GAAA;EAAAC,EAAA5B,GAAA,MAAA2B,CAAA;CAAA;CAAA,IAGPpB,OAAI;EAAA,OAAAkB,EAAAvB,GAAA,IAAA;CAAA;CAAA,IAAJK,KAAIoB,GAAA;EAAAC,EAAA1B,GAAA,MAAAyB,CAAA;CAAA;CAAA,IAGJE,WAAQ;EAAA,OAAAJ,EAAAtB,GAAA,IAAA;CAAA;CAAA,IAAR0B,SAAQF,GAAA;EAAAC,EAAAzB,GAAA,MAAAwB,CAAA;CAAA;CAAA,IAGRG,UAAO;EAAA,OAAAL,EAAArB,GAAA,IAAA;CAAA;CAAA,IAAP0B,QAAOH,GAAA;EAAAC,EAAAxB,GAAA,MAAAuB,CAAA;CAAA;CAEhBI,SAAU;EACR,IAAMF,IAAW,KAAKA,YAAY,KAAKC;EAEvC,OAAOtC,CAAI;uBACQ,KAAKe,KAAI,aAAcsB,EAAQ,UAAW,KAAKG,QAAO;cAC/D,KAAKF,UAAUtC,CAAI,8DAA8DC,EAAO;;gCAEtE,KAAKwC,iBAAgB;;;;;CAKnD;CAEQA,iBAAkBC,GAAU;EAClC,IAAMC,IAAOD,EAAEE;EAEf,KAAKC,gBAAgB,sBAAsBF,EAAKG,iBAAiB,CAAC,CAACC,SAAS,CAAC;CAC/E;CAEQP,UAAW;EACjB,QAAQ,KAAKzB,MAAb;GACE,KAAK;IACH,KAAKiC,aAAa,CAAC,CAACC,MAAMC,cAAc;IACxC;GACF,KAAK,SACH,KAAKF,aAAa,CAAC,CAACC,MAAME,MAAM;EAEpC;CACF;AACF,GAAC,CAAAT,GAAA,CAAAd,GAAAC,GAAAC,GAAAE,GAAAL,IAAAyB,GAAA,CAAA9C,GAAA+C,MAAAC,EAAAhC,GAAA;CAAA;EAAAR;EAAA;EAAA;CAAA;CAAA;EAAAI;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;CAAA;EAAAE;EAAA;EAAA;CAAA;AAAA,GAAAhB,GAAA,GAAA,KAAA,GA9CmCN,CAAY,GAAAuB,IAAAiC,IAAA,cAAAC,EAAA;CAAAhC,cAAA;EAAA,MAAAlB,CAAA,GAAAmD,EAAA,MAAA,UAC9BtD,CAAM,GAAAsD,EAAA,MAAA,kBACE,EAAI,GAAAJ,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAAhD,GAAA,KAAA,CAAA,GAAAgD,GAAA"}

package/dist/components/button/Button.styles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.cjs.js","names":[],"sources":["../../../src/components/button/Button.styles.css"],"sourcesContent":[":host {\n    --text-color: var(--solid-ui-color-white);\n    --border-color: var(--solid-ui-color-primary);\n    --background-color: var(--solid-ui-color-primary);\n    --hover-text-color: var(--text-color);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n    --hover-background-color: var(--solid-ui-color-tertiary);\n\n    display: inline-flex;\n\n    button {\n        position: relative;\n        padding: 7px 12px;\n        border-radius: 5px;\n        font-size: var(--solid-ui-font-size-md);\n        font-weight: 600;\n        color: var(--text-color);\n        background: var(--background-color);\n        border: 1px solid var(--border-color);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 5px;\n        flex: 1;\n\n        &:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        &:hover:not(:disabled) {\n            color: var(--hover-text-color);\n            background: var(--hover-background-color);\n            border-color: var(--hover-border-color);\n        }\n\n        icon-svg-spinners-180-ring, ::slotted([slot=\"left-icon\"]), ::slotted([slot=\"right-icon\"]) {\n            width: var(--solid-ui-font-size-md);\n            height: var(--solid-ui-font-size-md);\n        }\n\n      &::after {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: var(--solid-ui-clickable-area);\n        height: var(--solid-ui-clickable-area);\n      }\n    }\n}\n\n:host([data-has-icon-slot]) button {\n    padding: 4px;\n\n    ::slotted([slot=\"icon\"]) {\n        width: var(--solid-ui-font-size-2xl);\n        height: var(--solid-ui-font-size-2xl);\n    }\n}\n\n:host([variant='secondary']) button {\n    --text-color: var(--solid-ui-color-gray-800);\n    --border-color: var(--solid-ui-color-slate-400);\n    --background-color: var(--solid-ui-color-white);\n    --hover-text-color: var(--solid-ui-color-white);\n    --hover-background-color: var(--solid-ui-color-tertiary);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n}\n\n:host([variant='tertiary']) button {\n    --text-color: var(--solid-ui-color-primary);\n    --border-color: transparent;\n    --background-color: transparent;\n    --hover-text-color: var(--solid-ui-color-tertiary);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n    --hover-background-color: transparent;\n\n    padding: 0;\n    border-radius: 0;\n    border-width: 0;\n    border-bottom-width: 1px;\n}\n\n:host([variant='outline']) button {\n    --text-color: currentColor;\n    --border-color: currentColor;\n    --background-color: transparent;\n    --hover-text-color: currentColor;\n    --hover-border-color: currentColor;\n    --hover-background-color: color-mix(in srgb, currentColor 25%, transparent);\n}\n\n:host([variant='ghost']) button {\n    --text-color: currentColor;\n    --border-color: transparent;\n    --background-color: transparent;\n    --hover-text-color: currentColor;\n    --hover-border-color: transparent;\n    --hover-background-color: var(--solid-ui-color-primary-hover);\n}\n"],"mappings":""}
+{"version":3,"file":"Button.styles.cjs.js","names":["Button_styles_default"],"sources":["../../../src/components/button/Button.styles.css"],"sourcesContent":[":host {\n    --text-color: var(--solid-ui-color-white);\n    --border-color: var(--solid-ui-color-primary);\n    --background-color: var(--solid-ui-color-primary);\n    --hover-text-color: var(--text-color);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n    --hover-background-color: var(--solid-ui-color-tertiary);\n\n    display: inline-flex;\n\n    button {\n        position: relative;\n        padding: 7px 12px;\n        border-radius: 5px;\n        font-size: var(--solid-ui-font-size-md);\n        font-weight: 600;\n        color: var(--text-color);\n        background: var(--background-color);\n        border: 1px solid var(--border-color);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 5px;\n        flex: 1;\n\n        &:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        &:hover:not(:disabled) {\n            color: var(--hover-text-color);\n            background: var(--hover-background-color);\n            border-color: var(--hover-border-color);\n        }\n\n        icon-svg-spinners-180-ring, ::slotted([slot=\"left-icon\"]), ::slotted([slot=\"right-icon\"]) {\n            width: var(--solid-ui-font-size-md);\n            height: var(--solid-ui-font-size-md);\n        }\n\n      &::after {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: var(--solid-ui-clickable-area);\n        height: var(--solid-ui-clickable-area);\n      }\n    }\n}\n\n:host([data-has-icon-slot]) button {\n    padding: 4px;\n\n    ::slotted([slot=\"icon\"]) {\n        width: var(--solid-ui-font-size-2xl);\n        height: var(--solid-ui-font-size-2xl);\n    }\n}\n\n:host([variant='secondary']) button {\n    --text-color: var(--solid-ui-color-gray-800);\n    --border-color: var(--solid-ui-color-slate-400);\n    --background-color: var(--solid-ui-color-white);\n    --hover-text-color: var(--solid-ui-color-white);\n    --hover-background-color: var(--solid-ui-color-tertiary);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n}\n\n:host([variant='tertiary']) button {\n    --text-color: var(--solid-ui-color-primary);\n    --border-color: transparent;\n    --background-color: transparent;\n    --hover-text-color: var(--solid-ui-color-tertiary);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n    --hover-background-color: transparent;\n\n    padding: 0;\n    border-radius: 0;\n    border-width: 0;\n    border-bottom-width: 1px;\n}\n\n:host([variant='outline']) button {\n    --text-color: currentColor;\n    --border-color: currentColor;\n    --background-color: transparent;\n    --hover-text-color: currentColor;\n    --hover-border-color: currentColor;\n    --hover-background-color: color-mix(in srgb, currentColor 25%, transparent);\n}\n\n:host([variant='ghost']) button {\n    --text-color: currentColor;\n    --border-color: transparent;\n    --background-color: transparent;\n    --hover-text-color: currentColor;\n    --hover-border-color: transparent;\n    --hover-background-color: var(--solid-ui-color-primary-hover);\n}\n"],"mappings":""}

package/dist/components/button/Button.styles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.esm.js","names":[],"sources":["../../../src/components/button/Button.styles.css"],"sourcesContent":[":host {\n    --text-color: var(--solid-ui-color-white);\n    --border-color: var(--solid-ui-color-primary);\n    --background-color: var(--solid-ui-color-primary);\n    --hover-text-color: var(--text-color);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n    --hover-background-color: var(--solid-ui-color-tertiary);\n\n    display: inline-flex;\n\n    button {\n        position: relative;\n        padding: 7px 12px;\n        border-radius: 5px;\n        font-size: var(--solid-ui-font-size-md);\n        font-weight: 600;\n        color: var(--text-color);\n        background: var(--background-color);\n        border: 1px solid var(--border-color);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 5px;\n        flex: 1;\n\n        &:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        &:hover:not(:disabled) {\n            color: var(--hover-text-color);\n            background: var(--hover-background-color);\n            border-color: var(--hover-border-color);\n        }\n\n        icon-svg-spinners-180-ring, ::slotted([slot=\"left-icon\"]), ::slotted([slot=\"right-icon\"]) {\n            width: var(--solid-ui-font-size-md);\n            height: var(--solid-ui-font-size-md);\n        }\n\n      &::after {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: var(--solid-ui-clickable-area);\n        height: var(--solid-ui-clickable-area);\n      }\n    }\n}\n\n:host([data-has-icon-slot]) button {\n    padding: 4px;\n\n    ::slotted([slot=\"icon\"]) {\n        width: var(--solid-ui-font-size-2xl);\n        height: var(--solid-ui-font-size-2xl);\n    }\n}\n\n:host([variant='secondary']) button {\n    --text-color: var(--solid-ui-color-gray-800);\n    --border-color: var(--solid-ui-color-slate-400);\n    --background-color: var(--solid-ui-color-white);\n    --hover-text-color: var(--solid-ui-color-white);\n    --hover-background-color: var(--solid-ui-color-tertiary);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n}\n\n:host([variant='tertiary']) button {\n    --text-color: var(--solid-ui-color-primary);\n    --border-color: transparent;\n    --background-color: transparent;\n    --hover-text-color: var(--solid-ui-color-tertiary);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n    --hover-background-color: transparent;\n\n    padding: 0;\n    border-radius: 0;\n    border-width: 0;\n    border-bottom-width: 1px;\n}\n\n:host([variant='outline']) button {\n    --text-color: currentColor;\n    --border-color: currentColor;\n    --background-color: transparent;\n    --hover-text-color: currentColor;\n    --hover-border-color: currentColor;\n    --hover-background-color: color-mix(in srgb, currentColor 25%, transparent);\n}\n\n:host([variant='ghost']) button {\n    --text-color: currentColor;\n    --border-color: transparent;\n    --background-color: transparent;\n    --hover-text-color: currentColor;\n    --hover-border-color: transparent;\n    --hover-background-color: var(--solid-ui-color-primary-hover);\n}\n"],"mappings":""}
+{"version":3,"file":"Button.styles.esm.js","names":["Button_styles_default"],"sources":["../../../src/components/button/Button.styles.css"],"sourcesContent":[":host {\n    --text-color: var(--solid-ui-color-white);\n    --border-color: var(--solid-ui-color-primary);\n    --background-color: var(--solid-ui-color-primary);\n    --hover-text-color: var(--text-color);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n    --hover-background-color: var(--solid-ui-color-tertiary);\n\n    display: inline-flex;\n\n    button {\n        position: relative;\n        padding: 7px 12px;\n        border-radius: 5px;\n        font-size: var(--solid-ui-font-size-md);\n        font-weight: 600;\n        color: var(--text-color);\n        background: var(--background-color);\n        border: 1px solid var(--border-color);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 5px;\n        flex: 1;\n\n        &:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        &:hover:not(:disabled) {\n            color: var(--hover-text-color);\n            background: var(--hover-background-color);\n            border-color: var(--hover-border-color);\n        }\n\n        icon-svg-spinners-180-ring, ::slotted([slot=\"left-icon\"]), ::slotted([slot=\"right-icon\"]) {\n            width: var(--solid-ui-font-size-md);\n            height: var(--solid-ui-font-size-md);\n        }\n\n      &::after {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: var(--solid-ui-clickable-area);\n        height: var(--solid-ui-clickable-area);\n      }\n    }\n}\n\n:host([data-has-icon-slot]) button {\n    padding: 4px;\n\n    ::slotted([slot=\"icon\"]) {\n        width: var(--solid-ui-font-size-2xl);\n        height: var(--solid-ui-font-size-2xl);\n    }\n}\n\n:host([variant='secondary']) button {\n    --text-color: var(--solid-ui-color-gray-800);\n    --border-color: var(--solid-ui-color-slate-400);\n    --background-color: var(--solid-ui-color-white);\n    --hover-text-color: var(--solid-ui-color-white);\n    --hover-background-color: var(--solid-ui-color-tertiary);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n}\n\n:host([variant='tertiary']) button {\n    --text-color: var(--solid-ui-color-primary);\n    --border-color: transparent;\n    --background-color: transparent;\n    --hover-text-color: var(--solid-ui-color-tertiary);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n    --hover-background-color: transparent;\n\n    padding: 0;\n    border-radius: 0;\n    border-width: 0;\n    border-bottom-width: 1px;\n}\n\n:host([variant='outline']) button {\n    --text-color: currentColor;\n    --border-color: currentColor;\n    --background-color: transparent;\n    --hover-text-color: currentColor;\n    --hover-border-color: currentColor;\n    --hover-background-color: color-mix(in srgb, currentColor 25%, transparent);\n}\n\n:host([variant='ghost']) button {\n    --text-color: currentColor;\n    --border-color: transparent;\n    --background-color: transparent;\n    --hover-text-color: currentColor;\n    --hover-border-color: transparent;\n    --hover-background-color: var(--solid-ui-color-primary-hover);\n}\n"],"mappings":""}

package/dist/components/button/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":["Button","BUTTON_VARIANTS"],"sources":["../../../src/components/button/index.ts"],"sourcesContent":["import Button, { BUTTON_VARIANTS, type ButtonVariant } from './Button'\n\nexport { Button, BUTTON_VARIANTS, type ButtonVariant }\nexport default Button\n"],"mappings":"kIAGA,IAAA,EAAeA,EAAAA"}
+{"version":3,"file":"index.cjs.js","names":["Button","BUTTON_VARIANTS","Button","require_Button","button_default"],"sources":["../../../src/components/button/index.ts"],"sourcesContent":["import Button, { BUTTON_VARIANTS, type ButtonVariant } from './Button'\n\nexport { Button, BUTTON_VARIANTS, type ButtonVariant }\nexport default Button\n"],"mappings":"kIAGA,IAAAI,EAAeJ,EAAAA"}

package/dist/components/button/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":["Button","BUTTON_VARIANTS"],"sources":["../../../src/components/button/index.ts"],"sourcesContent":["import Button, { BUTTON_VARIANTS, type ButtonVariant } from './Button'\n\nexport { Button, BUTTON_VARIANTS, type ButtonVariant }\nexport default Button\n"],"mappings":";;AAGA,IAAA,IAAeA"}
+{"version":3,"file":"index.esm.js","names":["Button","BUTTON_VARIANTS","Button","_Button","button_default","BUTTON_VARIANTS"],"sources":["../../../src/components/button/index.ts"],"sourcesContent":["import Button, { BUTTON_VARIANTS, type ButtonVariant } from './Button'\n\nexport { Button, BUTTON_VARIANTS, type ButtonVariant }\nexport default Button\n"],"mappings":";;AAGA,IAAAI,IAAeJ"}