@prosophia/lab-classic 0.0.3 → 0.0.5

package/dist/PublicationDetailPage.module.css

@@ -0,0 +1,213 @@
+/* PublicationDetailPage.module.css - Verdant Edition */
+
+.pageWrapper {
+  padding-top: var(--header-height, 80px);
+  min-height: 100vh;
+}
+
+.container {
+  max-width: 900px;
+  margin: 0 auto;
+  padding: var(--space-3xl, 6rem) var(--space-xl, 3rem);
+}
+
+/* Main Card - Glass morphism */
+.card {
+  padding: var(--space-2xl, 4rem);
+  border-radius: var(--radius-2xl, 24px);
+  backdrop-filter: blur(20px) saturate(180%);
+  -webkit-backdrop-filter: blur(20px) saturate(180%);
+}
+
+:global(body:not(.dark-mode)) .card,
+:global(.light-mode) .card {
+  background: rgba(255, 255, 255, 0.7);
+  border: 1px solid rgba(21, 48, 33, 0.08);
+  box-shadow: 0 8px 32px rgba(10, 24, 16, 0.08);
+}
+
+:global(.dark-mode) .card,
+:global(.dark) .card {
+  background: var(--dark-bg-tertiary);
+  border: 1px solid rgba(var(--accent-primary-rgb, 139, 218, 163), 0.12);
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
+}
+
+@media (max-width: 768px) {
+  .card {
+    padding: var(--space-xl, 3rem);
+  }
+}
+
+/* Header */
+.header {
+  padding-bottom: var(--space-xl, 3rem);
+  margin-bottom: var(--space-xl, 3rem);
+  text-align: center;
+  border-bottom: 1px solid;
+}
+
+:global(body:not(.dark-mode)) .header,
+:global(.light-mode) .header {
+  border-bottom-color: rgba(21, 48, 33, 0.1);
+}
+
+:global(.dark-mode) .header,
+:global(.dark) .header {
+  border-bottom-color: rgba(139, 218, 163, 0.1);
+}
+
+.title {
+  font-size: clamp(1.5rem, 3vw, 2rem);
+  font-weight: 600;
+  line-height: 1.3;
+  letter-spacing: -0.01em;
+  margin: 0 0 var(--space-md, 1.5rem) 0;
+}
+
+.metaRow {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--space-sm, 1rem);
+  margin-top: var(--space-md, 1.5rem);
+  font-size: 0.875rem;
+}
+
+:global(body:not(.dark-mode)) .metaRow,
+:global(.light-mode) .metaRow {
+  color: var(--light-text-muted, #7F878B);
+}
+
+:global(.dark-mode) .metaRow,
+:global(.dark) .metaRow {
+  color: var(--dark-text-muted, #5C6366);
+}
+
+/* Abstract Section */
+.abstractSection {
+  margin: var(--space-xl, 3rem) 0;
+  padding: var(--space-lg, 2rem);
+  border-radius: var(--radius-lg, 16px);
+  position: relative;
+}
+
+:global(body:not(.dark-mode)) .abstractSection,
+:global(.light-mode) .abstractSection {
+  background: rgba(42, 104, 71, 0.06);
+  border-left: 4px solid var(--accent-tertiary, #5CB87A);
+}
+
+:global(.dark-mode) .abstractSection,
+:global(.dark) .abstractSection {
+  background: rgba(92, 184, 122, 0.08);
+  border-left: 4px solid var(--accent-tertiary, #5CB87A);
+}
+
+.abstractTitle {
+  font-size: 0.875rem;
+  font-weight: 600;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  margin: 0 0 var(--space-md, 1.5rem) 0;
+}
+
+:global(body:not(.dark-mode)) .abstractTitle,
+:global(.light-mode) .abstractTitle {
+  color: var(--accent-secondary, #3A8F62);
+}
+
+:global(.dark-mode) .abstractTitle,
+:global(.dark) .abstractTitle {
+  color: var(--accent-tertiary, #5CB87A);
+}
+
+.abstractText {
+  line-height: 1.8;
+  font-size: 1rem;
+}
+
+:global(body:not(.dark-mode)) .abstractText,
+:global(.light-mode) .abstractText {
+  color: var(--light-text-secondary, #153021);
+}
+
+:global(.dark-mode) .abstractText,
+:global(.dark) .abstractText {
+  color: var(--dark-text-secondary, #8BDAA3);
+}
+
+/* Footer */
+.footer {
+  margin-top: var(--space-xl, 3rem);
+  padding-top: var(--space-lg, 2rem);
+  border-top: 1px solid;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-md, 1.5rem);
+  align-items: center;
+}
+
+:global(body:not(.dark-mode)) .footer,
+:global(.light-mode) .footer {
+  border-top-color: rgba(21, 48, 33, 0.1);
+}
+
+:global(.dark-mode) .footer,
+:global(.dark) .footer {
+  border-top-color: rgba(139, 218, 163, 0.1);
+}
+
+/* Action Button - Gradient */
+.actionButton {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.875rem 1.75rem;
+  background: linear-gradient(135deg, var(--accent-primary, #2A6847), var(--accent-secondary, #3A8F62));
+  color: white;
+  border-radius: var(--radius-md, 12px);
+  font-weight: 500;
+  text-decoration: none;
+  transition: all var(--transition-base);
+  box-shadow: 0 4px 16px rgba(42, 104, 71, 0.3);
+}
+
+.actionButton:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 8px 24px rgba(42, 104, 71, 0.4);
+}
+
+/* Back Link */
+.backLink {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.75rem 1.5rem;
+  border: 1px solid var(--accent-tertiary, #5CB87A);
+  border-radius: var(--radius-md, 12px);
+  font-weight: 500;
+  font-size: 0.9375rem;
+  text-decoration: none;
+  transition: all var(--transition-base);
+}
+
+:global(body:not(.dark-mode)) .backLink,
+:global(.light-mode) .backLink {
+  background: rgba(42, 104, 71, 0.08);
+  color: var(--accent-primary, #2A6847);
+}
+
+:global(.dark-mode) .backLink,
+:global(.dark) .backLink {
+  background: rgba(92, 184, 122, 0.1);
+  color: var(--accent-tertiary, #5CB87A);
+}
+
+.backLink:hover {
+  background: linear-gradient(135deg, var(--accent-primary, #2A6847), var(--accent-secondary, #3A8F62));
+  color: white;
+  transform: translateY(-2px);
+  border-color: transparent;
+}

package/dist/PublicationsPage.module.css

@@ -0,0 +1,181 @@
+/* PublicationsPage.module.css - Verdant Edition */
+
+.pageWrapper {
+  padding-top: var(--header-height, 80px);
+  min-height: 100vh;
+}
+
+.pageContainer {
+  max-width: 1400px;
+  margin: 0 auto;
+  padding: 0 var(--space-xl, 3rem);
+}
+
+/* Page Header */
+.pageHeader {
+  text-align: center;
+  padding: var(--space-3xl, 6rem) 0;
+  margin-bottom: var(--space-2xl, 4rem);
+}
+
+.title {
+  font-size: clamp(2rem, 4vw, 3rem);
+  font-weight: 500;
+  line-height: 1.2;
+  letter-spacing: -0.01em;
+  margin: 0 0 var(--space-md, 1.5rem) 0;
+}
+
+.subtitle {
+  font-size: 1.125rem;
+  line-height: 1.7;
+  max-width: 800px;
+  margin: 0 auto;
+}
+
+:global(body:not(.dark-mode)) .subtitle,
+:global(.light-mode) .subtitle {
+  color: var(--light-text-muted, #7F878B);
+}
+
+:global(.dark-mode) .subtitle,
+:global(.dark) .subtitle {
+  color: var(--dark-text-muted, #5C6366);
+}
+
+.main {
+  padding-bottom: var(--space-3xl, 6rem);
+}
+
+.publicationsList {
+  max-width: 950px;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2xl, 4rem);
+}
+
+/* Year Section */
+.yearSection {
+  width: 100%;
+}
+
+.yearHeader {
+  font-size: 0.875rem;
+  font-weight: 600;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  margin-bottom: var(--space-lg, 2rem);
+  padding-left: var(--space-md, 1.5rem);
+  position: relative;
+}
+
+:global(body:not(.dark-mode)) .yearHeader,
+:global(.light-mode) .yearHeader {
+  color: var(--accent-secondary, #3A8F62);
+}
+
+:global(.dark-mode) .yearHeader,
+:global(.dark) .yearHeader {
+  color: var(--dark-text-secondary, #8BDAA3);
+}
+
+.yearHeader::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 4px;
+  height: 100%;
+  background: linear-gradient(180deg, var(--accent-tertiary, #5CB87A), var(--accent-gold, #D4A574));
+  border-radius: 2px;
+}
+
+.publicationsGrid {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-md, 1.5rem);
+}
+
+/* Verdant Publication Item - Glass with translateX hover */
+.publicationLink {
+  display: block;
+  text-decoration: none;
+  color: inherit;
+  padding: var(--space-lg, 2rem);
+  border-radius: var(--radius-lg, 16px);
+  backdrop-filter: blur(20px) saturate(180%);
+  -webkit-backdrop-filter: blur(20px) saturate(180%);
+  transition: all var(--transition-base);
+}
+
+:global(body:not(.dark-mode)) .publicationLink,
+:global(.light-mode) .publicationLink {
+  background: rgba(255, 255, 255, 0.6);
+  border: 1px solid rgba(21, 48, 33, 0.08);
+}
+
+:global(.dark-mode) .publicationLink,
+:global(.dark) .publicationLink {
+  background: var(--dark-bg-tertiary);
+  border: 1px solid rgba(var(--accent-primary-rgb, 139, 218, 163), 0.08);
+}
+
+.publicationLink:hover {
+  transform: translateX(8px);
+}
+
+:global(body:not(.dark-mode)) .publicationLink:hover,
+:global(.light-mode) .publicationLink:hover {
+  background: rgba(255, 255, 255, 0.9);
+  border-color: rgba(42, 104, 71, 0.15);
+}
+
+:global(.dark-mode) .publicationLink:hover,
+:global(.dark) .publicationLink:hover {
+  background: var(--dark-bg-secondary);
+  border-color: rgba(var(--accent-primary-rgb, 139, 218, 163), 0.15);
+}
+
+.publicationTitle {
+  font-size: 1.125rem;
+  font-weight: 600;
+  line-height: 1.4;
+  margin: 0 0 var(--space-xs, 0.5rem) 0;
+  transition: color var(--transition-base);
+}
+
+.publicationLink:hover .publicationTitle {
+  color: var(--accent-tertiary, #5CB87A);
+}
+
+.authors {
+  font-size: 0.875rem;
+  margin: 0 0 var(--space-xs, 0.5rem) 0;
+}
+
+:global(body:not(.dark-mode)) .authors,
+:global(.light-mode) .authors {
+  color: var(--light-text-muted, #7F878B);
+}
+
+:global(.dark-mode) .authors,
+:global(.dark) .authors {
+  color: var(--dark-text-muted, #5C6366);
+}
+
+.journal {
+  font-size: 0.875rem;
+  font-style: italic;
+  margin: 0;
+}
+
+:global(body:not(.dark-mode)) .journal,
+:global(.light-mode) .journal {
+  color: var(--light-text-muted, #7F878B);
+}
+
+:global(.dark-mode) .journal,
+:global(.dark) .journal {
+  color: var(--dark-text-muted, #5C6366);
+}

package/dist/ResearchPage.module.css

@@ -0,0 +1,173 @@
+/* ResearchPage.module.css - Verdant Edition */
+
+.pageWrapper {
+  padding-top: var(--header-height, 80px);
+  min-height: 100vh;
+}
+
+.pageContainer {
+  max-width: 1400px;
+  margin: 0 auto;
+  padding: 0 var(--space-xl, 3rem);
+}
+
+/* Page Header */
+.pageHeader {
+  text-align: center;
+  padding: var(--space-3xl, 6rem) 0;
+  margin-bottom: var(--space-2xl, 4rem);
+}
+
+.title {
+  font-size: clamp(2rem, 4vw, 3rem);
+  font-weight: 500;
+  line-height: 1.2;
+  letter-spacing: -0.01em;
+  margin: 0 0 var(--space-md, 1.5rem) 0;
+}
+
+.subtitle {
+  font-size: 1.125rem;
+  line-height: 1.7;
+  max-width: 800px;
+  margin: 0 auto;
+}
+
+:global(body:not(.dark-mode)) .subtitle,
+:global(.light-mode) .subtitle {
+  color: var(--light-text-muted, #7F878B);
+}
+
+:global(.dark-mode) .subtitle,
+:global(.dark) .subtitle {
+  color: var(--dark-text-muted, #5C6366);
+}
+
+.main {
+  padding-bottom: var(--space-3xl, 6rem);
+}
+
+.content {
+  max-width: 900px;
+  margin: 0 auto;
+  font-family: var(--font-body);
+}
+
+/* Content styling */
+.content :global(p) {
+  margin: 0 0 var(--space-lg, 2rem) 0;
+  line-height: 1.8;
+  font-size: 1.0625rem;
+}
+
+:global(body:not(.dark-mode)) .content :global(p),
+:global(.light-mode) .content :global(p) {
+  color: var(--light-text-secondary, #153021);
+}
+
+:global(.dark-mode) .content :global(p),
+:global(.dark) .content :global(p) {
+  color: var(--dark-text-secondary, #8BDAA3);
+}
+
+.content :global(p:first-of-type) {
+  font-size: 1.25rem;
+  font-weight: 500;
+  margin-bottom: var(--space-xl, 3rem);
+  padding-left: var(--space-md, 1.5rem);
+  position: relative;
+}
+
+.content :global(p:first-of-type)::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 4px;
+  height: 100%;
+  background: linear-gradient(180deg, var(--accent-tertiary, #5CB87A), var(--accent-gold, #D4A574));
+  border-radius: 2px;
+}
+
+.content :global(h2) {
+  font-family: var(--font-heading);
+  font-size: 1.75rem;
+  font-weight: 600;
+  margin: var(--space-2xl, 4rem) 0 var(--space-lg, 2rem) 0;
+  padding-bottom: var(--space-sm, 1rem);
+  position: relative;
+}
+
+.content :global(h2)::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 60px;
+  height: 3px;
+  background: linear-gradient(90deg, var(--accent-tertiary, #5CB87A), var(--accent-gold, #D4A574));
+  border-radius: 2px;
+}
+
+.content :global(h3) {
+  font-family: var(--font-heading);
+  font-size: 1.375rem;
+  font-weight: 600;
+  margin: var(--space-xl, 3rem) 0 var(--space-md, 1.5rem) 0;
+  color: var(--accent-tertiary, #5CB87A);
+}
+
+.content :global(ul),
+.content :global(ol) {
+  margin: 0 0 var(--space-lg, 2rem) var(--space-xl, 3rem);
+  padding: 0;
+}
+
+.content :global(li) {
+  margin-bottom: var(--space-md, 1.5rem);
+  line-height: 1.7;
+}
+
+.content :global(a) {
+  color: var(--accent-tertiary, #5CB87A);
+  text-decoration: none;
+  font-weight: 500;
+  border-bottom: 1px solid transparent;
+  transition: all var(--transition-base);
+}
+
+.content :global(a:hover) {
+  border-bottom-color: var(--accent-tertiary, #5CB87A);
+}
+
+.content :global(blockquote) {
+  margin: var(--space-xl, 3rem) 0;
+  padding: var(--space-lg, 2rem);
+  border-radius: var(--radius-lg, 16px);
+  font-style: italic;
+  backdrop-filter: blur(20px) saturate(180%);
+  -webkit-backdrop-filter: blur(20px) saturate(180%);
+}
+
+:global(body:not(.dark-mode)) .content :global(blockquote),
+:global(.light-mode) .content :global(blockquote) {
+  background: rgba(42, 104, 71, 0.08);
+  border-left: 4px solid var(--accent-tertiary, #5CB87A);
+  color: var(--light-text-secondary, #153021);
+}
+
+:global(.dark-mode) .content :global(blockquote),
+:global(.dark) .content :global(blockquote) {
+  background: rgba(92, 184, 122, 0.1);
+  border-left: 4px solid var(--accent-tertiary, #5CB87A);
+  color: var(--dark-text-secondary, #8BDAA3);
+}
+
+.content :global(img) {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  margin: var(--space-2xl, 4rem) 0;
+  border-radius: var(--radius-xl, 20px);
+  box-shadow: 0 20px 60px rgba(10, 24, 16, 0.15);
+}

package/dist/ThemeToggle.module.css

@@ -0,0 +1,114 @@
+/* ThemeToggle.module.css - Intuitive sliding toggle */
+
+.toggle {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 4px;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  border-radius: var(--radius-full, 9999px);
+  transition: transform var(--transition-base, 0.3s ease);
+}
+
+.toggle:hover {
+  transform: scale(1.05);
+}
+
+.toggle:focus-visible {
+  outline: 2px solid var(--accent-tertiary);
+  outline-offset: 2px;
+}
+
+.togglePlaceholder {
+  width: 60px;
+  height: 32px;
+}
+
+.track {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 60px;
+  height: 32px;
+  padding: 0 6px;
+  border-radius: var(--radius-full, 9999px);
+  transition: all var(--transition-base, 0.3s ease);
+}
+
+/* Light mode track */
+:global(body:not(.dark-mode)) .track,
+:global(.light-mode) .track {
+  background: rgba(42, 104, 71, 0.12);
+  border: 1px solid rgba(21, 48, 33, 0.15);
+}
+
+/* Dark mode track */
+:global(.dark-mode) .track,
+:global(.dark) .track {
+  background: rgba(139, 218, 163, 0.15);
+  border: 1px solid rgba(139, 218, 163, 0.2);
+}
+
+.thumb {
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  z-index: 2;
+}
+
+/* Light mode thumb */
+:global(body:not(.dark-mode)) .thumb,
+:global(.light-mode) .thumb {
+  background: linear-gradient(135deg, var(--accent-primary, #2A6847), var(--accent-secondary, #3A8F62));
+}
+
+/* Dark mode thumb */
+:global(.dark-mode) .thumb,
+:global(.dark) .thumb {
+  background: linear-gradient(135deg, var(--accent-secondary, #3A8F62), var(--accent-tertiary, #5CB87A));
+}
+
+.icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  z-index: 1;
+  transition: all var(--transition-base, 0.3s ease);
+  opacity: 0.4;
+}
+
+.iconActive {
+  opacity: 1;
+}
+
+/* Light mode icons */
+:global(body:not(.dark-mode)) .sunIcon,
+:global(.light-mode) .sunIcon {
+  color: var(--accent-primary, #2A6847);
+}
+
+:global(body:not(.dark-mode)) .moonIcon,
+:global(.light-mode) .moonIcon {
+  color: var(--light-text-muted, #7F878B);
+}
+
+/* Dark mode icons */
+:global(.dark-mode) .sunIcon,
+:global(.dark) .sunIcon {
+  color: var(--dark-text-muted, #5C6366);
+}
+
+:global(.dark-mode) .moonIcon,
+:global(.dark) .moonIcon {
+  color: var(--accent-tertiary, #5CB87A);
+}

package/dist/index-CSdV51Jq.d.mts

@@ -0,0 +1,26 @@
+interface SiteSettings {
+    labName?: string;
+    labNameAccent?: string;
+    labNameDescription?: string;
+    footerText?: string;
+    showPrivacyPolicy?: boolean;
+    privacyPolicyUrl?: string;
+    showTerms?: boolean;
+    termsUrl?: string;
+}
+interface SiteConfig {
+    title: string;
+    description: string;
+    url?: string;
+}
+interface ThemeConfig {
+    primaryColor?: string;
+    accentColor?: string;
+}
+interface ProsophiaConfig {
+    template?: string;
+    site: SiteConfig;
+    theme?: ThemeConfig;
+}
+
+export type { ProsophiaConfig as P, SiteSettings as S, ThemeConfig as T, SiteConfig as a };