cynx-lib 1.3.30 → 1.3.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cynx-lib",
-  "version": "1.3.30",
+  "version": "1.3.32",
   "type": "module",
   "main": "./index.js",
   "exports": {

package/ui/components/DatePicker.jsx

@@ -327,7 +327,7 @@ export function DatePicker({ value, onChange, label, placeholder = 'Select date'
     return (
       <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 4, padding: '4px 0' }}>
         {MONTHS.map((name, i) => {
-          const sel = value && value.getFullYear() === y && value.getMonth() === i;
+          const sel = valDate && valDate.getFullYear() === y && valDate.getMonth() === i;
           const monthStart = new Date(y, i, 1);
           const monthEnd   = new Date(y, i + 1, 0, 23, 59, 59, 999);
           const disMin = minD && monthEnd < new Date(new Date(minD).setHours(0, 0, 0, 0));
@@ -377,7 +377,7 @@ export function DatePicker({ value, onChange, label, placeholder = 'Select date'
     return (
       <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 4, padding: '4px 0' }}>
         {years.map(yr => {
-          const sel = value && value.getFullYear() === yr;
+          const sel = valDate && valDate.getFullYear() === yr;
           const yrStart = new Date(yr, 0, 1);
           const yrEnd   = new Date(yr, 11, 31, 23, 59, 59, 999);
           const disMin = minD && yrEnd < new Date(new Date(minD).setHours(0, 0, 0, 0));

package/ui/components/TabBar.jsx

@@ -154,17 +154,19 @@ export default function TabBar({ tabs, active, onChange, capitalize = false, pad
                 onClick={handleTabClick}
                 style={{
                   display: 'flex', alignItems: 'center', gap: 5,
-                  height: 26,
+                  minHeight: 24,
+                  height: 'auto',
+                  lineHeight: 1.2,
                   padding: padding || '0 10px',
                   border: 'none',
                   borderRadius: 'var(--radxs, 6px)',
                   background: isActive ? 'var(--surface,#fff)' : isOpen ? 'var(--grey-2, #e5e7eb)' : 'transparent',
                   boxShadow: isActive ? '0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06)' : 'none',
-                  fontSize: '.75rem', fontWeight: isActive ? 600 : 600,
+                  fontSize: '.75rem', fontWeight: 600,
                   color: isActive ? 'var(--primary-text, #0f111c)' : 'var(--muted, #9b9daa)',
                   cursor: t.disabled ? 'not-allowed' : 'pointer',
                   opacity: t.disabled ? 0.38 : 1,
-                  transition: 'all .18s ease',
+                  transition: 'background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease',
                   fontFamily: 'inherit',
                   whiteSpace: 'nowrap',
                   textTransform: capitalize ? 'capitalize' : 'none',