kempo 4.2.4 → 4.2.7

package/icons/edit.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z"/></svg>

package/icons/error.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="error" d="M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240ZM330-120 120-330v-300l210-210h300l210 210v300L630-120H330Zm34-80h232l164-164v-232L596-760H364L200-596v232l164 164Zm116-280Z"/></svg>

package/icons/export-file.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M480-480ZM202-65l-56-57 118-118h-90v-80h226v226h-80v-89L202-65Zm278-15v-80h240v-440H520v-200H240v400h-80v-400q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H480Z"/></svg>

package/icons/file-text.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M200-200h560v-367L567-760H200v560Zm0 80q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h400l240 240v400q0 33-23.5 56.5T760-120H200Zm80-160h400v-80H280v80Zm0-160h400v-80H280v80Zm0-160h280v-80H280v80Zm-80 400v-560 560Z"/></svg>

package/icons/file.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z"/></svg>

package/icons/filter-off.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="m592-481-57-57 143-182H353l-80-80h487q25 0 36 22t-4 42L592-481ZM791-56 560-287v87q0 17-11.5 28.5T520-160h-80q-17 0-28.5-11.5T400-200v-247L56-791l56-57 736 736-57 56ZM535-538Z"/></svg>

package/icons/filter.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M440-160q-17 0-28.5-11.5T400-200v-240L168-736q-15-20-4.5-42t36.5-22h560q26 0 36.5 22t-4.5 42L560-440v240q0 17-11.5 28.5T520-160h-80Zm40-308 198-252H282l198 252Zm0 0Z"/></svg>

package/icons/first.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M240-240v-480h80v480h-80Zm440 0L440-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>

package/icons/folder-clear.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M480-280q66 0 113-47t47-113q0-66-47-113t-113-47q-66 0-113 47t-47 113q0 66 47 113t113 47Zm-46-248q11-5 22-8.5t24-3.5q42 0 71 29t29 71q0 13-3.5 24t-8.5 22L434-528Zm46 188q-42 0-71-29t-29-71q0-13 3.5-24t8.5-22l134 134q-11 5-22 8.5t-24 3.5ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H447l-80-80H160v480Zm0 0v-480 480Z"/></svg>

package/icons/folder-create.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M560-320h80v-80h80v-80h-80v-80h-80v80h-80v80h80v80ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H447l-80-80H160v480Zm0 0v-480 480Z"/></svg>

package/icons/folder-open.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640H447l-80-80H160v480l96-320h684L837-217q-8 26-29.5 41.5T760-160H160Zm84-80h516l72-240H316l-72 240Zm0 0 72-240-72 240Zm-84-400v-80 80Z"/></svg>

package/icons/folder.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H447l-80-80H160v480Zm0 0v-480 480Z"/></svg>

package/icons/hide.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="m644-428-58-58q9-47-27-88t-93-32l-58-58q17-8 34.5-12t37.5-4q75 0 127.5 52.5T660-500q0 20-4 37.5T644-428Zm128 126-58-56q38-29 67.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29 0-57 4t-55 12l-62-62q41-17 84-25.5t90-8.5q151 0 269 83.5T920-500q-23 59-60.5 109.5T772-302Zm20 246L624-222q-35 11-70.5 16.5T480-200q-151 0-269-83.5T40-500q21-53 53-98.5t73-81.5L56-792l56-56 736 736-56 56ZM222-624q-29 26-53 57t-41 67q50 101 143.5 160.5T480-280q20 0 39-2.5t39-5.5l-36-38q-11 3-21 4.5t-21 1.5q-75 0-127.5-52.5T300-500q0-11 1.5-21t4.5-21l-84-82Zm319 93Zm-151 75Z"/></svg>

package/icons/image.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm40-80h480L570-480 450-320l-90-120-120 160Zm-40 80v-560 560Z"/></svg>

package/icons/label-add.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M480-160v-80h120l180-240-180-240H160v200H80v-200q0-33 23.5-56.5T160-800h440q19 0 36 8.5t28 23.5l216 288-216 288q-11 15-28 23.5t-36 8.5H480Zm-10-320ZM200-120v-120H80v-80h120v-120h80v120h120v80H280v120h-80Z"/></svg>

package/icons/label.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h440q19 0 36 8.5t28 23.5l216 288-216 288q-11 15-28 23.5t-36 8.5H160Zm0-80h440l180-240-180-240H160v480Zm220-240Z"/></svg>

package/icons/last.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="m280-240-56-56 184-184-184-184 56-56 240 240-240 240Zm360 0v-480h80v480h-80Z"/></svg>

package/icons/menu.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"/></svg>

package/icons/mode-auto.svg

@@ -1 +0,0 @@
-<svg viewBox="0 -960 960 960" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M 440 -920 L 440 -760 L 520 -760 L 520 -920 L 440 -920 z M 818.67969 -885.5332 L 583.66602 -651.38281 C 553.04363 -670.31258 518.55019 -680 480 -680 C 424.66678 -680 377.49992 -660.49992 338.5 -621.5 C 299.50008 -582.50008 280 -535.33322 280 -480 C 280 -441.71314 289.5643 -407.43184 308.23633 -376.96484 L 97.058594 -166.5625 L 168.59375 -92.332031 L 263.80078 -187.18945 C 267.09506 -183.63709 270.46257 -180.11555 273.9375 -176.64062 C 343.93736 -106.64077 428.9377 -71.640625 528.9375 -71.640625 C 628.9373 -71.640625 713.93764 -106.64077 783.9375 -176.64062 C 853.93736 -246.64049 888.9375 -331.64082 888.9375 -431.64062 C 888.9375 -440.97395 888.60417 -450.14064 887.9375 -459.14062 C 887.27083 -468.14062 886.27083 -476.97398 884.9375 -485.64062 C 865.60421 -458.30735 840.60411 -436.47393 809.9375 -420.14062 C 779.27089 -403.80733 745.60409 -395.64062 708.9375 -395.64062 C 648.93762 -395.64062 597.93742 -416.64072 555.9375 -458.64062 C 552.62172 -461.95641 549.47084 -465.3433 546.42188 -468.77344 L 890.21484 -811.30273 L 818.67969 -885.5332 z M 212 -806 L 155 -747 L 256 -650 L 308 -706 L 212 -806 z M 480 -600 C 495.83397 -600 510.50253 -597.28065 524.08008 -592.01562 L 367.83594 -436.34375 C 362.67843 -449.80488 360 -464.32853 360 -480 C 360 -513.33327 371.66671 -541.66671 395 -565 C 418.33329 -588.33329 446.66673 -600 480 -600 z M 40 -520 L 40 -440 L 200 -440 L 200 -520 L 40 -520 z M 489.73047 -412.28906 C 492.87534 -408.86757 496.09809 -405.48004 499.4375 -402.14062 C 557.10405 -344.47408 626.93766 -315.64062 708.9375 -315.64062 C 722.27081 -315.64062 735.60419 -316.64064 748.9375 -318.64062 C 762.27081 -320.64062 775.60419 -323.3073 788.9375 -326.64062 C 767.60421 -274.64074 733.60407 -232.4739 686.9375 -200.14062 C 640.27093 -167.80736 587.60405 -151.64062 528.9375 -151.64062 C 451.60432 -151.64062 385.60406 -178.97407 330.9375 -233.64062 C 327.48999 -237.08813 324.17746 -240.59082 320.95312 -244.13086 L 489.73047 -412.28906 z " /></svg>

package/icons/mode-dark.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M480-120q-150 0-255-105T120-480q0-150 105-255t255-105q14 0 27.5 1t26.5 3q-41 29-65.5 75.5T444-660q0 90 63 153t153 63q55 0 101-24.5t75-65.5q2 13 3 26.5t1 27.5q0 150-105 255T480-120Zm0-80q88 0 158-48.5T740-375q-20 5-40 8t-40 3q-123 0-209.5-86.5T364-660q0-20 3-40t8-40q-78 32-126.5 102T200-480q0 116 82 198t198 82Zm-10-270Z"/></svg>

package/icons/mode-light.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M480-360q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Zm0 80q-83 0-141.5-58.5T280-480q0-83 58.5-141.5T480-680q83 0 141.5 58.5T680-480q0 83-58.5 141.5T480-280ZM200-440H40v-80h160v80Zm720 0H760v-80h160v80ZM440-760v-160h80v160h-80Zm0 720v-160h80v160h-80ZM256-650l-101-97 57-59 96 100-52 56Zm492 496-97-101 53-55 101 97-57 59Zm-98-550 97-101 59 57-100 96-56-52ZM154-212l101-97 55 53-97 101-59-57Zm326-268Z"/></svg>

package/icons/open-in-browser.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H600v-80h160v-480H200v480h160v80H200Zm240 0v-246l-64 64-56-58 160-160 160 160-56 58-64-64v246h-80Z"/></svg>

package/icons/pause.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="currentColor" d="M28.25 38V10H36v28ZM12 38V10h7.75v28Z"/></svg>

package/icons/play.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="currentColor" d="M16 37.85v-28l22 14Z"/></svg>

package/icons/refresh.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M480-160q-134 0-227-93t-93-227q0-134 93-227t227-93q69 0 132 28.5T720-690v-110h80v280H520v-80h168q-32-56-87.5-88T480-720q-100 0-170 70t-70 170q0 100 70 170t170 70q77 0 139-44t87-116h84q-28 106-114 173t-196 67Z"/></svg>

package/icons/remove.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M200-440v-80h560v80H200Z"/></svg>

package/icons/save.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M840-680v480q0 33-23.5 56.5T760-120H200q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h480l160 160Zm-80 34L646-760H200v560h560v-446ZM480-240q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35ZM240-560h360v-160H240v160Zm-40-86v446-560 114Z"/></svg>

package/icons/search.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" ><path fill="currentColor" d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg>

package/icons/settings.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm70-80h79l14-106q31-8 57.5-23.5T639-327l99 41 39-68-86-65q5-14 7-29.5t2-31.5q0-16-2-31.5t-7-29.5l86-65-39-68-99 42q-22-23-48.5-38.5T533-694l-13-106h-79l-14 106q-31 8-57.5 23.5T321-633l-99-41-39 68 86 64q-5 15-7 30t-2 32q0 16 2 31t7 30l-86 65 39 68 99-42q22 23 48.5 38.5T427-266l13 106Zm42-180q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Zm-2-140Z"/></svg>

package/icons/show.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800q146 0 266 81.5T920-500q-54 137-174 218.5T480-200Zm0-300Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z"/></svg>

package/icons/storage.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M120-160v-160h720v160H120Zm80-40h80v-80h-80v80Zm-80-440v-160h720v160H120Zm80-40h80v-80h-80v80Zm-80 280v-160h720v160H120Zm80-40h80v-80h-80v80Z"/></svg>

package/icons/table-visibility.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v333q-19-11-39-20t-41-16v-137H520v137q-46 14-86 40t-74 63H200v160h82q11 22 22 42t24 38H200Zm0-320h240v-160H200v160Zm0-240h560v-80H200v80Zm280 200Zm0 0Zm0 0Zm0 0ZM640-40q-91 0-168-48T360-220q35-84 112-132t168-48q91 0 168 48t112 132q-35 84-112 132T640-40Zm0-80q57 0 107.5-26t82.5-74q-32-48-82.5-74T640-320q-57 0-107.5 26T450-220q32 48 82.5 74T640-120Zm0-40q-25 0-42.5-17.5T580-220q0-25 17.5-42.5T640-280q25 0 42.5 17.5T700-220q0 25-17.5 42.5T640-160Z"/></svg>

package/icons/tag.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="m240-160 40-160H120l20-80h160l40-160H180l20-80h160l40-160h80l-40 160h160l40-160h80l-40 160h160l-20 80H660l-40 160h160l-20 80H600l-40 160h-80l40-160H360l-40 160h-80Zm140-240h160l40-160H420l-40 160Z"/></svg>

package/icons/tools.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M756-120 537-339l84-84 219 219-84 84Zm-552 0-84-84 276-276-68-68-28 28-51-51v82l-28 28-121-121 28-28h82l-50-50 142-142q20-20 43-29t47-9q24 0 47 9t43 29l-92 92 50 50-28 28 68 68 90-90q-4-11-6.5-23t-2.5-24q0-59 40.5-99.5T701-841q15 0 28.5 3t27.5 9l-99 99 72 72 99-99q7 14 9.5 27.5T841-701q0 59-40.5 99.5T701-561q-12 0-24-2t-23-7L204-120Z"/></svg>

package/icons/trash-x.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="m376-300 104-104 104 104 56-56-104-104 104-104-56-56-104 104-104-104-56 56 104 104-104 104 56 56Zm-96 180q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520Zm-400 0v520-520Z"/></svg>

package/icons/warning.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="warning" d="m40-120 440-760 440 760H40Zm138-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z"/></svg>

package/scripts/build.js

@@ -1,154 +0,0 @@
-import fs from 'fs/promises';
-import { minify } from 'terser';
-import path from 'path';
-import { fileURLToPath } from 'url';
-import { ensureDir, copyDir, emptyDir } from '../src/utils/fs-utils.js';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-console.log('Loading utils');
-
-const components = [];
-async function buildComponents(dir) {
-  const files = await fs.readdir(dir);
-  for (const file of files) {
-    const fullPath = path.join(dir, file);
-    const stat = await fs.lstat(fullPath);
-    if (stat.isDirectory()) {
-      await buildComponents(fullPath);
-    } else if (file.endsWith('.js')) {
-      components.push(fullPath);
-    }
-  }
-}
-
-const componentsDir = path.join(__dirname, '..', 'src', 'components');
-await buildComponents(componentsDir);
-
-let complete = 0;
-
-console.log('Loading Component Source Code');
-process.stdout.write(`0/${components.length} = 0%`);
-const componentCode = {};
-await Promise.all(components.map(async component => {
-  componentCode[component] = await fs.readFile(component, 'utf-8');
-  process.stdout.write("\r");
-  complete++;
-  process.stdout.write(`${complete}/${components.length} = ${Math.round((complete/components.length)*100)}%`);
-}));
-process.stdout.write("\n");
-
-complete = 0;
-console.log('Minifying Component Source Code');
-process.stdout.write(`0/${components.length} = 0%`);
-const minifiedComponents = {};
-await Promise.all(components.map(async componentFile => {
-  minifiedComponents[componentFile] = (await minify(componentCode[componentFile])).code;
-  process.stdout.write("\r");
-  complete++;
-  process.stdout.write(`${complete}/${components.length} = ${Math.round((complete/components.length)*100)}%`);
-}));
-process.stdout.write("\n");
-
-complete = 0;
-console.log('Saving Minified Components to dist/');
-process.stdout.write(`0/${components.length} = 0%`);
-await Promise.all(components.map(async component => {
-  const relativePath = path.relative(componentsDir, component);
-  const destPath = path.join('./dist/components', relativePath);
-  await ensureDir(path.dirname(destPath));
-  await fs.writeFile(destPath, minifiedComponents[component], 'utf-8');
-  process.stdout.write("\r");
-  complete++;
-  process.stdout.write(`${complete}/${components.length} = ${Math.round((complete/components.length)*100)}%`);
-}));
-process.stdout.write("\n");
-
-console.log('Loading Utils');
-const utils = (await fs.readdir('./src/utils/')).map(f => f.substring(0, f.length - 3));
-complete = 0;
-
-console.log('Loading Utils Source Code');
-process.stdout.write(`0/${utils.length} = 0%`);
-const utilCode = {};
-await Promise.all(utils.map(async util => {
-  utilCode[util] = await fs.readFile(`./src/utils/${util}.js`, 'utf-8');
-  process.stdout.write("\r");
-  complete++;
-  process.stdout.write(`${complete}/${utils.length} = ${Math.round((complete/utils.length) * 100)}%`);
-}));
-process.stdout.write("\n");
-
-complete = 0;
-console.log('Minifying Utils Source Code');
-process.stdout.write(`0/${utils.length} = 0%`);
-const minifiedUtils = {};
-await Promise.all(utils.map(async utilFile => {
-  minifiedUtils[utilFile] = (await minify(utilCode[utilFile])).code;
-  process.stdout.write("\r");
-  complete++;
-  process.stdout.write(`${complete}/${utils.length} = ${Math.round((complete/utils.length) * 100)}%`);
-}));
-process.stdout.write("\n");
-
-complete = 0;
-console.log('Saving Minified Utils to dist/');
-process.stdout.write(`0/${utils.length} = 0%`);
-await ensureDir('./dist/utils');
-await Promise.all(utils.map(async util => {
-  await fs.writeFile(`./dist/utils/${util}.js`, minifiedUtils[util], 'utf-8');
-  process.stdout.write("\r");
-  complete++;
-  process.stdout.write(`${complete}/${utils.length} = ${Math.round((complete/utils.length) * 100)}%`);
-}));
-process.stdout.write("\n");
-
-// console.log('Generating export file');
-// const main = `
-//   ${components.map(component => `import ${path.basename(component, '.js')} from './components/${path.relative(componentsDir, component)}';`).join('')}
-//   ${utils.map(util => `import ${util} from './utils/${util}.js';`).join('')}
-//   export default {
-//     ${components.map(component => `${path.basename(component, '.js')}`).join(',')},
-//     ${utils.map(util => `${util}`).join(',')}
-//   };
-// `;
-// const minifiedMain = (await minify(main)).code;
-// console.log('Saving minified main entry file');
-// await fs.writeFile('./dist/index.js', minifiedMain, 'utf-8');
-
-console.log('Loading kempo-vars.css');
-const kempoVarsCSS = await fs.readFile('./src/kempo-vars.css', 'utf-8');
-console.log('Minifying kempo-vars.css');
-const minifiedKempoVarsCSS = kempoVarsCSS.replace(/\s*\{\s*/g, '{').replace(/\s*\}\s*/g, '}').replace(/\n/g, '').replace(/\r/g, '').replace(/\s+/g, ' ').replace(/\s*\:\s*/g, ':').replace(/\s*\;\s*/g, ';').replace(/;\}/g, '}');
-console.log('Saving kempo-vars.css');
-await fs.writeFile('./dist/kempo-vars.css', minifiedKempoVarsCSS, 'utf-8');
-
-console.log('Loading kempo-styles.css');
-const kempoStylesCSS = await fs.readFile('./src/kempo-styles.css', 'utf-8');
-console.log('Minifying kempo-styles.css');
-const minifiedKempoStylesCSS = kempoStylesCSS.replace(/\s*\{\s*/g, '{').replace(/\s*\}\s*/g, '}').replace(/\n/g, '').replace(/\r/g, '').replace(/\s+/g, ' ').replace(/\s*\:\s*/g, ':').replace(/\s*\;\s*/g, ';').replace(/;\}/g, '}');
-console.log('Saving kempo-styles.css');
-await fs.writeFile('./dist/kempo-styles.css', minifiedKempoStylesCSS, 'utf-8');
-
-console.log('Loading kempo-hljs.css');
-const kempoHljsCSS = await fs.readFile('./src/kempo-hljs.css', 'utf-8');
-console.log('Minifying kempo-hljs.css');
-const minifiedKempoHljsCSS = kempoHljsCSS.replace(/\s*\{\s*/g, '{').replace(/\s*\}\s*/g, '}').replace(/\n/g, '').replace(/\r/g, '').replace(/\s+/g, ' ').replace(/\s*\:\s*/g, ':').replace(/\s*\;\s*/g, ';').replace(/;\}/g, '}');
-console.log('Saving kempo-hljs.css');
-await fs.writeFile('./dist/kempo-hljs.css', minifiedKempoHljsCSS, 'utf-8');
-
-console.log('Copying dist/ to docs/');
-await ensureDir('./docs/'); // will also ensure docs/kempo
-await copyDir('./dist', './docs/kempo')
-
-const iconsSrcDir = path.join(__dirname, '../icons');
-const iconsDestDir = path.join(__dirname, '../docs/icons');
-
-console.log('Deleting svg icons currently in docs/icons');
-await ensureDir(iconsDestDir);
-await emptyDir(iconsDestDir);
-console.log('Copying all files from icons to docs/icons');
-await copyDir(iconsSrcDir, iconsDestDir);
-
-console.log('Build Complete');

package/scripts/docs.js

@@ -1,47 +0,0 @@
-import { dirname, join } from 'path';
-import { fileURLToPath } from 'url';
-import { Server } from '../src/utils/Server.js';
-import { getArgs, runChildNodeProcess } from '../src/utils/cli.js';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const options = getArgs({
-  p: 'port',
-  b: 'build',
-  s: 'src'
-});
-
-const {
-  port = 8083,
-  build = true,
-  src = false
-} = options;
-
-if(build){
-  runChildNodeProcess(join(__dirname, 'build.js'));
-}
-
-const server = new Server();
-
-if (src) {
-  server
-    .get('/', join(__dirname, '../docs/'))
-    .get('/kempo/kempo-styles.css', join(__dirname, '../src/kempo-styles.css'))
-    .get('/kempo/*', join(__dirname, '../src/*'))
-    .get('/icons/*', join(__dirname, '../icons/*'))
-    .get('/*', join(__dirname, '../docs/*'));
-} else {
-  server
-    .get('/', join(__dirname, '../docs/'))
-    .get('/kempo/kempo-styles.css', join(__dirname, '../docs/kempo/kempo-styles.css'))
-    .get('/*', join(__dirname, '../docs/*'));
-}
-
-try {
-  await server.listen(port);
-  console.log(`Docs Running on: http://localhost:${port}`);
-} catch (err) {
-  console.error('Failed to start server:', err.message);
-  process.exit(1);
-}

package/src/components/Accordion.js

@@ -1,182 +0,0 @@
-import Component from './Component.js';
-import {
-  onEvent,
-  offEvent,
-  dispatchEvent
-} from '../utils/element.js';
-
-export default class Accordion extends Component {
-  constructor(){
-    super();
-    
-    /* Init */
-    this.unrender = true;
-  }
-
-  /* Public Members */
-  get activeHeader(){
-    return this.querySelector('k-accordion-header[active="true"]');
-  }
-  get activePanel(){
-    return this.querySelector('k-accordion-panel[active="true"]');
-  }
-
-  /* Public Methods */
-  getHeader(panelName){
-    return this.querySelector(`k-accordion-header[for-panel="${panelName}"]`);
-  }
-  getPanel(panelName){
-    return this.querySelector(`k-accordion-panel[name="${panelName}"]`);
-  }
-  openPanel(panelName){
-    const $currentlyActivePanel = this.querySelector(`k-accordion-panel[active="true"]`);
-    if($currentlyActivePanel && $currentlyActivePanel.name !== panelName){
-      $currentlyActivePanel.active = false;
-      const $currnetlyActiveHeader = this.getHeader($currentlyActivePanel.name);
-      if($currnetlyActiveHeader) $currnetlyActiveHeader.active = false;
-    }
-    const $panel = this.getPanel(panelName);
-    if($panel){
-      $panel.active = true;
-      $panel.transitioning = true;
-      setTimeout(() => {
-        $panel.transitioning = false;
-      }, parseInt(getComputedStyle(this).getPropertyValue('--animation_ms') || 256));
-      const $header = this.getHeader(panelName);
-      if($header) $header.active = true;
-      dispatchEvent(this, 'openpanel', { panelName });
-    }
-  }
-  closePanel(panelName){
-    const $panel = this.getPanel(panelName);
-    if($panel){
-      $panel.active = false;
-      $panel.transitioning = true;
-      setTimeout(() => {
-        $panel.transitioning = false;
-      }, parseInt(getComputedStyle(this).getPropertyValue('--animation_ms') || 256) );
-      const $header = this.getHeader(panelName);
-      if($header) $header.active = false;
-      dispatchEvent(this, 'closepanel', { panelName });
-    }
-  }
-  togglePanel(panelName){
-    const $panel = this.getPanel(panelName);
-    if($panel){
-      if($panel.active){
-        this.closePanel(panelName);
-      } else {
-        this.openPanel(panelName);
-      }
-      dispatchEvent(this, 'togglepanel', { panelName });
-    }
-  }
-
-  /* Shadow DOM */
-  get shadowStyles(){
-    return /*css*/`
-      :host {
-        display: block;
-        border: 1px solid var(--c_border);
-        border-radius: var(--radius);
-      }
-      ::slotted(k-accordion-header){
-        border-top: 1px solid var(--c_border);
-      }
-      ::slotted(k-accordion-header[active="true"]) {
-        border-bottom: 1px solid var(--c_border);
-      }
-      ::slotted(k-accordion-header:first-of-type) {
-        border-top: 0;
-      }
-      ::slotted(k-accordion-header:last-of-type:not([active="true"])) {
-        border-bottom: 0;
-      }
-    `;
-  }
-}
-window.customElements.define('k-accordion', Accordion);
-
-const clickHandler = Symbol();
-export class AccordionHeader extends Component {
-  constructor(label = 'Show More', forPanel = ''){
-    super();
-
-    /* Public Methods */
-    this[clickHandler] = () => {
-      this.accordion.togglePanel(this.forPanel);
-    }
-    
-    /* Init */ 
-    this.registerAttributes({
-      forPanel,
-      active: false
-    });
-  }
-
-  /* Lifecycle Callbacks */
-  async render(force){
-    if(await super.render(force)){
-      onEvent(this, 'click', this[clickHandler]);
-      return true;
-    }
-    return false;
-  }
-  disconnectedCallback(){
-    super.disconnectedCallback();
-    offEvent(this, 'click', this[clickHandler]);
-  }
-
-  /* Protected Members */
-  get accordion(){
-    return this.closest('k-accordion');
-  }
-
-  /* Shadow DOM */
-  get shadowStyles(){
-    return /*css*/`
-      :host {
-        display: block;
-        padding: 1rem;
-        cursor: pointer;
-      }
-    `;
-  }
-}
-window.customElements.define('k-accordion-header', AccordionHeader);
-
-export class AccordionPanel extends Component {
-  constructor(name = ''){
-    super();
-    
-    /* Init */
-    this.registerAttributes({
-      name,
-      active: false,
-      transitioning: false
-    });
-  }
-  
-  /* Protected Members */
-  get accordion(){
-    return this.closest('k-accordion');
-  }
-
-  /* Shadow DOM */
-  get shadowStyles(){
-    return /*css*/`
-      ${super.shadowStyles}
-      :host {
-        display: block;
-        interpolate-size: allow-keywords;
-        height: 0;
-        overflow: hidden;
-        transition: height var(--animation_ms) ease-in-out;
-      }
-      :host([active="true"]) {
-        height: max-content;
-      }
-    `;
-  }
-}
-window.customElements.define('k-accordion-panel', AccordionPanel);

package/src/components/Card.js

@@ -1,62 +0,0 @@
-import Component from './Component.js';
-import {
-  setProp
-} from '../utils/element.js';
-
-export default class Card extends Component {
-  constructor(label = ''){
-    super();
-
-    this.registerAttribute('label', label);
-  }
-  attributeChangedCallback(n, oV, nV){
-    if(n === 'label'){
-      setProp(this.shadowRoot.getElementById('label'), 'innerHTML', nV);
-    }
-  }
-  get shadowTemplate(){
-    return /*html*/`
-      <div id="card">
-        <div id="label">${this.label}</div>
-        ${super.shadowTemplate}
-      </div>
-    `;
-  }
-  get shadowStyles(){
-    return /*css*/`
-      :host {
-        display: block;
-      }
-      #card {
-        border: 1px solid var(--c_border);
-        border-radius: var(--radius);
-        margin-bottom: var(--spacer);
-        padding: var(--spacer);
-        position: relative;
-        background-color: var(--c_bg);
-      }
-      #label {
-        position: absolute;
-        top: -1.25em;
-        left: 1.25em;
-        background-color: var(--c_bg);
-        border: 1px solid var(--c_border);
-        border-radius: var(--radius);
-        padding: var(--spacer_h);
-      }
-      :host([label]) {
-        padding-top: calc(1.5 * var(--spacer));
-        margin-top: var(--spacer);
-      }
-      :host([label]) #card {
-        padding-top: calc(1.5 * var(--spacer));
-      }
-      :host(:not([label])) #label {
-        display: none;
-      }
-
-    `;
-  }
-  static observedAttributes = [...super.observedAttributes, 'label'];
-}
-window.customElements.define('k-card', Card);