@leanmcp/ui 0.1.0 → 0.2.0

package/dist/index.css

@@ -10,6 +10,8 @@
   border-radius: var(--lui-radius-md);
   cursor: pointer;
   transition: all var(--lui-transition);
+  -webkit-user-select: none;
+  -moz-user-select: none;
   user-select: none;
   white-space: nowrap;
 }
@@ -124,236 +126,6 @@
   height: 20px;
 }
 
-/* src/core/Input.css */
-.lui-input-wrapper {
-  display: flex;
-  flex-direction: column;
-  gap: var(--lui-space-1);
-}
-.lui-input-wrapper--full-width {
-  width: 100%;
-}
-.lui-input-label {
-  font-size: var(--lui-text-sm);
-  font-weight: 500;
-  color: var(--lui-text);
-}
-.lui-input-container {
-  display: flex;
-  align-items: center;
-  background: var(--lui-bg);
-  border: 1px solid var(--lui-border);
-  border-radius: var(--lui-radius-md);
-  transition: all var(--lui-transition);
-}
-.lui-input-container:focus-within {
-  border-color: var(--lui-border-focus);
-  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
-}
-.lui-input-container--error {
-  border-color: var(--lui-error);
-}
-.lui-input-container--error:focus-within {
-  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
-}
-.lui-input-container--sm {
-  height: 32px;
-}
-.lui-input-container--md {
-  height: 40px;
-}
-.lui-input-container--lg {
-  height: 48px;
-}
-.lui-input {
-  flex: 1;
-  min-width: 0;
-  height: 100%;
-  padding: 0 var(--lui-space-3);
-  font-family: var(--lui-font-sans);
-  font-size: var(--lui-text-sm);
-  color: var(--lui-text);
-  background: transparent;
-  border: none;
-  outline: none;
-}
-.lui-input::placeholder {
-  color: var(--lui-text-muted);
-}
-.lui-input-container--has-left .lui-input {
-  padding-left: 0;
-}
-.lui-input-container--has-right .lui-input {
-  padding-right: 0;
-}
-.lui-input-element {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 var(--lui-space-3);
-  color: var(--lui-text-muted);
-}
-.lui-input-element svg {
-  width: 16px;
-  height: 16px;
-}
-.lui-input-message {
-  margin: 0;
-  font-size: var(--lui-text-xs);
-  color: var(--lui-text-muted);
-}
-.lui-input-message--error {
-  color: var(--lui-error);
-}
-
-/* src/mcp/ToolForm.css */
-.lui-tool-form {
-  display: flex;
-  flex-direction: column;
-  gap: var(--lui-space-4);
-}
-.lui-tool-form-fields {
-  display: flex;
-  flex-direction: column;
-  gap: var(--lui-space-3);
-}
-.lui-tool-form-field {
-  display: flex;
-  flex-direction: column;
-}
-.lui-tool-form-textarea {
-  width: 100%;
-  min-height: 100px;
-  padding: var(--lui-space-3);
-  font-family: var(--lui-font-sans);
-  font-size: var(--lui-text-sm);
-  color: var(--lui-text);
-  background: var(--lui-bg);
-  border: 1px solid var(--lui-border);
-  border-radius: var(--lui-radius-md);
-  resize: vertical;
-  outline: none;
-  transition: all var(--lui-transition);
-}
-.lui-tool-form-textarea:focus {
-  border-color: var(--lui-border-focus);
-  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
-}
-.lui-tool-form-textarea::placeholder {
-  color: var(--lui-text-muted);
-}
-.lui-tool-form-actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--lui-space-3);
-}
-.lui-tool-form-error {
-  padding: var(--lui-space-3);
-  font-size: var(--lui-text-sm);
-  color: var(--lui-error);
-  background: rgba(239, 68, 68, 0.1);
-  border-radius: var(--lui-radius-md);
-}
-.lui-tool-form-result {
-  padding: var(--lui-space-3);
-  font-family: var(--lui-font-mono);
-  font-size: var(--lui-text-xs);
-  color: var(--lui-text-secondary);
-  background: var(--lui-surface);
-  border-radius: var(--lui-radius-md);
-  overflow-x: auto;
-}
-.lui-tool-form-result pre {
-  margin: 0;
-}
-
-/* src/core/Card.css */
-.lui-card {
-  background: var(--lui-bg);
-  border-radius: var(--lui-radius-lg);
-  overflow: hidden;
-}
-.lui-card--default {
-  border: 1px solid var(--lui-border);
-}
-.lui-card--outline {
-  border: 1px solid var(--lui-border);
-  background: transparent;
-}
-.lui-card--elevated {
-  border: none;
-  box-shadow: var(--lui-shadow-md);
-}
-.lui-card--padding-none {
-  padding: 0;
-}
-.lui-card--padding-sm {
-  padding: var(--lui-space-3);
-}
-.lui-card--padding-md {
-  padding: var(--lui-space-4);
-}
-.lui-card--padding-lg {
-  padding: var(--lui-space-6);
-}
-.lui-card--interactive {
-  cursor: pointer;
-  transition: all var(--lui-transition);
-}
-.lui-card--interactive:hover {
-  border-color: var(--lui-primary);
-  box-shadow: var(--lui-shadow-md);
-}
-.lui-card-header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: var(--lui-space-4);
-  padding: var(--lui-space-4);
-  border-bottom: 1px solid var(--lui-border);
-}
-.lui-card--padding-none .lui-card-header {
-  padding: var(--lui-space-4);
-}
-.lui-card-header__text {
-  flex: 1;
-  min-width: 0;
-}
-.lui-card-header__title {
-  margin: 0;
-  font-size: var(--lui-text-lg);
-  font-weight: 600;
-  color: var(--lui-text);
-  line-height: 1.4;
-}
-.lui-card-header__description {
-  margin: var(--lui-space-1) 0 0;
-  font-size: var(--lui-text-sm);
-  color: var(--lui-text-muted);
-  line-height: 1.5;
-}
-.lui-card-header__action {
-  flex-shrink: 0;
-}
-.lui-card-content {
-  padding: var(--lui-space-4);
-}
-.lui-card--padding-none .lui-card-content {
-  padding: var(--lui-space-4);
-}
-.lui-card-footer {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: var(--lui-space-3);
-  padding: var(--lui-space-4);
-  border-top: 1px solid var(--lui-border);
-  background: var(--lui-bg-secondary);
-}
-.lui-card--padding-none .lui-card-footer {
-  padding: var(--lui-space-4);
-}
-
 /* src/data/DataGrid.css */
 .lui-datagrid {
   display: flex;
@@ -381,6 +153,9 @@
   border-color: var(--lui-border-focus);
   box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
 }
+.lui-datagrid-search-input::-moz-placeholder {
+  color: var(--lui-text-muted);
+}
 .lui-datagrid-search-input::placeholder {
   color: var(--lui-text-muted);
 }
@@ -405,6 +180,8 @@
 }
 .lui-datagrid-th--sortable {
   cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
   user-select: none;
 }
 .lui-datagrid-th--sortable:hover {
@@ -504,6 +281,137 @@
   border-top: 1px solid var(--lui-border);
 }
 
+/* src/layout/Tabs.css */
+.lui-tabs {
+  display: flex;
+  flex-direction: column;
+}
+.lui-tabs-list {
+  display: flex;
+  border-bottom: 1px solid var(--lui-border, #e0e0e0);
+  gap: 0.25rem;
+}
+.lui-tabs-trigger {
+  padding: 0.5rem 1rem;
+  background: none;
+  border: none;
+  border-bottom: 2px solid transparent;
+  margin-bottom: -1px;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--lui-text-secondary, #666);
+  cursor: pointer;
+  transition: color 0.15s, border-color 0.15s;
+}
+.lui-tabs-trigger:hover:not(:disabled) {
+  color: var(--lui-text-primary, #1a1a1a);
+}
+.lui-tabs-trigger[data-state=active] {
+  color: var(--lui-primary, #3b82f6);
+  border-bottom-color: var(--lui-primary, #3b82f6);
+}
+.lui-tabs-trigger:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.lui-tabs-content {
+  padding: 1rem 0;
+}
+.lui-tabs-content[data-state=inactive] {
+  display: none;
+}
+[data-theme=dark] .lui-tabs-list {
+  border-bottom-color: var(--lui-border, #444);
+}
+[data-theme=dark] .lui-tabs-trigger {
+  color: var(--lui-text-secondary, #999);
+}
+[data-theme=dark] .lui-tabs-trigger:hover:not(:disabled) {
+  color: var(--lui-text-primary, #f5f5f5);
+}
+
+/* src/layout/Modal.css */
+.lui-modal-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.7);
+  animation: lui-modal-overlay-show 0.15s ease;
+  z-index: 1000;
+}
+@keyframes lui-modal-overlay-show {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.lui-modal-content {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: var(--lui-bg-primary, #fff);
+  border-radius: var(--lui-radius-lg, 8px);
+  font-family: var(--lui-font-sans);
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
+  padding: 1.5rem;
+  max-width: 90vw;
+  max-height: 90vh;
+  overflow: auto;
+  animation: lui-modal-content-show 0.2s ease;
+  z-index: 1001;
+}
+@keyframes lui-modal-content-show {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -48%) scale(0.96);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+}
+.lui-modal-title {
+  font-size: 1.125rem;
+  font-weight: 600;
+  color: var(--lui-text-primary, #1a1a1a);
+  margin: 0 0 0.5rem 0;
+  padding-right: 2rem;
+}
+.lui-modal-description {
+  font-size: 0.875rem;
+  color: var(--lui-text-secondary, #666);
+  margin: 0 0 1rem 0;
+}
+.lui-modal-close {
+  position: absolute;
+  top: 1rem;
+  right: 1rem;
+  background: none;
+  border: none;
+  padding: 0.25rem;
+  cursor: pointer;
+  color: var(--lui-text-secondary, #666);
+  opacity: 0.7;
+  transition: opacity 0.15s;
+}
+.lui-modal-close:hover {
+  opacity: 1;
+}
+[data-theme=dark] .lui-modal-content {
+  background: var(--lui-bg-primary, #1a1a1a);
+}
+[data-theme=dark] .lui-modal-title {
+  color: var(--lui-text-primary, #f5f5f5);
+}
+[data-theme=dark] .lui-modal-description {
+  color: var(--lui-text-secondary, #999);
+}
+[data-theme=dark] .lui-modal-close {
+  color: var(--lui-text-secondary, #999);
+}
+
 /* src/media/CodeBlock.css */
 .lui-code-block {
   position: relative;
@@ -554,6 +462,180 @@
   margin-right: var(--lui-space-3);
   color: #64748b;
   text-align: right;
+  -webkit-user-select: none;
+  -moz-user-select: none;
   user-select: none;
 }
+
+/* src/core/Card.css */
+.lui-card {
+  background: var(--lui-bg);
+  border-radius: var(--lui-radius-lg);
+  overflow: hidden;
+}
+.lui-card--default {
+  border: 1px solid var(--lui-border);
+}
+.lui-card--outline {
+  border: 1px solid var(--lui-border);
+  background: transparent;
+}
+.lui-card--elevated {
+  border: none;
+  box-shadow: var(--lui-shadow-md);
+}
+.lui-card--padding-none {
+  padding: 0;
+}
+.lui-card--padding-sm {
+  padding: var(--lui-space-3);
+}
+.lui-card--padding-md {
+  padding: var(--lui-space-4);
+}
+.lui-card--padding-lg {
+  padding: var(--lui-space-6);
+}
+.lui-card--interactive {
+  cursor: pointer;
+  transition: all var(--lui-transition);
+}
+.lui-card--interactive:hover {
+  border-color: var(--lui-primary);
+  box-shadow: var(--lui-shadow-md);
+}
+.lui-card-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: var(--lui-space-4);
+  padding: var(--lui-space-4);
+  border-bottom: 1px solid var(--lui-border);
+}
+.lui-card--padding-none .lui-card-header {
+  padding: var(--lui-space-4);
+}
+.lui-card-header__text {
+  flex: 1;
+  min-width: 0;
+}
+.lui-card-header__title {
+  margin: 0;
+  font-size: var(--lui-text-lg);
+  font-weight: 600;
+  color: var(--lui-text);
+  line-height: 1.4;
+}
+.lui-card-header__description {
+  margin: var(--lui-space-1) 0 0;
+  font-size: var(--lui-text-sm);
+  color: var(--lui-text-muted);
+  line-height: 1.5;
+}
+.lui-card-header__action {
+  flex-shrink: 0;
+}
+.lui-card-content {
+  padding: var(--lui-space-4);
+}
+.lui-card--padding-none .lui-card-content {
+  padding: var(--lui-space-4);
+}
+.lui-card-footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: var(--lui-space-3);
+  padding: var(--lui-space-4);
+  border-top: 1px solid var(--lui-border);
+  background: var(--lui-bg-secondary);
+}
+.lui-card--padding-none .lui-card-footer {
+  padding: var(--lui-space-4);
+}
+
+/* src/core/Input.css */
+.lui-input-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: var(--lui-space-1);
+}
+.lui-input-wrapper--full-width {
+  width: 100%;
+}
+.lui-input-label {
+  font-size: var(--lui-text-sm);
+  font-weight: 500;
+  color: var(--lui-text);
+}
+.lui-input-container {
+  display: flex;
+  align-items: center;
+  background: var(--lui-bg);
+  border: 1px solid var(--lui-border);
+  border-radius: var(--lui-radius-md);
+  transition: all var(--lui-transition);
+}
+.lui-input-container:focus-within {
+  border-color: var(--lui-border-focus);
+  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
+}
+.lui-input-container--error {
+  border-color: var(--lui-error);
+}
+.lui-input-container--error:focus-within {
+  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
+}
+.lui-input-container--sm {
+  height: 32px;
+}
+.lui-input-container--md {
+  height: 40px;
+}
+.lui-input-container--lg {
+  height: 48px;
+}
+.lui-input {
+  flex: 1;
+  min-width: 0;
+  height: 100%;
+  padding: 0 var(--lui-space-3);
+  font-family: var(--lui-font-sans);
+  font-size: var(--lui-text-sm);
+  color: var(--lui-text);
+  background: transparent;
+  border: none;
+  outline: none;
+}
+.lui-input::-moz-placeholder {
+  color: var(--lui-text-muted);
+}
+.lui-input::placeholder {
+  color: var(--lui-text-muted);
+}
+.lui-input-container--has-left .lui-input {
+  padding-left: 0;
+}
+.lui-input-container--has-right .lui-input {
+  padding-right: 0;
+}
+.lui-input-element {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 var(--lui-space-3);
+  color: var(--lui-text-muted);
+}
+.lui-input-element svg {
+  width: 16px;
+  height: 16px;
+}
+.lui-input-message {
+  margin: 0;
+  font-size: var(--lui-text-xs);
+  color: var(--lui-text-muted);
+}
+.lui-input-message--error {
+  color: var(--lui-error);
+}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/Button.css","../src/core/Input.css","../src/mcp/ToolForm.css","../src/core/Card.css","../src/data/DataGrid.css","../src/data/Chart.css","../src/layout/AppShell.css","../src/media/CodeBlock.css"],"sourcesContent":["/* Button Component Styles */\r\n\r\n.lui-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: var(--lui-space-2);\r\n    font-family: var(--lui-font-sans);\r\n    font-weight: 500;\r\n    border: none;\r\n    border-radius: var(--lui-radius-md);\r\n    cursor: pointer;\r\n    transition: all var(--lui-transition);\r\n    user-select: none;\r\n    white-space: nowrap;\r\n}\r\n\r\n.lui-button:focus-visible {\r\n    outline: 2px solid var(--lui-border-focus);\r\n    outline-offset: 2px;\r\n}\r\n\r\n.lui-button:disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed;\r\n}\r\n\r\n/* Variants */\r\n.lui-button--primary {\r\n    background: var(--lui-primary);\r\n    color: var(--lui-text-inverse);\r\n}\r\n\r\n.lui-button--primary:hover:not(:disabled) {\r\n    background: var(--lui-primary-hover);\r\n}\r\n\r\n.lui-button--primary:active:not(:disabled) {\r\n    background: var(--lui-primary-active);\r\n}\r\n\r\n.lui-button--secondary {\r\n    background: var(--lui-surface);\r\n    color: var(--lui-text);\r\n}\r\n\r\n.lui-button--secondary:hover:not(:disabled) {\r\n    background: var(--lui-surface-hover);\r\n}\r\n\r\n.lui-button--ghost {\r\n    background: transparent;\r\n    color: var(--lui-text);\r\n}\r\n\r\n.lui-button--ghost:hover:not(:disabled) {\r\n    background: var(--lui-surface);\r\n}\r\n\r\n.lui-button--outline {\r\n    background: transparent;\r\n    color: var(--lui-primary);\r\n    border: 1px solid var(--lui-border);\r\n}\r\n\r\n.lui-button--outline:hover:not(:disabled) {\r\n    background: var(--lui-surface);\r\n    border-color: var(--lui-primary);\r\n}\r\n\r\n.lui-button--destructive {\r\n    background: var(--lui-error);\r\n    color: var(--lui-text-inverse);\r\n}\r\n\r\n.lui-button--destructive:hover:not(:disabled) {\r\n    background: #dc2626;\r\n}\r\n\r\n/* Sizes */\r\n.lui-button--sm {\r\n    height: 32px;\r\n    padding: 0 var(--lui-space-3);\r\n    font-size: var(--lui-text-sm);\r\n}\r\n\r\n.lui-button--md {\r\n    height: 40px;\r\n    padding: 0 var(--lui-space-4);\r\n    font-size: var(--lui-text-sm);\r\n}\r\n\r\n.lui-button--lg {\r\n    height: 48px;\r\n    padding: 0 var(--lui-space-6);\r\n    font-size: var(--lui-text-base);\r\n}\r\n\r\n.lui-button--icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    padding: 0;\r\n}\r\n\r\n.lui-button--icon.lui-button--sm {\r\n    width: 32px;\r\n    height: 32px;\r\n}\r\n\r\n.lui-button--icon.lui-button--lg {\r\n    width: 48px;\r\n    height: 48px;\r\n}\r\n\r\n/* Loading state */\r\n.lui-button--loading {\r\n    position: relative;\r\n}\r\n\r\n.lui-button__spinner {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.lui-spinner-icon {\r\n    width: 16px;\r\n    height: 16px;\r\n    animation: lui-spin 1s linear infinite;\r\n}\r\n\r\n@keyframes lui-spin {\r\n    from {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    to {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n.lui-button__icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.lui-button__icon svg {\r\n    width: 16px;\r\n    height: 16px;\r\n}\r\n\r\n.lui-button--lg .lui-button__icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n}","/* Input Component Styles */\r\n\r\n.lui-input-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--lui-space-1);\r\n}\r\n\r\n.lui-input-wrapper--full-width {\r\n    width: 100%;\r\n}\r\n\r\n.lui-input-label {\r\n    font-size: var(--lui-text-sm);\r\n    font-weight: 500;\r\n    color: var(--lui-text);\r\n}\r\n\r\n.lui-input-container {\r\n    display: flex;\r\n    align-items: center;\r\n    background: var(--lui-bg);\r\n    border: 1px solid var(--lui-border);\r\n    border-radius: var(--lui-radius-md);\r\n    transition: all var(--lui-transition);\r\n}\r\n\r\n.lui-input-container:focus-within {\r\n    border-color: var(--lui-border-focus);\r\n    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);\r\n}\r\n\r\n.lui-input-container--error {\r\n    border-color: var(--lui-error);\r\n}\r\n\r\n.lui-input-container--error:focus-within {\r\n    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);\r\n}\r\n\r\n/* Sizes */\r\n.lui-input-container--sm {\r\n    height: 32px;\r\n}\r\n\r\n.lui-input-container--md {\r\n    height: 40px;\r\n}\r\n\r\n.lui-input-container--lg {\r\n    height: 48px;\r\n}\r\n\r\n.lui-input {\r\n    flex: 1;\r\n    min-width: 0;\r\n    height: 100%;\r\n    padding: 0 var(--lui-space-3);\r\n    font-family: var(--lui-font-sans);\r\n    font-size: var(--lui-text-sm);\r\n    color: var(--lui-text);\r\n    background: transparent;\r\n    border: none;\r\n    outline: none;\r\n}\r\n\r\n.lui-input::placeholder {\r\n    color: var(--lui-text-muted);\r\n}\r\n\r\n.lui-input-container--has-left .lui-input {\r\n    padding-left: 0;\r\n}\r\n\r\n.lui-input-container--has-right .lui-input {\r\n    padding-right: 0;\r\n}\r\n\r\n/* Input elements (icons) */\r\n.lui-input-element {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0 var(--lui-space-3);\r\n    color: var(--lui-text-muted);\r\n}\r\n\r\n.lui-input-element svg {\r\n    width: 16px;\r\n    height: 16px;\r\n}\r\n\r\n/* Messages */\r\n.lui-input-message {\r\n    margin: 0;\r\n    font-size: var(--lui-text-xs);\r\n    color: var(--lui-text-muted);\r\n}\r\n\r\n.lui-input-message--error {\r\n    color: var(--lui-error);\r\n}","/* ToolForm Component Styles */\r\n\r\n.lui-tool-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--lui-space-4);\r\n}\r\n\r\n.lui-tool-form-fields {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--lui-space-3);\r\n}\r\n\r\n.lui-tool-form-field {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.lui-tool-form-textarea {\r\n    width: 100%;\r\n    min-height: 100px;\r\n    padding: var(--lui-space-3);\r\n    font-family: var(--lui-font-sans);\r\n    font-size: var(--lui-text-sm);\r\n    color: var(--lui-text);\r\n    background: var(--lui-bg);\r\n    border: 1px solid var(--lui-border);\r\n    border-radius: var(--lui-radius-md);\r\n    resize: vertical;\r\n    outline: none;\r\n    transition: all var(--lui-transition);\r\n}\r\n\r\n.lui-tool-form-textarea:focus {\r\n    border-color: var(--lui-border-focus);\r\n    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);\r\n}\r\n\r\n.lui-tool-form-textarea::placeholder {\r\n    color: var(--lui-text-muted);\r\n}\r\n\r\n.lui-tool-form-actions {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    gap: var(--lui-space-3);\r\n}\r\n\r\n.lui-tool-form-error {\r\n    padding: var(--lui-space-3);\r\n    font-size: var(--lui-text-sm);\r\n    color: var(--lui-error);\r\n    background: rgba(239, 68, 68, 0.1);\r\n    border-radius: var(--lui-radius-md);\r\n}\r\n\r\n.lui-tool-form-result {\r\n    padding: var(--lui-space-3);\r\n    font-family: var(--lui-font-mono);\r\n    font-size: var(--lui-text-xs);\r\n    color: var(--lui-text-secondary);\r\n    background: var(--lui-surface);\r\n    border-radius: var(--lui-radius-md);\r\n    overflow-x: auto;\r\n}\r\n\r\n.lui-tool-form-result pre {\r\n    margin: 0;\r\n}","/* Card Component Styles */\r\n\r\n.lui-card {\r\n    background: var(--lui-bg);\r\n    border-radius: var(--lui-radius-lg);\r\n    overflow: hidden;\r\n}\r\n\r\n/* Variants */\r\n.lui-card--default {\r\n    border: 1px solid var(--lui-border);\r\n}\r\n\r\n.lui-card--outline {\r\n    border: 1px solid var(--lui-border);\r\n    background: transparent;\r\n}\r\n\r\n.lui-card--elevated {\r\n    border: none;\r\n    box-shadow: var(--lui-shadow-md);\r\n}\r\n\r\n/* Padding */\r\n.lui-card--padding-none {\r\n    padding: 0;\r\n}\r\n\r\n.lui-card--padding-sm {\r\n    padding: var(--lui-space-3);\r\n}\r\n\r\n.lui-card--padding-md {\r\n    padding: var(--lui-space-4);\r\n}\r\n\r\n.lui-card--padding-lg {\r\n    padding: var(--lui-space-6);\r\n}\r\n\r\n/* Interactive */\r\n.lui-card--interactive {\r\n    cursor: pointer;\r\n    transition: all var(--lui-transition);\r\n}\r\n\r\n.lui-card--interactive:hover {\r\n    border-color: var(--lui-primary);\r\n    box-shadow: var(--lui-shadow-md);\r\n}\r\n\r\n/* Card Header */\r\n.lui-card-header {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    gap: var(--lui-space-4);\r\n    padding: var(--lui-space-4);\r\n    border-bottom: 1px solid var(--lui-border);\r\n}\r\n\r\n.lui-card--padding-none .lui-card-header {\r\n    padding: var(--lui-space-4);\r\n}\r\n\r\n.lui-card-header__text {\r\n    flex: 1;\r\n    min-width: 0;\r\n}\r\n\r\n.lui-card-header__title {\r\n    margin: 0;\r\n    font-size: var(--lui-text-lg);\r\n    font-weight: 600;\r\n    color: var(--lui-text);\r\n    line-height: 1.4;\r\n}\r\n\r\n.lui-card-header__description {\r\n    margin: var(--lui-space-1) 0 0;\r\n    font-size: var(--lui-text-sm);\r\n    color: var(--lui-text-muted);\r\n    line-height: 1.5;\r\n}\r\n\r\n.lui-card-header__action {\r\n    flex-shrink: 0;\r\n}\r\n\r\n/* Card Content */\r\n.lui-card-content {\r\n    padding: var(--lui-space-4);\r\n}\r\n\r\n.lui-card--padding-none .lui-card-content {\r\n    padding: var(--lui-space-4);\r\n}\r\n\r\n/* Card Footer */\r\n.lui-card-footer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n    gap: var(--lui-space-3);\r\n    padding: var(--lui-space-4);\r\n    border-top: 1px solid var(--lui-border);\r\n    background: var(--lui-bg-secondary);\r\n}\r\n\r\n.lui-card--padding-none .lui-card-footer {\r\n    padding: var(--lui-space-4);\r\n}","/* DataGrid Component Styles */\r\n\r\n.lui-datagrid {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--lui-space-3);\r\n    width: 100%;\r\n}\r\n\r\n.lui-datagrid-search {\r\n    display: flex;\r\n}\r\n\r\n.lui-datagrid-search-input {\r\n    flex: 1;\r\n    height: 36px;\r\n    padding: 0 var(--lui-space-3);\r\n    font-family: var(--lui-font-sans);\r\n    font-size: var(--lui-text-sm);\r\n    color: var(--lui-text);\r\n    background: var(--lui-bg);\r\n    border: 1px solid var(--lui-border);\r\n    border-radius: var(--lui-radius-md);\r\n    outline: none;\r\n    transition: all var(--lui-transition);\r\n}\r\n\r\n.lui-datagrid-search-input:focus {\r\n    border-color: var(--lui-border-focus);\r\n    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);\r\n}\r\n\r\n.lui-datagrid-search-input::placeholder {\r\n    color: var(--lui-text-muted);\r\n}\r\n\r\n.lui-datagrid-container {\r\n    overflow-x: auto;\r\n    border: 1px solid var(--lui-border);\r\n    border-radius: var(--lui-radius-md);\r\n}\r\n\r\n.lui-datagrid-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    font-size: var(--lui-text-sm);\r\n}\r\n\r\n.lui-datagrid-th {\r\n    padding: var(--lui-space-3) var(--lui-space-4);\r\n    text-align: left;\r\n    font-weight: 600;\r\n    color: var(--lui-text);\r\n    background: var(--lui-bg-secondary);\r\n    border-bottom: 1px solid var(--lui-border);\r\n    white-space: nowrap;\r\n}\r\n\r\n.lui-datagrid-th--sortable {\r\n    cursor: pointer;\r\n    user-select: none;\r\n}\r\n\r\n.lui-datagrid-th--sortable:hover {\r\n    background: var(--lui-surface);\r\n}\r\n\r\n.lui-datagrid-th-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--lui-space-2);\r\n}\r\n\r\n.lui-datagrid-sort-icon {\r\n    font-size: var(--lui-text-xs);\r\n    color: var(--lui-primary);\r\n}\r\n\r\n.lui-datagrid-td {\r\n    padding: var(--lui-space-3) var(--lui-space-4);\r\n    color: var(--lui-text);\r\n    border-bottom: 1px solid var(--lui-border);\r\n}\r\n\r\n.lui-datagrid-row:last-child .lui-datagrid-td {\r\n    border-bottom: none;\r\n}\r\n\r\n.lui-datagrid-row--clickable {\r\n    cursor: pointer;\r\n    transition: background var(--lui-transition);\r\n}\r\n\r\n.lui-datagrid-row--clickable:hover {\r\n    background: var(--lui-surface);\r\n}\r\n\r\n.lui-datagrid-loading,\r\n.lui-datagrid-empty {\r\n    padding: var(--lui-space-8);\r\n    text-align: center;\r\n    color: var(--lui-text-muted);\r\n}","/* Chart Component Styles */\r\n\r\n.lui-chart {\r\n    position: relative;\r\n    background: var(--lui-bg);\r\n    border-radius: var(--lui-radius-md);\r\n    padding: var(--lui-space-4);\r\n}","/* AppShell Component Styles */\r\n\r\n.lui-app-shell {\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-height: 100%;\r\n    background: var(--lui-bg);\r\n    color: var(--lui-text);\r\n    font-family: var(--lui-font-sans);\r\n}\r\n\r\n/* Padding variants */\r\n.lui-app-shell--padding-none .lui-app-shell-main {\r\n    padding: 0;\r\n}\r\n\r\n.lui-app-shell--padding-sm .lui-app-shell-main {\r\n    padding: var(--lui-space-3);\r\n}\r\n\r\n.lui-app-shell--padding-md .lui-app-shell-main {\r\n    padding: var(--lui-space-4);\r\n}\r\n\r\n.lui-app-shell--padding-lg .lui-app-shell-main {\r\n    padding: var(--lui-space-6);\r\n}\r\n\r\n/* Header */\r\n.lui-app-shell-header {\r\n    flex-shrink: 0;\r\n    padding: var(--lui-space-3) var(--lui-space-4);\r\n    background: var(--lui-bg);\r\n    border-bottom: 1px solid var(--lui-border);\r\n}\r\n\r\n/* Body (sidebar + main) */\r\n.lui-app-shell-body {\r\n    display: flex;\r\n    flex: 1;\r\n    min-height: 0;\r\n}\r\n\r\n/* Sidebar */\r\n.lui-app-shell-sidebar {\r\n    flex-shrink: 0;\r\n    padding: var(--lui-space-4);\r\n    background: var(--lui-bg-secondary);\r\n    border-right: 1px solid var(--lui-border);\r\n    overflow-y: auto;\r\n}\r\n\r\n.lui-app-shell-sidebar:last-child {\r\n    border-right: none;\r\n    border-left: 1px solid var(--lui-border);\r\n}\r\n\r\n/* Main */\r\n.lui-app-shell-main {\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* Footer */\r\n.lui-app-shell-footer {\r\n    flex-shrink: 0;\r\n    padding: var(--lui-space-3) var(--lui-space-4);\r\n    background: var(--lui-bg-secondary);\r\n    border-top: 1px solid var(--lui-border);\r\n}","/* CodeBlock Component Styles */\r\n\r\n.lui-code-block {\r\n    position: relative;\r\n    border-radius: var(--lui-radius-md);\r\n    overflow: hidden;\r\n}\r\n\r\n.lui-code-block-pre {\r\n    margin: 0;\r\n    padding: var(--lui-space-4);\r\n    font-family: var(--lui-font-mono);\r\n    font-size: var(--lui-text-sm);\r\n    line-height: 1.6;\r\n    overflow-x: auto;\r\n}\r\n\r\n.lui-code-block-copy {\r\n    position: absolute;\r\n    top: var(--lui-space-2);\r\n    right: var(--lui-space-2);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    padding: 0;\r\n    color: #94a3b8;\r\n    background: rgba(30, 41, 59, 0.8);\r\n    border: 1px solid rgba(148, 163, 184, 0.2);\r\n    border-radius: var(--lui-radius-sm);\r\n    cursor: pointer;\r\n    opacity: 0;\r\n    transition: all var(--lui-transition);\r\n}\r\n\r\n.lui-code-block:hover .lui-code-block-copy {\r\n    opacity: 1;\r\n}\r\n\r\n.lui-code-block-copy:hover {\r\n    color: #f1f5f9;\r\n    background: rgba(30, 41, 59, 1);\r\n    border-color: rgba(148, 163, 184, 0.4);\r\n}\r\n\r\n.lui-code-block-copy svg {\r\n    width: 16px;\r\n    height: 16px;\r\n}\r\n\r\n.lui-code-block-line-number {\r\n    display: inline-block;\r\n    width: 2em;\r\n    margin-right: var(--lui-space-3);\r\n    color: #64748b;\r\n    text-align: right;\r\n    user-select: none;\r\n}"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/core/Button.css","../src/data/DataGrid.css","../src/data/Chart.css","../src/layout/AppShell.css","../src/layout/Tabs.css","../src/layout/Modal.css","../src/media/CodeBlock.css","../src/core/Card.css","../src/core/Input.css"],"sourcesContent":["/* Button Component Styles */\r\n\r\n.lui-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: var(--lui-space-2);\r\n    font-family: var(--lui-font-sans);\r\n    font-weight: 500;\r\n    border: none;\r\n    border-radius: var(--lui-radius-md);\r\n    cursor: pointer;\r\n    transition: all var(--lui-transition);\r\n    -webkit-user-select: none;\r\n       -moz-user-select: none;\r\n            user-select: none;\r\n    white-space: nowrap;\r\n}\r\n\r\n.lui-button:focus-visible {\r\n    outline: 2px solid var(--lui-border-focus);\r\n    outline-offset: 2px;\r\n}\r\n\r\n.lui-button:disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed;\r\n}\r\n\r\n/* Variants */\r\n.lui-button--primary {\r\n    background: var(--lui-primary);\r\n    color: var(--lui-text-inverse);\r\n}\r\n\r\n.lui-button--primary:hover:not(:disabled) {\r\n    background: var(--lui-primary-hover);\r\n}\r\n\r\n.lui-button--primary:active:not(:disabled) {\r\n    background: var(--lui-primary-active);\r\n}\r\n\r\n.lui-button--secondary {\r\n    background: var(--lui-surface);\r\n    color: var(--lui-text);\r\n}\r\n\r\n.lui-button--secondary:hover:not(:disabled) {\r\n    background: var(--lui-surface-hover);\r\n}\r\n\r\n.lui-button--ghost {\r\n    background: transparent;\r\n    color: var(--lui-text);\r\n}\r\n\r\n.lui-button--ghost:hover:not(:disabled) {\r\n    background: var(--lui-surface);\r\n}\r\n\r\n.lui-button--outline {\r\n    background: transparent;\r\n    color: var(--lui-primary);\r\n    border: 1px solid var(--lui-border);\r\n}\r\n\r\n.lui-button--outline:hover:not(:disabled) {\r\n    background: var(--lui-surface);\r\n    border-color: var(--lui-primary);\r\n}\r\n\r\n.lui-button--destructive {\r\n    background: var(--lui-error);\r\n    color: var(--lui-text-inverse);\r\n}\r\n\r\n.lui-button--destructive:hover:not(:disabled) {\r\n    background: #dc2626;\r\n}\r\n\r\n/* Sizes */\r\n.lui-button--sm {\r\n    height: 32px;\r\n    padding: 0 var(--lui-space-3);\r\n    font-size: var(--lui-text-sm);\r\n}\r\n\r\n.lui-button--md {\r\n    height: 40px;\r\n    padding: 0 var(--lui-space-4);\r\n    font-size: var(--lui-text-sm);\r\n}\r\n\r\n.lui-button--lg {\r\n    height: 48px;\r\n    padding: 0 var(--lui-space-6);\r\n    font-size: var(--lui-text-base);\r\n}\r\n\r\n.lui-button--icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    padding: 0;\r\n}\r\n\r\n.lui-button--icon.lui-button--sm {\r\n    width: 32px;\r\n    height: 32px;\r\n}\r\n\r\n.lui-button--icon.lui-button--lg {\r\n    width: 48px;\r\n    height: 48px;\r\n}\r\n\r\n/* Loading state */\r\n.lui-button--loading {\r\n    position: relative;\r\n}\r\n\r\n.lui-button__spinner {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.lui-spinner-icon {\r\n    width: 16px;\r\n    height: 16px;\r\n    animation: lui-spin 1s linear infinite;\r\n}\r\n\r\n@keyframes lui-spin {\r\n    from {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    to {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n.lui-button__icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.lui-button__icon svg {\r\n    width: 16px;\r\n    height: 16px;\r\n}\r\n\r\n.lui-button--lg .lui-button__icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n}","/* DataGrid Component Styles */\r\n\r\n.lui-datagrid {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--lui-space-3);\r\n    width: 100%;\r\n}\r\n\r\n.lui-datagrid-search {\r\n    display: flex;\r\n}\r\n\r\n.lui-datagrid-search-input {\r\n    flex: 1;\r\n    height: 36px;\r\n    padding: 0 var(--lui-space-3);\r\n    font-family: var(--lui-font-sans);\r\n    font-size: var(--lui-text-sm);\r\n    color: var(--lui-text);\r\n    background: var(--lui-bg);\r\n    border: 1px solid var(--lui-border);\r\n    border-radius: var(--lui-radius-md);\r\n    outline: none;\r\n    transition: all var(--lui-transition);\r\n}\r\n\r\n.lui-datagrid-search-input:focus {\r\n    border-color: var(--lui-border-focus);\r\n    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);\r\n}\r\n\r\n.lui-datagrid-search-input::-moz-placeholder {\r\n    color: var(--lui-text-muted);\r\n}\r\n\r\n.lui-datagrid-search-input::placeholder {\r\n    color: var(--lui-text-muted);\r\n}\r\n\r\n.lui-datagrid-container {\r\n    overflow-x: auto;\r\n    border: 1px solid var(--lui-border);\r\n    border-radius: var(--lui-radius-md);\r\n}\r\n\r\n.lui-datagrid-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    font-size: var(--lui-text-sm);\r\n}\r\n\r\n.lui-datagrid-th {\r\n    padding: var(--lui-space-3) var(--lui-space-4);\r\n    text-align: left;\r\n    font-weight: 600;\r\n    color: var(--lui-text);\r\n    background: var(--lui-bg-secondary);\r\n    border-bottom: 1px solid var(--lui-border);\r\n    white-space: nowrap;\r\n}\r\n\r\n.lui-datagrid-th--sortable {\r\n    cursor: pointer;\r\n    -webkit-user-select: none;\r\n       -moz-user-select: none;\r\n            user-select: none;\r\n}\r\n\r\n.lui-datagrid-th--sortable:hover {\r\n    background: var(--lui-surface);\r\n}\r\n\r\n.lui-datagrid-th-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--lui-space-2);\r\n}\r\n\r\n.lui-datagrid-sort-icon {\r\n    font-size: var(--lui-text-xs);\r\n    color: var(--lui-primary);\r\n}\r\n\r\n.lui-datagrid-td {\r\n    padding: var(--lui-space-3) var(--lui-space-4);\r\n    color: var(--lui-text);\r\n    border-bottom: 1px solid var(--lui-border);\r\n}\r\n\r\n.lui-datagrid-row:last-child .lui-datagrid-td {\r\n    border-bottom: none;\r\n}\r\n\r\n.lui-datagrid-row--clickable {\r\n    cursor: pointer;\r\n    transition: background var(--lui-transition);\r\n}\r\n\r\n.lui-datagrid-row--clickable:hover {\r\n    background: var(--lui-surface);\r\n}\r\n\r\n.lui-datagrid-loading,\r\n.lui-datagrid-empty {\r\n    padding: var(--lui-space-8);\r\n    text-align: center;\r\n    color: var(--lui-text-muted);\r\n}","/* Chart Component Styles */\r\n\r\n.lui-chart {\r\n    position: relative;\r\n    background: var(--lui-bg);\r\n    border-radius: var(--lui-radius-md);\r\n    padding: var(--lui-space-4);\r\n}","/* AppShell Component Styles */\r\n\r\n.lui-app-shell {\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-height: 100%;\r\n    background: var(--lui-bg);\r\n    color: var(--lui-text);\r\n    font-family: var(--lui-font-sans);\r\n}\r\n\r\n/* Padding variants */\r\n.lui-app-shell--padding-none .lui-app-shell-main {\r\n    padding: 0;\r\n}\r\n\r\n.lui-app-shell--padding-sm .lui-app-shell-main {\r\n    padding: var(--lui-space-3);\r\n}\r\n\r\n.lui-app-shell--padding-md .lui-app-shell-main {\r\n    padding: var(--lui-space-4);\r\n}\r\n\r\n.lui-app-shell--padding-lg .lui-app-shell-main {\r\n    padding: var(--lui-space-6);\r\n}\r\n\r\n/* Header */\r\n.lui-app-shell-header {\r\n    flex-shrink: 0;\r\n    padding: var(--lui-space-3) var(--lui-space-4);\r\n    background: var(--lui-bg);\r\n    border-bottom: 1px solid var(--lui-border);\r\n}\r\n\r\n/* Body (sidebar + main) */\r\n.lui-app-shell-body {\r\n    display: flex;\r\n    flex: 1;\r\n    min-height: 0;\r\n}\r\n\r\n/* Sidebar */\r\n.lui-app-shell-sidebar {\r\n    flex-shrink: 0;\r\n    padding: var(--lui-space-4);\r\n    background: var(--lui-bg-secondary);\r\n    border-right: 1px solid var(--lui-border);\r\n    overflow-y: auto;\r\n}\r\n\r\n.lui-app-shell-sidebar:last-child {\r\n    border-right: none;\r\n    border-left: 1px solid var(--lui-border);\r\n}\r\n\r\n/* Main */\r\n.lui-app-shell-main {\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* Footer */\r\n.lui-app-shell-footer {\r\n    flex-shrink: 0;\r\n    padding: var(--lui-space-3) var(--lui-space-4);\r\n    background: var(--lui-bg-secondary);\r\n    border-top: 1px solid var(--lui-border);\r\n}",".lui-tabs {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.lui-tabs-list {\r\n    display: flex;\r\n    border-bottom: 1px solid var(--lui-border, #e0e0e0);\r\n    gap: 0.25rem;\r\n}\r\n\r\n.lui-tabs-trigger {\r\n    padding: 0.5rem 1rem;\r\n    background: none;\r\n    border: none;\r\n    border-bottom: 2px solid transparent;\r\n    margin-bottom: -1px;\r\n    font-size: 0.875rem;\r\n    font-weight: 500;\r\n    color: var(--lui-text-secondary, #666);\r\n    cursor: pointer;\r\n    transition: color 0.15s, border-color 0.15s;\r\n}\r\n\r\n.lui-tabs-trigger:hover:not(:disabled) {\r\n    color: var(--lui-text-primary, #1a1a1a);\r\n}\r\n\r\n.lui-tabs-trigger[data-state=\"active\"] {\r\n    color: var(--lui-primary, #3b82f6);\r\n    border-bottom-color: var(--lui-primary, #3b82f6);\r\n}\r\n\r\n.lui-tabs-trigger:disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed;\r\n}\r\n\r\n.lui-tabs-content {\r\n    padding: 1rem 0;\r\n}\r\n\r\n.lui-tabs-content[data-state=\"inactive\"] {\r\n    display: none;\r\n}\r\n\r\n[data-theme=\"dark\"] .lui-tabs-list {\r\n    border-bottom-color: var(--lui-border, #444);\r\n}\r\n\r\n[data-theme=\"dark\"] .lui-tabs-trigger {\r\n    color: var(--lui-text-secondary, #999);\r\n}\r\n\r\n[data-theme=\"dark\"] .lui-tabs-trigger:hover:not(:disabled) {\r\n    color: var(--lui-text-primary, #f5f5f5);\r\n}",".lui-modal-overlay {\r\n    position: fixed;\r\n    inset: 0;\r\n    /* Edge Compatibility: No backdrop-filter, higher opacity */\r\n    background: rgba(0, 0, 0, 0.7);\r\n    animation: lui-modal-overlay-show 0.15s ease;\r\n    z-index: 1000;\r\n}\r\n\r\n@keyframes lui-modal-overlay-show {\r\n    from {\r\n        opacity: 0;\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n.lui-modal-content {\r\n    position: fixed;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    background: var(--lui-bg-primary, #fff);\r\n    border-radius: var(--lui-radius-lg, 8px);\r\n    font-family: var(--lui-font-sans);\r\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\r\n    padding: 1.5rem;\r\n    max-width: 90vw;\r\n    max-height: 90vh;\r\n    overflow: auto;\r\n    animation: lui-modal-content-show 0.2s ease;\r\n    z-index: 1001;\r\n}\r\n\r\n@keyframes lui-modal-content-show {\r\n    from {\r\n        opacity: 0;\r\n        transform: translate(-50%, -48%) scale(0.96);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translate(-50%, -50%) scale(1);\r\n    }\r\n}\r\n\r\n.lui-modal-title {\r\n    font-size: 1.125rem;\r\n    font-weight: 600;\r\n    color: var(--lui-text-primary, #1a1a1a);\r\n    margin: 0 0 0.5rem 0;\r\n    padding-right: 2rem;\r\n}\r\n\r\n.lui-modal-description {\r\n    font-size: 0.875rem;\r\n    color: var(--lui-text-secondary, #666);\r\n    margin: 0 0 1rem 0;\r\n}\r\n\r\n.lui-modal-close {\r\n    position: absolute;\r\n    top: 1rem;\r\n    right: 1rem;\r\n    background: none;\r\n    border: none;\r\n    padding: 0.25rem;\r\n    cursor: pointer;\r\n    color: var(--lui-text-secondary, #666);\r\n    opacity: 0.7;\r\n    transition: opacity 0.15s;\r\n}\r\n\r\n.lui-modal-close:hover {\r\n    opacity: 1;\r\n}\r\n\r\n[data-theme=\"dark\"] .lui-modal-content {\r\n    background: var(--lui-bg-primary, #1a1a1a);\r\n}\r\n\r\n[data-theme=\"dark\"] .lui-modal-title {\r\n    color: var(--lui-text-primary, #f5f5f5);\r\n}\r\n\r\n[data-theme=\"dark\"] .lui-modal-description {\r\n    color: var(--lui-text-secondary, #999);\r\n}\r\n\r\n[data-theme=\"dark\"] .lui-modal-close {\r\n    color: var(--lui-text-secondary, #999);\r\n}","/* CodeBlock Component Styles */\r\n\r\n.lui-code-block {\r\n    position: relative;\r\n    border-radius: var(--lui-radius-md);\r\n    overflow: hidden;\r\n}\r\n\r\n.lui-code-block-pre {\r\n    margin: 0;\r\n    padding: var(--lui-space-4);\r\n    font-family: var(--lui-font-mono);\r\n    font-size: var(--lui-text-sm);\r\n    line-height: 1.6;\r\n    overflow-x: auto;\r\n}\r\n\r\n.lui-code-block-copy {\r\n    position: absolute;\r\n    top: var(--lui-space-2);\r\n    right: var(--lui-space-2);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    padding: 0;\r\n    color: #94a3b8;\r\n    background: rgba(30, 41, 59, 0.8);\r\n    border: 1px solid rgba(148, 163, 184, 0.2);\r\n    border-radius: var(--lui-radius-sm);\r\n    cursor: pointer;\r\n    opacity: 0;\r\n    transition: all var(--lui-transition);\r\n}\r\n\r\n.lui-code-block:hover .lui-code-block-copy {\r\n    opacity: 1;\r\n}\r\n\r\n.lui-code-block-copy:hover {\r\n    color: #f1f5f9;\r\n    background: rgba(30, 41, 59, 1);\r\n    border-color: rgba(148, 163, 184, 0.4);\r\n}\r\n\r\n.lui-code-block-copy svg {\r\n    width: 16px;\r\n    height: 16px;\r\n}\r\n\r\n.lui-code-block-line-number {\r\n    display: inline-block;\r\n    width: 2em;\r\n    margin-right: var(--lui-space-3);\r\n    color: #64748b;\r\n    text-align: right;\r\n    -webkit-user-select: none;\r\n       -moz-user-select: none;\r\n            user-select: none;\r\n}","/* Card Component Styles */\r\n\r\n.lui-card {\r\n    background: var(--lui-bg);\r\n    border-radius: var(--lui-radius-lg);\r\n    overflow: hidden;\r\n}\r\n\r\n/* Variants */\r\n.lui-card--default {\r\n    border: 1px solid var(--lui-border);\r\n}\r\n\r\n.lui-card--outline {\r\n    border: 1px solid var(--lui-border);\r\n    background: transparent;\r\n}\r\n\r\n.lui-card--elevated {\r\n    border: none;\r\n    box-shadow: var(--lui-shadow-md);\r\n}\r\n\r\n/* Padding */\r\n.lui-card--padding-none {\r\n    padding: 0;\r\n}\r\n\r\n.lui-card--padding-sm {\r\n    padding: var(--lui-space-3);\r\n}\r\n\r\n.lui-card--padding-md {\r\n    padding: var(--lui-space-4);\r\n}\r\n\r\n.lui-card--padding-lg {\r\n    padding: var(--lui-space-6);\r\n}\r\n\r\n/* Interactive */\r\n.lui-card--interactive {\r\n    cursor: pointer;\r\n    transition: all var(--lui-transition);\r\n}\r\n\r\n.lui-card--interactive:hover {\r\n    border-color: var(--lui-primary);\r\n    box-shadow: var(--lui-shadow-md);\r\n}\r\n\r\n/* Card Header */\r\n.lui-card-header {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    gap: var(--lui-space-4);\r\n    padding: var(--lui-space-4);\r\n    border-bottom: 1px solid var(--lui-border);\r\n}\r\n\r\n.lui-card--padding-none .lui-card-header {\r\n    padding: var(--lui-space-4);\r\n}\r\n\r\n.lui-card-header__text {\r\n    flex: 1;\r\n    min-width: 0;\r\n}\r\n\r\n.lui-card-header__title {\r\n    margin: 0;\r\n    font-size: var(--lui-text-lg);\r\n    font-weight: 600;\r\n    color: var(--lui-text);\r\n    line-height: 1.4;\r\n}\r\n\r\n.lui-card-header__description {\r\n    margin: var(--lui-space-1) 0 0;\r\n    font-size: var(--lui-text-sm);\r\n    color: var(--lui-text-muted);\r\n    line-height: 1.5;\r\n}\r\n\r\n.lui-card-header__action {\r\n    flex-shrink: 0;\r\n}\r\n\r\n/* Card Content */\r\n.lui-card-content {\r\n    padding: var(--lui-space-4);\r\n}\r\n\r\n.lui-card--padding-none .lui-card-content {\r\n    padding: var(--lui-space-4);\r\n}\r\n\r\n/* Card Footer */\r\n.lui-card-footer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n    gap: var(--lui-space-3);\r\n    padding: var(--lui-space-4);\r\n    border-top: 1px solid var(--lui-border);\r\n    background: var(--lui-bg-secondary);\r\n}\r\n\r\n.lui-card--padding-none .lui-card-footer {\r\n    padding: var(--lui-space-4);\r\n}","/* Input Component Styles */\r\n\r\n.lui-input-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--lui-space-1);\r\n}\r\n\r\n.lui-input-wrapper--full-width {\r\n    width: 100%;\r\n}\r\n\r\n.lui-input-label {\r\n    font-size: var(--lui-text-sm);\r\n    font-weight: 500;\r\n    color: var(--lui-text);\r\n}\r\n\r\n.lui-input-container {\r\n    display: flex;\r\n    align-items: center;\r\n    background: var(--lui-bg);\r\n    border: 1px solid var(--lui-border);\r\n    border-radius: var(--lui-radius-md);\r\n    transition: all var(--lui-transition);\r\n}\r\n\r\n.lui-input-container:focus-within {\r\n    border-color: var(--lui-border-focus);\r\n    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);\r\n}\r\n\r\n.lui-input-container--error {\r\n    border-color: var(--lui-error);\r\n}\r\n\r\n.lui-input-container--error:focus-within {\r\n    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);\r\n}\r\n\r\n/* Sizes */\r\n.lui-input-container--sm {\r\n    height: 32px;\r\n}\r\n\r\n.lui-input-container--md {\r\n    height: 40px;\r\n}\r\n\r\n.lui-input-container--lg {\r\n    height: 48px;\r\n}\r\n\r\n.lui-input {\r\n    flex: 1;\r\n    min-width: 0;\r\n    height: 100%;\r\n    padding: 0 var(--lui-space-3);\r\n    font-family: var(--lui-font-sans);\r\n    font-size: var(--lui-text-sm);\r\n    color: var(--lui-text);\r\n    background: transparent;\r\n    border: none;\r\n    outline: none;\r\n}\r\n\r\n.lui-input::-moz-placeholder {\r\n    color: var(--lui-text-muted);\r\n}\r\n\r\n.lui-input::placeholder {\r\n    color: var(--lui-text-muted);\r\n}\r\n\r\n.lui-input-container--has-left .lui-input {\r\n    padding-left: 0;\r\n}\r\n\r\n.lui-input-container--has-right .lui-input {\r\n    padding-right: 0;\r\n}\r\n\r\n/* Input elements (icons) */\r\n.lui-input-element {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0 var(--lui-space-3);\r\n    color: var(--lui-text-muted);\r\n}\r\n\r\n.lui-input-element svg {\r\n    width: 16px;\r\n    height: 16px;\r\n}\r\n\r\n/* Messages */\r\n.lui-input-message {\r\n    margin: 0;\r\n    font-size: var(--lui-text-xs);\r\n    color: var(--lui-text-muted);\r\n}\r\n\r\n.lui-input-message--error {\r\n    color: var(--lui-error);\r\n}"],"mappings":"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","names":[]}