juxscript 1.1.187 → 1.1.188

package/lib/styles/shadcn.css

@@ -438,4 +438,200 @@ code {
 
 .jux-button-warning:hover {
   background: hsl(var(--warning) / 0.9);
+}
+
+/* ═══════════════════════════════════════════════════════════════════
+ * MODAL
+ * ═══════════════════════════════════════════════════════════════════ */
+
+.jux-modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  z-index: 9999;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  backdrop-filter: blur(2px);
+}
+
+.jux-modal {
+  position: relative;
+  background: hsl(var(--background));
+  border: 1px solid hsl(var(--border));
+  border-radius: var(--radius);
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15), 0 2px 10px rgba(0, 0, 0, 0.1);
+  width: 90%;
+  max-height: 85vh;
+  overflow-y: auto;
+  animation: jux-modal-enter 0.2s ease-out;
+}
+
+@keyframes jux-modal-enter {
+  from {
+    opacity: 0;
+    transform: scale(0.96) translateY(8px);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1) translateY(0);
+  }
+}
+
+.jux-modal-small { max-width: 400px; }
+.jux-modal-medium { max-width: 600px; }
+.jux-modal-large { max-width: 900px; }
+
+.jux-modal-close {
+  position: absolute;
+  top: 0.75rem;
+  right: 0.75rem;
+  width: 2rem;
+  height: 2rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  border: none;
+  border-radius: var(--radius);
+  color: hsl(var(--muted-foreground));
+  font-size: 1.25rem;
+  cursor: pointer;
+  transition: all 0.15s;
+  z-index: 1;
+}
+
+.jux-modal-close:hover {
+  background: hsl(var(--muted));
+  color: hsl(var(--foreground));
+}
+
+.jux-modal-header {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 1.25rem 1.5rem;
+  border-bottom: 1px solid hsl(var(--border));
+}
+
+.jux-modal-header-icon {
+  display: flex;
+  align-items: center;
+  color: hsl(var(--foreground));
+}
+
+.jux-modal-header-title {
+  font-size: 1.125rem;
+  font-weight: 600;
+  color: hsl(var(--foreground));
+}
+
+.jux-modal-content {
+  padding: 1.5rem;
+}
+
+.jux-modal-footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 0.5rem;
+  padding: 1rem 1.5rem;
+  border-top: 1px solid hsl(var(--border));
+  background: hsl(var(--muted) / 0.3);
+  border-radius: 0 0 var(--radius) var(--radius);
+}
+
+.jux-modal-action {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+  border-radius: var(--radius);
+  font-size: 0.875rem;
+  font-weight: 500;
+  height: 2.25rem;
+  padding: 0 1rem;
+  cursor: pointer;
+  transition: all 0.15s;
+  border: none;
+}
+
+.jux-modal-action-primary {
+  background: hsl(var(--primary));
+  color: hsl(var(--primary-foreground));
+}
+
+.jux-modal-action-primary:hover {
+  opacity: 0.9;
+}
+
+.jux-modal-action-secondary {
+  background: transparent;
+  border: 1px solid hsl(var(--input));
+  color: hsl(var(--foreground));
+}
+
+.jux-modal-action-secondary:hover {
+  background: hsl(var(--accent));
+}
+
+.jux-modal-action-default {
+  background: hsl(var(--primary));
+  color: hsl(var(--primary-foreground));
+}
+
+/* Position variants */
+.jux-modal-position-top { align-items: flex-start; padding-top: 5vh; }
+.jux-modal-position-bottom { align-items: flex-end; padding-bottom: 5vh; }
+.jux-modal-position-fullscreen .jux-modal { width: 100%; max-width: 100%; height: 100vh; max-height: 100vh; border-radius: 0; }
+
+/* ═══════════════════════════════════════════════════════════════════
+ * RESHAPE MODAL (DataFrame Import Settings)
+ * ═══════════════════════════════════════════════════════════════════ */
+
+.jux-reshape-hint {
+  font-size: 0.8125rem;
+  color: hsl(var(--muted-foreground));
+  margin-top: 0.5rem;
+  padding: 0.625rem 0.75rem;
+  background: hsl(var(--warning) / 0.08);
+  border-radius: var(--radius);
+  border: 1px solid hsl(var(--warning) / 0.2);
+  line-height: 1.5;
+}
+
+.jux-reshape-hint strong {
+  color: hsl(var(--foreground));
+}
+
+.jux-reshape-preview-container {
+  border: 1px solid hsl(var(--border));
+  border-radius: var(--radius);
+  padding: 1rem;
+  background: hsl(var(--muted) / 0.3);
+  max-height: 400px;
+  overflow: auto;
+}
+
+.jux-reshape-preview {
+  font-family: 'JetBrains Mono', 'Cascadia Code', 'Fira Code', 'Courier New', monospace;
+  font-size: 0.6875rem;
+  white-space: pre;
+  color: hsl(var(--foreground));
+  line-height: 1.6;
+  tab-size: 4;
+}
+
+/* ═══════════════════════════════════════════════════════════════════
+ * BUTTON SIZES
+ * ═══════════════════════════════════════════════════════════════════ */
+
+.jux-button-sm {
+  height: 1.75rem;
+  padding: 0 0.625rem;
+  font-size: 0.75rem;
+  border-radius: calc(var(--radius) - 2px);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "juxscript",
-  "version": "1.1.187",
+  "version": "1.1.188",
   "type": "module",
   "description": "A JavaScript UX authorship platform",
   "main": "index.js",