/**
 * Copy Component Styles
 * Read-only field with copy-to-clipboard functionality
 * Extends input styles with copy-specific styling
 */
export declare const copyStyles = "\n/* Copy field value display */\n.copy-field-value {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  user-select: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: none;\n  color: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n/* Multiline variant */\n.copy-field-value.multiline {\n  white-space: pre-wrap;\n  word-break: break-word;\n  max-height: 200px;\n  overflow-y: auto;\n}\n\n/* Code format */\n.copy-field-value {\n  font-size: 0.8em;\n}\n\n/* Hover state - primary soft background */\n.input-wrapper:not(.disabled):hover {\n  background: var(--ty-bg-primary-soft);\n  transition: background 0.2s ease;\n}\n\n/* Copy button */\n.copy-button {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  border: none;\n  background: transparent;\n  color: var(--ty-text-);\n  transition: color 0.2s ease, transform 0.2s ease;\n  padding: 0;\n  margin: 0;\n}\n\n.copy-button:hover:not(.disabled) {\n  color: var(--ty-text);\n  transform: scale(1.1);\n}\n\n.copy-button.success {\n  color: var(--ty-color-success);\n  animation: copy-success 0.3s ease;\n}\n\n@keyframes copy-success {\n  0%, 100% { transform: scale(1); }\n  50% { transform: scale(1.2); }\n}\n\n.copy-button svg {\n  width: 18px;\n  height: 18px;\n}\n\n.input-wrapper.disabled .copy-button {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.input-wrapper.disabled {\n  cursor: not-allowed;\n}\n";
//# sourceMappingURL=copy.d.ts.map