chore: prep 0.1.2 release, tidy repo

2025-12-13 17:04:32 -05:00
parent 0c69e9bf90
commit b70f4c5f3f
43 changed files with 4259 additions and 4167 deletions
--- a/pikit-web/assets/css/toast.css
+++ b/pikit-web/assets/css/toast.css
@@ -0,0 +1,204 @@
+.toast-container {
+  position: fixed;
+  bottom: 16px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 40;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 10px;
+  pointer-events: none;
+}
+
+.toast {
+  min-width: 200px;
+  max-width: 320px;
+  max-height: 240px;
+  overflow: hidden;
+  padding: 10px 12px;
+  border-radius: 10px;
+  border: 1px solid var(--border);
+  background: var(--panel);
+  color: var(--text);
+  box-shadow: var(--shadow);
+  font-weight: 600;
+  pointer-events: auto;
+  opacity: 0;
+  transform: translateY(var(--toast-slide-offset, 14px));
+  transition:
+    opacity var(--toast-speed, 0.28s) ease,
+    transform var(--toast-speed, 0.28s) ease,
+    max-height var(--toast-speed, 0.28s) ease,
+    padding var(--toast-speed, 0.28s) ease,
+    margin var(--toast-speed, 0.28s) ease;
+}
+
+.toast.show {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+.toast.success {
+  border-color: rgba(34, 197, 94, 0.5);
+}
+
+.toast.warn {
+  border-color: rgba(217, 119, 6, 0.5);
+}
+
+.toast.error {
+  border-color: rgba(225, 29, 72, 0.6);
+}
+
+.toast.info {
+  border-color: rgba(125, 211, 252, 0.4);
+}
+
+html[data-anim="off"] .toast {
+  transition: none !important;
+}
+
+.toast.anim-slide-in {
+  transform: translate(var(--toast-slide-x, 0px), var(--toast-slide-y, 24px));
+  opacity: 0;
+}
+
+.toast.anim-slide-in.show {
+  transform: translate(0, 0);
+  opacity: 1;
+}
+
+.toast.anim-fade {
+  transform: none;
+  opacity: 0;
+}
+
+.toast.anim-fade.show {
+  opacity: 1;
+}
+
+.toast.anim-pop {
+  transform: scale(0.9);
+  opacity: 0;
+}
+
+.toast.anim-pop.show {
+  transform: scale(1);
+  opacity: 1;
+}
+
+.toast.anim-bounce {
+  opacity: 0;
+  transform: translateY(calc(var(--toast-dir, 1) * 20px));
+}
+
+.toast.anim-bounce.show {
+  opacity: 1;
+  animation: toast-bounce var(--toast-speed, 0.46s) cubic-bezier(0.22, 1, 0.36, 1) forwards;
+}
+
+.toast.anim-drop {
+  opacity: 0;
+  transform: translateY(calc(var(--toast-dir, 1) * -24px)) scale(0.98);
+}
+
+.toast.anim-drop.show {
+  transform: translateY(0) scale(1);
+  opacity: 1;
+}
+
+.toast.anim-grow {
+  transform: scale(0.85);
+  opacity: 0;
+}
+
+.toast.anim-grow.show {
+  transform: scale(1);
+  opacity: 1;
+}
+
+.toast.leaving {
+  opacity: 0 !important;
+  transform: translateY(12px) !important;
+  max-height: 0 !important;
+  margin: 0 !important;
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+
+@keyframes toast-bounce {
+  0% {
+    opacity: 0;
+    transform: translateY(calc(var(--toast-dir, 1) * 20px)) scale(0.96);
+  }
+  55% {
+    opacity: 1;
+    transform: translateY(calc(var(--toast-dir, 1) * -8px)) scale(1.03);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+.toast-container.pos-bottom-center {
+  bottom: 16px;
+  left: 50%;
+  right: auto;
+  top: auto;
+  transform: translateX(-50%);
+  flex-direction: column-reverse;
+  align-items: center;
+}
+
+.toast-container.pos-bottom-right {
+  bottom: 16px;
+  right: 16px;
+  left: auto;
+  top: auto;
+  transform: none;
+  flex-direction: column-reverse;
+  align-items: flex-end;
+}
+
+.toast-container.pos-bottom-left {
+  bottom: 16px;
+  left: 16px;
+  right: auto;
+  top: auto;
+  transform: none;
+  flex-direction: column-reverse;
+  align-items: flex-start;
+}
+
+.toast-container.pos-top-right {
+  top: 16px;
+  right: 16px;
+  bottom: auto;
+  left: auto;
+  transform: none;
+  flex-direction: column;
+  align-items: flex-end;
+}
+
+.toast-container.pos-top-left {
+  top: 16px;
+  left: 16px;
+  bottom: auto;
+  right: auto;
+  transform: none;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.toast-container.pos-top-center {
+  top: 16px;
+  left: 50%;
+  right: auto;
+  bottom: auto;
+  transform: translateX(-50%);
+  flex-direction: column;
+  align-items: center;
+}