@jjlmoya/utils-finance 1.30.0 → 1.32.0

package/src/tool/compoundInterest/compound-interest-calculator.css

@@ -1,24 +1,24 @@
-.cic-root {
-  --cic-accent: #10b981;
-  --cic-accent-text: #059669;
-  --cic-accent-icon-bg: #d1fae5;
-  --cic-bg: #fff;
-  --cic-bg-panel: rgba(248, 250, 252, 0.3);
-  --cic-bg-card: #fff;
-  --cic-bg-header: rgba(248, 250, 252, 0.5);
-  --cic-border: #e2e8f0;
-  --cic-border-subtle: #f1f5f9;
-  --cic-text: #0f172a;
-  --cic-text-muted: #64748b;
-  --cic-text-subtle: #94a3b8;
-  --cic-input-bg: #fff;
-  --cic-input-border: #e2e8f0;
-  --cic-summary-bg: #fff;
-  --cic-insight-bg: #ecfdf5;
-  --cic-insight-text: #065f46;
-
-  background: var(--cic-bg);
-  border-radius: 1.5rem;
+.cic-root {
+  --cic-accent: #10b981;
+  --cic-accent-text: #059669;
+  --cic-accent-icon-bg: #d1fae5;
+  --cic-bg: #fff;
+  --cic-bg-panel: rgba(248, 250, 252, 0.3);
+  --cic-bg-card: #fff;
+  --cic-bg-header: rgba(248, 250, 252, 0.5);
+  --cic-border: #e2e8f0;
+  --cic-border-subtle: #f1f5f9;
+  --cic-text: #0f172a;
+  --cic-text-muted: #64748b;
+  --cic-text-subtle: #94a3b8;
+  --cic-input-bg: #fff;
+  --cic-input-border: #e2e8f0;
+  --cic-summary-bg: #fff;
+  --cic-insight-bg: #ecfdf5;
+  --cic-insight-text: #065f46;
+
+  background: var(--cic-bg);
+  border-radius: 1.5rem;
   box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
   border: 1px solid var(--cic-border-subtle);
   overflow: hidden;
@@ -33,187 +33,187 @@
 .cic-root *::after {
   box-sizing: border-box;
 }
-
-.theme-dark .cic-root {
-  --cic-accent-text: #34d399;
-  --cic-accent-icon-bg: rgba(16, 185, 129, 0.2);
-  --cic-bg: #1e293b;
-  --cic-bg-panel: rgba(15, 23, 42, 0.1);
-  --cic-bg-card: #1e293b;
-  --cic-bg-header: rgba(30, 41, 59, 0.5);
-  --cic-border: #334155;
-  --cic-border-subtle: #334155;
-  --cic-text: #fff;
-  --cic-text-muted: #94a3b8;
-  --cic-text-subtle: #64748b;
-  --cic-input-bg: #0f172a;
-  --cic-input-border: #334155;
-  --cic-summary-bg: #1e293b;
-  --cic-insight-bg: rgba(16, 185, 129, 0.1);
-  --cic-insight-text: #6ee7b7;
-}
-
+
+.theme-dark .cic-root {
+  --cic-accent-text: #34d399;
+  --cic-accent-icon-bg: rgba(16, 185, 129, 0.2);
+  --cic-bg: #1e293b;
+  --cic-bg-panel: rgba(15, 23, 42, 0.1);
+  --cic-bg-card: #1e293b;
+  --cic-bg-header: rgba(30, 41, 59, 0.5);
+  --cic-border: #334155;
+  --cic-border-subtle: #334155;
+  --cic-text: #fff;
+  --cic-text-muted: #94a3b8;
+  --cic-text-subtle: #64748b;
+  --cic-input-bg: #0f172a;
+  --cic-input-border: #334155;
+  --cic-summary-bg: #1e293b;
+  --cic-insight-bg: rgba(16, 185, 129, 0.1);
+  --cic-insight-text: #6ee7b7;
+}
+
 .cic-header {
-  padding: 1.5rem;
-  border-bottom: 1px solid var(--cic-border-subtle);
-  background: var(--cic-bg-header);
-  display: flex;
-  flex-wrap: wrap;
-  gap: 1rem;
+  padding: 1.5rem;
+  border-bottom: 1px solid var(--cic-border-subtle);
+  background: var(--cic-bg-header);
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
   align-items: center;
   justify-content: space-between;
   min-width: 0;
 }
-
+
 .cic-header-left {
   display: flex;
   align-items: center;
   gap: 0.75rem;
   min-width: 0;
 }
-
+
 .cic-icon-wrap {
-  padding: 0.625rem;
-  background: var(--cic-accent-icon-bg);
-  border-radius: 0.75rem;
-  color: var(--cic-accent-text);
+  padding: 0.625rem;
+  background: var(--cic-accent-icon-bg);
+  border-radius: 0.75rem;
+  color: var(--cic-accent-text);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
 }
-
-.cic-icon {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-
+
+.cic-icon {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
 .cic-title {
   font-size: 1.25rem;
   font-weight: 700;
   color: var(--cic-text);
   overflow-wrap: anywhere;
 }
-
-.cic-realtime {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  font-size: 0.875rem;
-  color: var(--cic-text-muted);
-}
-
-.cic-dot {
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 50%;
-  background: var(--cic-accent);
-  animation: cic-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
-
-@keyframes cic-pulse {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0.4; }
-}
-
+
+.cic-realtime {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.875rem;
+  color: var(--cic-text-muted);
+}
+
+.cic-dot {
+  width: 0.5rem;
+  height: 0.5rem;
+  border-radius: 50%;
+  background: var(--cic-accent);
+  animation: cic-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+@keyframes cic-pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.4; }
+}
+
 .cic-grid {
   display: grid;
   min-width: 0;
 }
-
+
 .cic-panel-left {
-  padding: 1.5rem;
-  display: flex;
-  flex-direction: column;
-  gap: 1.5rem;
+  padding: 1.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
   background: var(--cic-bg-panel);
   border-bottom: 1px solid var(--cic-border-subtle);
   min-width: 0;
 }
-
+
 .cic-fields {
   display: flex;
   flex-direction: column;
   gap: 1rem;
   min-width: 0;
 }
-
+
 .cic-grid-2 {
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
   gap: 1rem;
   min-width: 0;
 }
-
-.cic-label {
-  display: block;
-  font-size: 0.75rem;
-  font-weight: 700;
-  color: var(--cic-text-subtle);
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
-  margin-bottom: 0.5rem;
-}
-
+
+.cic-label {
+  display: block;
+  font-size: 0.75rem;
+  font-weight: 700;
+  color: var(--cic-text-subtle);
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  margin-bottom: 0.5rem;
+}
+
 .cic-input-wrap {
   position: relative;
   min-width: 0;
 }
-
-.cic-currency {
-  position: absolute;
-  left: 0.5rem;
-  top: 50%;
-  transform: translateY(-50%);
-  color: var(--cic-text-subtle);
-  font-weight: 700;
-  pointer-events: none;
-  font-size: 0.75rem;
-}
-
-.cic-currency-right {
-  left: auto;
-  right: 0.5rem;
-}
-
+
+.cic-currency {
+  position: absolute;
+  left: 0.5rem;
+  top: 50%;
+  transform: translateY(-50%);
+  color: var(--cic-text-subtle);
+  font-weight: 700;
+  pointer-events: none;
+  font-size: 0.75rem;
+}
+
+.cic-currency-right {
+  left: auto;
+  right: 0.5rem;
+}
+
 .cic-input {
-  width: 100%;
-  padding: 0.75rem 1rem;
-  background: var(--cic-input-bg);
-  border: 2px solid var(--cic-input-border);
-  border-radius: 0.75rem;
-  outline: none;
-  transition: border-color 0.2s;
-  color: var(--cic-text);
+  width: 100%;
+  padding: 0.75rem 1rem;
+  background: var(--cic-input-bg);
+  border: 2px solid var(--cic-input-border);
+  border-radius: 0.75rem;
+  outline: none;
+  transition: border-color 0.2s;
+  color: var(--cic-text);
   font-weight: 700;
   font-size: 1.125rem;
   min-width: 0;
 }
-
-.cic-input-prefixed {
-  padding-left: 3.5rem;
-}
-
-.cic-input-suffixed {
-  padding-right: 5rem;
-}
-
-.cic-input:focus {
-  border-color: var(--cic-accent);
-}
-
+
+.cic-input-prefixed {
+  padding-left: 3.5rem;
+}
+
+.cic-input-suffixed {
+  padding-right: 5rem;
+}
+
+.cic-input:focus {
+  border-color: var(--cic-accent);
+}
+
 .cic-summary {
-  background: var(--cic-summary-bg);
-  border-radius: 1rem;
-  padding: 1rem;
-  border: 1px solid var(--cic-border);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+  background: var(--cic-summary-bg);
+  border-radius: 1rem;
+  padding: 1rem;
+  border: 1px solid var(--cic-border);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
   min-width: 0;
 }
-
+
 .cic-summary-row {
   display: flex;
   justify-content: space-between;
@@ -222,69 +222,69 @@
   gap: 0.75rem;
   min-width: 0;
 }
-
+
 .cic-summary-label {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   min-width: 0;
 }
-
-.cic-dot-neutral {
-  width: 0.75rem;
-  height: 0.75rem;
-  border-radius: 50%;
-  background: var(--cic-text-subtle);
-  flex-shrink: 0;
-}
-
-.cic-dot-accent {
-  width: 0.75rem;
-  height: 0.75rem;
-  border-radius: 50%;
-  background: var(--cic-accent);
-  flex-shrink: 0;
-}
-
-.cic-text-muted {
-  color: var(--cic-text-muted);
-}
-
-.cic-text-accent {
-  color: var(--cic-accent-text);
-  font-weight: 500;
-}
-
+
+.cic-dot-neutral {
+  width: 0.75rem;
+  height: 0.75rem;
+  border-radius: 50%;
+  background: var(--cic-text-subtle);
+  flex-shrink: 0;
+}
+
+.cic-dot-accent {
+  width: 0.75rem;
+  height: 0.75rem;
+  border-radius: 50%;
+  background: var(--cic-accent);
+  flex-shrink: 0;
+}
+
+.cic-text-muted {
+  color: var(--cic-text-muted);
+}
+
+.cic-text-accent {
+  color: var(--cic-accent-text);
+  font-weight: 500;
+}
+
 .cic-summary-value {
   font-weight: 700;
   color: var(--cic-text);
   overflow-wrap: anywhere;
   text-align: right;
 }
-
-.cic-summary-value-accent {
-  color: var(--cic-accent-text);
-}
-
+
+.cic-summary-value-accent {
+  color: var(--cic-accent-text);
+}
+
 .cic-summary-total {
-  padding-top: 0.75rem;
-  margin-top: 0.25rem;
-  border-top: 1px solid var(--cic-border-subtle);
+  padding-top: 0.75rem;
+  margin-top: 0.25rem;
+  border-top: 1px solid var(--cic-border-subtle);
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   gap: 1rem;
   min-width: 0;
 }
-
-.cic-total-label {
-  color: var(--cic-text-subtle);
-  font-size: 0.75rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-}
-
+
+.cic-total-label {
+  color: var(--cic-text-subtle);
+  font-size: 0.75rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
 .cic-total-value {
   font-size: 1.5rem;
   font-weight: 900;
@@ -292,7 +292,7 @@
   overflow-wrap: anywhere;
   text-align: right;
 }
-
+
 .cic-panel-right {
   padding: 1.5rem;
   display: flex;
@@ -300,7 +300,7 @@
   min-height: 500px;
   min-width: 0;
 }
-
+
 .cic-canvas-wrap {
   position: relative;
   width: 100%;
@@ -349,50 +349,50 @@
     min-height: 320px;
   }
 }
-
-.cic-insight {
-  display: none;
-  margin-top: 1rem;
-  padding: 1rem;
-  background: var(--cic-insight-bg);
-  border-radius: 0.75rem;
-  font-size: 0.875rem;
-  color: var(--cic-insight-text);
-  opacity: 0;
-  transition: opacity 0.5s;
-}
-
-@media (min-width: 768px) {
-  .cic-insight {
-    display: block;
-  }
-}
-
-@media (min-width: 1024px) {
-  .cic-grid {
-    grid-template-columns: 4fr 8fr;
-  }
-
-  .cic-panel-left {
-    border-bottom: none;
-    border-right: 1px solid var(--cic-border-subtle);
-  }
-
-  .cic-panel-right {
-    padding: 2rem;
-    min-height: auto;
-  }
-}
-
-.cic-insight.cic-insight-visible {
-  opacity: 1;
-}
-
-.cic-insight-year {
-  font-weight: 700;
-  color: #10b981;
-}
-
-.theme-dark .cic-insight-year {
-  color: #fff;
-}
+
+.cic-insight {
+  display: none;
+  margin-top: 1rem;
+  padding: 1rem;
+  background: var(--cic-insight-bg);
+  border-radius: 0.75rem;
+  font-size: 0.875rem;
+  color: var(--cic-insight-text);
+  opacity: 0;
+  transition: opacity 0.5s;
+}
+
+@media (min-width: 768px) {
+  .cic-insight {
+    display: block;
+  }
+}
+
+@media (min-width: 1024px) {
+  .cic-grid {
+    grid-template-columns: 4fr 8fr;
+  }
+
+  .cic-panel-left {
+    border-bottom: none;
+    border-right: 1px solid var(--cic-border-subtle);
+  }
+
+  .cic-panel-right {
+    padding: 2rem;
+    min-height: auto;
+  }
+}
+
+.cic-insight.cic-insight-visible {
+  opacity: 1;
+}
+
+.cic-insight-year {
+  font-weight: 700;
+  color: #10b981;
+}
+
+.theme-dark .cic-insight-year {
+  color: #fff;
+}

package/src/tool/compoundInterest/entry.ts

@@ -1,32 +1,32 @@
-import type { FinanceToolEntry, ToolLocaleContent } from '../../types';
-
-import type { CompoundInterestUI } from './ui';
-
-export type CompoundInterestLocaleContent = ToolLocaleContent<CompoundInterestUI>;
-
-export const compoundInterest: FinanceToolEntry<CompoundInterestUI> = {
-  id: 'interes-compuesto',
-  icons: {
-    bg: 'mdi:chart-line',
-    fg: 'mdi:trending-up',
-  },
-  i18n: {
-    de: () => import('./i18n/de').then((m) => m.content),
-    en: () => import('./i18n/en').then((m) => m.content),
-    es: () => import('./i18n/es').then((m) => m.content),
-    fr: () => import('./i18n/fr').then((m) => m.content),
-    id: () => import('./i18n/id').then((m) => m.content),
-    it: () => import('./i18n/it').then((m) => m.content),
-    ja: () => import('./i18n/ja').then((m) => m.content),
-    ko: () => import('./i18n/ko').then((m) => m.content),
-    nl: () => import('./i18n/nl').then((m) => m.content),
-    pl: () => import('./i18n/pl').then((m) => m.content),
-    pt: () => import('./i18n/pt').then((m) => m.content),
-    ru: () => import('./i18n/ru').then((m) => m.content),
-    sv: () => import('./i18n/sv').then((m) => m.content),
-    tr: () => import('./i18n/tr').then((m) => m.content),
-    zh: () => import('./i18n/zh').then((m) => m.content),
-  },
-};
-
-export { bibliography } from './bibliography';
+import type { FinanceToolEntry, ToolLocaleContent } from '../../types';
+
+import type { CompoundInterestUI } from './ui';
+
+export type CompoundInterestLocaleContent = ToolLocaleContent<CompoundInterestUI>;
+
+export const compoundInterest: FinanceToolEntry<CompoundInterestUI> = {
+  id: 'interes-compuesto',
+  icons: {
+    bg: 'mdi:chart-line',
+    fg: 'mdi:trending-up',
+  },
+  i18n: {
+    de: () => import('./i18n/de').then((m) => m.content),
+    en: () => import('./i18n/en').then((m) => m.content),
+    es: () => import('./i18n/es').then((m) => m.content),
+    fr: () => import('./i18n/fr').then((m) => m.content),
+    id: () => import('./i18n/id').then((m) => m.content),
+    it: () => import('./i18n/it').then((m) => m.content),
+    ja: () => import('./i18n/ja').then((m) => m.content),
+    ko: () => import('./i18n/ko').then((m) => m.content),
+    nl: () => import('./i18n/nl').then((m) => m.content),
+    pl: () => import('./i18n/pl').then((m) => m.content),
+    pt: () => import('./i18n/pt').then((m) => m.content),
+    ru: () => import('./i18n/ru').then((m) => m.content),
+    sv: () => import('./i18n/sv').then((m) => m.content),
+    tr: () => import('./i18n/tr').then((m) => m.content),
+    zh: () => import('./i18n/zh').then((m) => m.content),
+  },
+};
+
+export { bibliography } from './bibliography';