kempo-ui 0.0.2 → 0.0.4

package/icons/edit.svg

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" 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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kempo-ui",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "description": "A Lit based web-component library",
   "main": "index.js",
@@ -25,7 +25,7 @@
   },
   "homepage": "https://github.com/dustinpoissant/kempo-ui#readme",
   "devDependencies": {
-    "kempo-server": "^1.4.6",
+    "kempo-server": "^1.7.10",
     "kempo-testing-framework": "^1.3.6",
     "terser": "^5.43.1"
   },

package/scripts/build.js

@@ -1,139 +1,110 @@
-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('Checking for Utils');
-let utils = [];
-try {
-  const utilsFiles = await fs.readdir('./src/utils/');
-  utils = utilsFiles.filter(f => f.endsWith('.js')).map(f => f.substring(0, f.length - 3));
-} catch (error) {
-  console.log('No utils directory found, skipping utils processing');
-}
-
-if(utils.length > 0) {
-  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('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('Copying base kempo.css from external package');
-const kempoCssSource = './node_modules/kempo-css/dist/kempo.min.css';
-const kempoCssDest = './dist/kempo.min.css';
-try {
-  await ensureDir('./dist');
-  const kempoCssContent = await fs.readFile(kempoCssSource, 'utf-8');
-  await fs.writeFile(kempoCssDest, kempoCssContent, 'utf-8');
-  console.log('Successfully copied kempo.min.css from kempo-css package');
-} catch (error) {
-  console.warn('Warning: Could not copy kempo.min.css:', error.message);
-}
-
-console.log('Copying dist/ to docs/');
-await ensureDir('./docs/');
-await copyDir('./dist', './docs/');
-
+import fs from 'fs/promises';
+import { minify } from 'terser';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { ensureDir, copyDir, emptyDir } from 'kempo-server/utils/fs-utils';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+console.log('Loading utils');
+
+// Clear dist directory first
+await emptyDir('./dist');
+
+const allJSFiles = [];
+async function buildAllJSFiles(dir, baseSrcDir) {
+  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 buildAllJSFiles(fullPath, baseSrcDir);
+    } else if (file.endsWith('.js')) {
+      allJSFiles.push(fullPath);
+    }
+  }
+}
+
+const srcDir = path.join(__dirname, '..', 'src');
+await buildAllJSFiles(srcDir, srcDir);
+
+let complete = 0;
+
+console.log('Loading JS Source Code');
+process.stdout.write(`0/${allJSFiles.length} = 0%`);
+const jsCode = {};
+await Promise.all(allJSFiles.map(async jsFile => {
+  jsCode[jsFile] = await fs.readFile(jsFile, 'utf-8');
+  process.stdout.write("\r");
+  complete++;
+  process.stdout.write(`${complete}/${allJSFiles.length} = ${Math.round((complete/allJSFiles.length)*100)}%`);
+}));
+process.stdout.write("\n");
+
+complete = 0;
+console.log('Processing JS Files (minifying or copying)');
+process.stdout.write(`0/${allJSFiles.length} = 0%`);
+const processedJS = {};
+await Promise.all(allJSFiles.map(async jsFile => {
+  const filename = path.basename(jsFile);
+  if (filename.endsWith('.min.js')) {
+    // Already minified, just copy
+    processedJS[jsFile] = jsCode[jsFile];
+  } else {
+    // Minify the file
+    processedJS[jsFile] = (await minify(jsCode[jsFile])).code;
+  }
+  process.stdout.write("\r");
+  complete++;
+  process.stdout.write(`${complete}/${allJSFiles.length} = ${Math.round((complete/allJSFiles.length)*100)}%`);
+}));
+process.stdout.write("\n");
+
+complete = 0;
+console.log('Saving JS Files to dist/src/');
+process.stdout.write(`0/${allJSFiles.length} = 0%`);
+await Promise.all(allJSFiles.map(async jsFile => {
+  const relativePath = path.relative(srcDir, jsFile);
+  const destPath = path.join('./dist/src', relativePath);
+  await ensureDir(path.dirname(destPath));
+  await fs.writeFile(destPath, processedJS[jsFile], 'utf-8');
+  process.stdout.write("\r");
+  complete++;
+  process.stdout.write(`${complete}/${allJSFiles.length} = ${Math.round((complete/allJSFiles.length)*100)}%`);
+}));
+process.stdout.write("\n");
+
+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-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/');
+await copyDir('./dist', './docs/');
+
+console.log('Copying icons/ to docs/icons/');
+await copyDir('./icons', './docs/icons/');
+
+console.log('Copying base kempo.min.css from external package');
+const kempoCssSource = './node_modules/kempo-css/dist/kempo.min.css';
+const kempoCssDest = './docs/kempo.min.css';
+try {
+  const kempoCssContent = await fs.readFile(kempoCssSource, 'utf-8');
+  await fs.writeFile(kempoCssDest, kempoCssContent, 'utf-8');
+  console.log('Successfully copied kempo.min.css from kempo-css package');
+} catch (error) {
+  console.warn('Warning: Could not copy kempo.min.css:', error.message);
+}
+
 console.log('Build Complete');

package/scripts/docs.js

@@ -1,61 +1,63 @@
-import { dirname, join } from 'path';
-import { fileURLToPath } from 'url';
-import { spawn } from 'child_process';
-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',
-  'no-build': 'noBuild'
-});
-
-const {
-  port = 8083,
-  build = true,
-  noBuild = false,
-  src = false
-} = options;
-
-if(build && !noBuild){
-  await runChildNodeProcess(join(__dirname, 'build.js'));
-}
-
-const rootDir = src ? '.' : 'docs';
-const configFile = src ? 
-  join(__dirname, '../config/development.json') : 
-  join(__dirname, '../config/production.json');
-
-console.log(`Starting kempo-server on port ${port}`);
-console.log(`Root: ${rootDir}`);
-console.log(`Config: ${configFile}`);
-
-const serverArgs = [
-  'kempo-server', 
-  '--root', rootDir, 
-  '--port', port.toString(),
-  '--config', configFile
-];
-
-const serverProcess = spawn('npx', serverArgs, {
-  stdio: 'inherit',
-  shell: true
-});
-
-serverProcess.on('error', err => {
-  console.error('Failed to start server:', err.message);
-  process.exit(1);
-});
-
-process.on('SIGINT', () => {
-  serverProcess.kill();
-  process.exit(0);
-});
-
-process.on('SIGTERM', () => {
-  serverProcess.kill();
-  process.exit(0);
+import { dirname, join } from 'path';
+import { fileURLToPath } from 'url';
+import { spawn } from 'child_process';
+import { getArgs, runChildNodeProcessScript } from 'kempo-server/utils/cli';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const options = getArgs({
+  p: 'port',
+  b: 'build',
+  s: 'src',
+  'no-build': 'noBuild'
+});
+
+const {
+  port = 8083,
+  build = false,
+  noBuild = false,
+  src = false
+} = options;
+
+if(build && !noBuild){
+    console.log('Building component files...');
+  await runChildNodeProcessScript(join(__dirname, 'build.js'));
+  console.log('Component files built!');
+}
+
+const rootDir = 'docs';
+const configFile = src ? 
+  join(__dirname, '../docs/dev.config.json') : 
+  join(__dirname, '../docs/prod.config.json');
+
+console.log(`Starting kempo-server on port ${port}`);
+console.log(`Root: ${rootDir}`);
+console.log(`Config: ${configFile}`);
+
+const serverArgs = [
+  'kempo-server', 
+  '--root', rootDir, 
+  '--port', port.toString(),
+  '--config', configFile
+];
+
+const serverProcess = spawn('npx', serverArgs, {
+  stdio: 'inherit',
+  shell: true
+});
+
+serverProcess.on('error', err => {
+  console.error('Failed to start server:', err.message);
+  process.exit(1);
+});
+
+process.on('SIGINT', () => {
+  serverProcess.kill();
+  process.exit(0);
+});
+
+process.on('SIGTERM', () => {
+  serverProcess.kill();
+  process.exit(0);
 });