django-lucy-assist 1.0.6__py3-none-any.whl → 1.0.8__py3-none-any.whl

lucy_assist/static/lucy_assist/css/lucy-assist.css

@@ -909,6 +909,260 @@
     text-decoration: underline;
 }
 
+ /* ========================================
+   DOCUMENTATION - COLLAPSE/ACCORDION
+   ======================================== */
+.lucy-doc .collapse {
+    border-radius: 0.5rem;
+    overflow: hidden;
+}
+
+.lucy-doc .collapse-arrow {
+    position: relative;
+}
+
+.lucy-doc .collapse-arrow .collapse-title::after {
+    content: '';
+    position: absolute;
+    right: 1rem;
+    top: 50%;
+    transform: translateY(-50%) rotate(45deg);
+    width: 0.5rem;
+    height: 0.5rem;
+    border-right: 2px solid currentColor;
+    border-bottom: 2px solid currentColor;
+    transition: transform 0.2s ease;
+}
+
+.lucy-doc .collapse input[type="checkbox"] {
+    position: absolute;
+    opacity: 0;
+    width: 100%;
+    height: 100%;
+    cursor: pointer;
+    z-index: 1;
+    top: 0;
+    left: 0;
+}
+
+.lucy-doc .collapse-title {
+    position: relative;
+    display: flex;
+    align-items: center;
+    padding: 0.75rem 2.5rem 0.75rem 1rem;
+    font-weight: 500;
+    cursor: pointer;
+    color: var(--lucy-text);
+}
+
+.lucy-doc .collapse-content {
+    padding: 0 1rem;
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height 0.2s ease, padding 0.2s ease;
+}
+
+.lucy-doc .collapse input[type="checkbox"]:checked ~ .collapse-content {
+    max-height: 500px;
+    padding: 0 1rem 1rem 1rem;
+}
+
+.lucy-doc .collapse input[type="checkbox"]:checked ~ .collapse-title::after,
+.lucy-doc .collapse-arrow input[type="checkbox"]:checked ~ .collapse-title::after {
+    transform: translateY(-50%) rotate(-135deg);
+}
+
+.lucy-doc .bg-base-200 {
+    background: var(--lucy-bg-dark);
+}
+
+/* ========================================
+   DOCUMENTATION - STATS
+   ======================================== */
+.lucy-doc .stats {
+    display: flex;
+    flex-direction: column;
+    background: var(--lucy-bg-dark);
+    border-radius: 0.5rem;
+    overflow: hidden;
+}
+
+.lucy-doc .stats-vertical {
+    flex-direction: column;
+}
+
+.lucy-doc .stat {
+    padding: 1rem;
+    border-bottom: 1px solid var(--lucy-border);
+}
+
+.lucy-doc .stat:last-child {
+    border-bottom: none;
+}
+
+.lucy-doc .stat-title {
+    font-size: 0.75rem;
+    color: var(--lucy-text-muted);
+    margin-bottom: 0.25rem;
+}
+
+.lucy-doc .stat-value {
+    font-size: 1.5rem;
+    font-weight: 700;
+}
+
+.lucy-doc .stat-value.text-primary {
+    color: var(--lucy-primary);
+}
+
+.lucy-doc .stat-value.text-secondary {
+    color: var(--lucy-secondary);
+}
+
+.lucy-doc .stat-value.text-accent {
+    color: #10b981;
+}
+
+.lucy-doc .stat-desc {
+    font-size: 0.75rem;
+    color: var(--lucy-text-muted);
+    margin-top: 0.25rem;
+}
+
+/* ========================================
+   DOCUMENTATION - ALERT
+   ======================================== */
+.lucy-doc .alert {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.75rem;
+    padding: 1rem;
+    border-radius: 0.5rem;
+}
+
+.lucy-doc .alert-info {
+    background: rgba(59, 130, 246, 0.1);
+    color: var(--lucy-info);
+}
+
+/* ========================================
+   DOCUMENTATION - DIVIDER
+   ======================================== */
+.lucy-doc .divider {
+    height: 1px;
+    background: var(--lucy-border);
+    margin: 1rem 0;
+}
+
+/* ========================================
+   DOCUMENTATION - KBD
+   ======================================== */
+.lucy-doc .kbd {
+    display: inline-block;
+    padding: 0.125rem 0.5rem;
+    background: var(--lucy-bg-darker);
+    border: 1px solid var(--lucy-border);
+    border-radius: 0.25rem;
+    font-size: 0.75rem;
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+}
+
+/* ========================================
+   DOCUMENTATION - PROSE
+   ======================================== */
+.lucy-doc .prose h3 {
+    font-size: 1.125rem;
+    font-weight: 700;
+    margin-bottom: 1rem;
+    color: var(--lucy-text);
+}
+
+.lucy-doc .prose h4 {
+    font-size: 1rem;
+    font-weight: 700;
+    margin-bottom: 0.5rem;
+    color: var(--lucy-text);
+}
+
+.lucy-doc .prose p {
+    color: var(--lucy-text);
+    line-height: 1.6;
+}
+
+.lucy-doc .text-primary {
+    color: var(--lucy-primary);
+}
+
+.lucy-doc .text-warning {
+    color: var(--lucy-warning);
+}
+
+.lucy-doc .shadow {
+    box-shadow: var(--lucy-shadow);
+}
+
+.lucy-doc .w-full {
+    width: 100%;
+}
+
+.lucy-doc .mb-2 {
+    margin-bottom: 0.5rem;
+}
+
+.lucy-doc .mb-4 {
+    margin-bottom: 1rem;
+}
+
+.lucy-doc .mt-2 {
+    margin-top: 0.5rem;
+}
+
+.lucy-doc .mt-4 {
+    margin-top: 1rem;
+}
+
+.lucy-doc .mr-2 {
+    margin-right: 0.5rem;
+}
+
+.lucy-doc .ml-2 {
+    margin-left: 0.5rem;
+}
+
+.lucy-doc .text-xs {
+    font-size: 0.75rem;
+}
+
+.lucy-doc .text-sm {
+    font-size: 0.875rem;
+}
+
+.lucy-doc .text-lg {
+    font-size: 1.125rem;
+}
+
+.lucy-doc .font-bold {
+    font-weight: 700;
+}
+
+.lucy-doc .font-medium {
+    font-weight: 500;
+}
+
+.lucy-doc .list-none {
+    list-style: none;
+    padding-left: 0;
+}
+
+.lucy-doc .space-y-2 > * + * {
+    margin-top: 0.5rem;
+}
+
+.lucy-doc .kbd-sm {
+    font-size: 0.75rem;
+    padding: 0.125rem 0.375rem;
+}
+
 /* ========================================
    PRINT STYLES
    ======================================== */